-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
137 lines (111 loc) · 5.54 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
<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/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</head>
<body>
<div class="container" style="margin-left:32rem; ">
<nav class="navbar navbar-expand-lg navbar-primary text-white">
<div class="collapse navbar-collapse bg" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Topics</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Me</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container my-4">
<h1>ABOUT ME</h1>
</div>
<div class="jumbotron text-dark my-0 mx-auto" style="width:80%">
<h1 class="display-4">Hello, Reader!</h1>
<p class="lead">I'm <i>Parishi</i> currently pursuing Chemistry at IIT Bombay.</p>
<hr class="my-4">
<p class="my-0">I like to play sports very much especially Badmintion, but admist this pandemic I developed the
habbit of reading books which helped
me a lot to gain insights about the world and myself. I also like to try out and learn various new things.
</p>
</div>
<hr>
<div class="container">
<h1>TOPICS</h1>
<div class="row ">
<div class="col-md-6">
<div class="card text-center">
<div class="card-body">
<h3 class="card-title text-dark">Nanomaterials SOS project</h3>
<p class="card-text text-dark">I did a Sumer Of Science on the topic <b>Nanomaterials</b>
because I
really liked the concept of
just by subtle change in the property of a material you can create entirely a brand new
material
with completely different properties
with a wide range of applications.
But in the process of exploring this field I was really fascinated by the applications of it
from very small to very large things
happening around the globe. It was truly an enriching experience for me to do this project.
</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card text-center ">
<div class="card-body">
<h3 class="card-title text-dark">LS Web Development</h3>
<p class="card-text text-dark ">Initially I took this project as to explore this field, but
eventually it had lead to my actual
area of interest. This course is very efficient as it covers every aspects of each content and
also is designed for anyone whether beginner or someone else.
This course actually takes you to the path from novoice to actual applications which are used in
industry currently.
I'm really glad that I took up this course and I plan to continue to explore in this area in my
future. </p>
</div>
</div>
</div>
</div>
</div>
<div class="container my-4">
<h1 class="my-4">Contact Form</h1>
<form action="https://formspree.io/xqkygvqn" method="POST">
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Your Name" name="name">
</div>
<div class="form-group">
<label for="msg">Your Message</label>
<textarea class="form-control" id="msg" rows="3" placeholder="Message" name="message"></textarea>
</div>
<input type="submit" value="Send" class="btn btn-outline-light btn-lg">
</form>
</div>
<!--footer-->
<div class="footer">
Web Dev Project © 2020
</div>
</body>
</html>