-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
72 lines (64 loc) · 3.83 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<style>
.gray{
background-color: gray;
}
body{
}
</style>
<body background="pic/9enofj.jpg">
<!--Navbar-->
<nav class="navbar navbar-light bg-light navbar-expand-sm">
<div class= "container-fluid">
<a href="#" class="navbar-brand "> <img src="pic/kisspng-art-film-logo.png" width="70" height="50" alt="">Movies BAzaar</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#idNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="idNav">
<ul class="navbar-nav ">
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">contact Us</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main content-->
<div class="container">
<div class="row">
<div class="col-md-7 text-light ">
<h1>About the creator of the page</h1>
<p class="mt-5">SHUBHAM KUMAR YASH is freelancer web designer. Currently he is a student in ITER and doing bachelor Degree in Computer Science and Information Technology. You can also follow him on insta(user name- shubham kumar yash) </p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto blanditiis et, labore tempore inventore aspernatur. Eveniet provident voluptatum aut illum accusamus possimus repellendus incidunt. Alias et eaque quia quaerat culpa. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Recusandae rem ipsum quae cum aut nobis, iusto dolores reprehenderit voluptate debitis reiciendis ratione quos, perspiciatis nostrum exercitationem vel velit dolorem vitae! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et dicta, doloribus impedit eos doloremque molestiae minima ullam id voluptate nihil. Eos quidem temporibus consequatur! Illo blanditiis quo magni nam reprehenderit.</p>
</div>
<div class="col-md-4 mt-3">
<img src="pic/mine.jpg" class="card-img-top" alt="..." height="500" width="1280">
<h2 class="text-light"> Shubham kumar yash</h2>
</div>
</div>
</div>
<!--Footer-->
<footer class="container-fluid bg-dark text-light mt-3">
<p class="text-center">©Shubham kumar yash(Self taught programer)</p>
<div class="text-center">
<ul class="list-inline">
<li class="list-inline-item"><a href="" target="_blank"><i class="fab fa-facebook-square fa-inverse"></i></a></li>
<li class="list-inline-item"><a href="" target="_blank"><i class="fab fa-youtube fa-inverse"></i></i></a></li>
<li class="list-inline-item"><a href="" target="_blank"><i class="fab fa-twitter fa-inverse"></i></i></a></li>
</ul>
</div>
</footer>
<!--Scripts-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>