-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
91 lines (66 loc) · 2.54 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<title>portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,423&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<style>
*{
margin: 0; padding:0; font-family: 'Josefin Sans', sans-serif;
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Mohit Mayank Developer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="home.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About </a>
</li>
<li class="nav-item active ">
<a class="nav-link" href="qualification.html">Qualification
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>About Me Section</h1>
<p>My First Portfolio</p>
</div>
</div>
</header>
<section>
<div class="contanier-fluid p-5">
<h1 class="text-center btn-outline-success pt-5"><strong>About me</strong></h1>
<hr class="w-25 mx-auto pt-5 ">
<div class ="row mb-5">
<div class="col-lg-6 col-md-6 col-12">
<img src="images/pic.jpg " class=" mx-auto d-block img-center rounded-circle" style="width: 30%">
</div>
<div class="col-lg-6 col-md-6 col-12">
<h1>Who am I?</h1>
<hr>
<p> Myself Mohit Mayank I'm a developer based in Solan, India. I am pursuing my btech in computer science at juit wakhnaghat.<br>
I enjoy developing websites. My passion is developing computer softwares that simplify our lives. You can check out some of my projects on git. If you're interested in my work, then head over details and let me get back to you.
</p>
<button class="btn bg-primary">Wanna know Me</button>
</div>
</div>
</section>
</body>
</html>