-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (90 loc) · 4.09 KB
/
index.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 lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Sid Nelakuditi about me</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Sid Nelakuditi</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="index.html"
>About <span class="sr-only">(current)</span></a
>
<a class="nav-item nav-link" href="portfolio.html">Portfolio</a>
<a class="nav-item nav-link" href="contact.html">Contact</a>
</div>
</div>
</nav>
<section>
<div class="mx-auto" style="width: 300px;">
<h1>About Me</h1>
<hr />
</div>
<img src="assets/images/F_0SVZBr_400x400.png" alt="Sid's headshot" style="float: right;"/>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit quae
repudiandae, dolores eius veritatis illum laborum? Nobis totam
asperiores quos nostrum repellat aliquam laboriosam! Saepe delectus at
neque eligendi repudiandae. Nisi cum voluptatem enim ad error porro, ea
in sunt recusandae perspiciatis maiores nihil nemo eius consequuntur
vitae pariatur eveniet praesentium? Atque nisi voluptas totam incidunt.
Omnis at alias impedit! Aliquam ipsa est incidunt natus id, delectus
laudantium beatae enim magnam, quisquam saepe eius quas quibusdam
commodi quae sequi repudiandae dolores reiciendis itaque sapiente.
Debitis nobis modi eum iure consequuntur.
</p>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Autem sed
ducimus, cupiditate aut aliquid, eos id, obcaecati perferendis hic
deleniti laborum exercitationem expedita explicabo? Provident hic
temporibus non voluptatum rerum. Obcaecati laudantium aliquid dicta
fugiat molestias labore, similique at saepe. Nemo officia eveniet,
mollitia architecto iure quam excepturi? Mollitia beatae molestiae
dolores omnis dolorem maxime qui soluta id officiis impedit? Ipsa
dolorem voluptate molestiae quaerat ratione ut eaque quisquam commodi,
nisi necessitatibus? Eum vel similique minus nostrum libero iure quasi
corporis veritatis fuga at! Delectus dicta voluptas laborum? Error,
perferendis!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora quo
dolores, architecto, voluptatem quas doloremque nisi, fuga illum animi
qui nemo quam obcaecati facere beatae ab necessitatibus possimus magni
soluta. Eveniet maxime, aspernatur tenetur consequatur molestias quasi
praesentium fugiat quaerat velit inventore doloremque, quae cupiditate
tempore voluptas, architecto aut. Doloremque dicta maxime necessitatibus
distinctio eveniet exercitationem et nihil adipisci? Magni? Incidunt
doloribus voluptate praesentium tempora delectus ad, placeat soluta
eaque repellendus ducimus impedit, magni tempore ratione quasi officiis,
expedita at quaerat nihil. Reiciendis, mollitia repellendus corporis
beatae eaque accusamus aut!
</p>
</section>
<footer class="footer mt-auto py-3">
<div class="container">
<span class="text-muted">© 2019 Copyright.</span>
</div>
</footer>
</body>
</html>