-
Notifications
You must be signed in to change notification settings - Fork 1
/
KnowMore.html
182 lines (156 loc) · 9.5 KB
/
KnowMore.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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!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">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>memories</title>
</head>
<body>
<! here a navigation bar>
<nav class="navbar navbar-expand-lg navbar-light " style="background-color: #e3f2fd; ">
<a href="https://apoorv-cloud.github.io/Blackhead/Apoorv.html" class="">
<span class="my-6">
<img id="logo-head" src="gog.jpg" style="width: 44px; margin-top: 5px; border-radius: 50%;
border: 1px solid red;">
<h5 style=" float:left; color: silver; text-align: center; font-size: 10px;"></h5>
</span></a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Memories</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Places</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true"></a>
</li>
</ul>
</div>
</nav>
<! heading >
<h2 style="text-align: center; font-family: Georgia, 'Times New Roman', Times, serif; margin: 10px">ABOUT US!!</h2>
<! here start intro>
<div id="progressbar"></div>
<div class="container">
<hr class="featurette-divider">
<div class="row featurette my-5 mx-5">
<div class="col-md-7">
<h2 class="featurette-heading">Apoorv Maheshwari : <span class="text-muted">"Believe in yourself!"</span></h2>
<p class="lead">" He makes you smile with all your heart and you love him and never want to lose."
Cuddly like a teddy bear but strong like a man. he is a loveable caring, but also tough and protective.
if you ever find APOORV just hold on tight and never let go cause he is a gem.
He thinks about the lucky girl, he loves and no one else.
He is a great person who will be the best friend you ever had once you crack the hard outer shell."
</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="apoorv.jpg" alt="">
</div>
</div>
<hr class="featurette-divider ">
<div class="row featurette my-5 mx-5">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Satyam Singh : <span class="text-muted">“ If you can dream it, you can do it.”</span></h2>
<p class="lead">" Will do anything for friends, he makes you smile with all your heart and you love him and never want to lose him.
He doesn't know how valuable he really is so make him realise his work the person who radiates happiness, girls really wish to have a man who is protective enough and secure enough"</p>
</div>
<div class="col-md-5 order-md-1">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="satyam.jpg" alt="">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette my-5 mx-5">
<div class="col-md-7">
<h2 class="featurette-heading">Rydam Agarwal : <span class="text-muted">“ Where there is a will, there is a way"</span></h2>
<p class="lead">"The kind of person who is one in million. The person who radiate happiness as fun and helpful.
He smart talented and humorous guy who likes at I charge you might regret leaving him, love coding and want to become a succesful man."</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="rytham.jpg" alt="">
</div>
</div>
<hr class="featurette-divider ">
<div class="row featurette my-5 mx-5">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Kashish Begmal : <span class="text-muted">“ Do not wait; the time will never be 'just right."</span></h2>
<p class="lead">"Will make a laugh a lot.
Kashish has a kind heart, and his family oriented.
A perfect blend of Brains and strength. Kashish likes to keep his circle tight and small. He is picky about who he trusts, and isn't found of large circles.
Very rare though. He is usually very sweet person and is protective when it comes to his friends</p>
</div>
<div class="col-md-5 order-md-1">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="kashish.jpeg" alt="">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette my-5 mx-5">
<div class="col-md-7">
<h2 class="featurette-heading">Siddharth Samanta : <span class="text-muted">The future belongs to those who believe in the beauty of their dreams.”</span></h2>
<p class="lead">" One who has accomplished goal; Successful; A name of Lord Buddha; Achieved all wishes.
Siddharth is a variant of the Indian boy's name, Siddhartha, which means 'one who has achieved all wishes'. It is derived from the Sanskrit word 'siddha'."
</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="sid.jpg" alt="">
</div>
</div>
<hr class="featurette-divider ">
<div class="row featurette my-5 mx-5">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Aryan : <span class="text-muted">“ Aim for the moon "</span></h2>
<p class="lead">"Aaryan was seen gushing over the “rockstar” filmmaker. It is no news that Imtiaz brings out the unexplored emotions and acting skills.
Aryan , a 18-year-old, hailing from New Delhi, set a new national-level record in International Cube Competition by solving 3x3 cube in just 7.29 seconds.
The earlier record was 7.43 seconds."" </p>
</div>
<div class="col-md-5 order-md-1">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="aryan.jpg" alt="">
</div>
</div>
<hr class="featurette-divider ">
<div class="row featurette my-5 mx-5">
<div class="col-md-7">
<h2 class="featurette-heading">Ankur : <span class="text-muted">“Don’t watch the clock; do what it does. Keep going.”</span></h2>
<p class="lead">Ankur is completely down to earth and sweet and kindly is the best friend. Anybody could ever wish for Ankur extremely smart loving and knowledgeable person.
He is handsome man with perfect smile one of the sweetest guy. you will come across all the very great thought he is usually a very sweet person and is protective will it comes to his friends.
He makes you smile with all your heart and you love him and never want to lose him."
</p>
</div>
<div class="col-md-5">
<img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" height="500" src="ankur.jpg" alt="">
</div>
</div>
<div>
<hr>
<footer>
<div class="container1" style="float:left;">
<img src="rest.png" style="width: 120px;">
<p style="color: #b3aeb5;
font-size: 10px; margin-bottom:0;">Connect with us for more fun.</p>
<p style="color: #b3aeb5;
font-size: 10px; margin-top:0;">Gog members are unique.</p>
</div>
</footer>
<!-- <script src="https://code.jquery.com/jquery-3.4.1.js"></script> -->
<!-- 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/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>
<script type="text/javascript">
</body>
</html>