-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabt.html
77 lines (68 loc) · 3.86 KB
/
abt.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<title>About</title>
<style>
body{
background-color: black;
font-family: "Segoe UI";
}
#m{
height: 480px;
width: 700px;
border: 2px solid white;
border-radius: 8px;
color:white;
animation: i 2s;
}
@keyframes i {
from {opacity: 0;}
to{ opacity: 1;}
}
@media (max-width: 600px){
#m{
width: auto;
height: auto;
}
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-md px-0 mx-0 fixed-top">
<div class="container">
<button class="navbar-toggler ml-auto" data-toggle="collapse" data-target="#mainNav">
<span class="navbar-toggler-icon bg-light text-dark"></span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<div class="navbar-nav px-0 mx-0" >
<a class="nav-item nav-link text-white navbar-brand ml-auto" href="index.html">Home</a>
<a class="nav-item nav-link navbar-brand active ml-auto" href="abt.html" style="color: rgb(230,43,30);">About</a>
<a class="nav-item nav-link text-white navbar-brand ml-auto" href="acad.html">Academics</a>
<a class="nav-item nav-link text-white navbar-brand ml-auto" href="proj.html">Projects</a>
<a class="nav-item nav-link text-white navbar-brand ml-auto " href="contacts.html"style="position: absolute;left: 1150px;" >Contact</a>
</div>
</div>
</div>
</nav>
<div class="jumbotron jumbotron-fluid " style="background-color:black;height:63px;margin-bottom: 40px;margin-left: 100px;padding-bottom: 0;padding-top: 20px;margin-right: 80px;"></div>
</div>
<div class="container " id="m">
<h1 style="margin-bottom: 35px;">About</h1>
<p style="font-size: 1.5em; color: greenyellow;" >
I'm Mohit Marathe.
</p>
<p style="font-size: 1.2em;">I'm from Mumbai and studying at VIT, Pune. I've been playing football since childhood. Football is a family of team sports that involve, to varying degrees, kicking a ball to score a goal. Unqualified, the word football normally means the form of football that is the most popular where the word is used. The various forms of football share to varying extent common origins and are known as football codes. There are a number of references to traditional, ancient, or prehistoric ball games played in many different parts of the world.</p>
<p style="font-size: 1.2em;">During the 20th century, several of the various kinds of football grew to become some of the most popular team sports in the world. Several of the football codes are popular team sports in the world.</p>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>