-
Notifications
You must be signed in to change notification settings - Fork 0
/
choto.html
404 lines (319 loc) · 22.9 KB
/
choto.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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSC Digital India || CSC Pulsita || তথ্য মিত্র কেন্দ্র পুলসিটা</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<meta name="google-adsense-account" content="ca-pub-4282728102113205">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4282728102113205"
crossorigin="anonymous"></script>
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-xxl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar & Hero Start -->
<div class="container-xxl position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<h1 class="m-0"><i class="fa fa-search me-2"></i>SEO<span class="fs-5">Master</span></h1>
<!-- <img src="img/logo.png" alt="Logo"> -->
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="service.html" class="nav-item nav-link">Service</a>
<a href="project.html" class="nav-item nav-link active">Project</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu m-0">
<a href="team.html" class="dropdown-item">Our Team</a>
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
<a href="404.html" class="dropdown-item">404 Page</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<butaton type="button" class="btn text-secondary ms-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton>
<a href="https://htmlcodex.com/startup-company-website-template" class="btn btn-secondary text-light rounded-pill py-2 px-4 ms-3">Pro Version</a>
</div>
</nav>
<div class="container-xxl py-5 bg-primary hero-header mb-5">
<div class="container my-5 py-5 px-lg-5">
<div class="row g-5 py-5">
<div class="col-12 text-center">
<h1 class="text-white animated zoomIn">Project</h1>
<hr class="bg-white mx-auto mt-0" style="width: 90px;">
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Project</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar & Hero End -->
<!-- Full Screen Search Start -->
<div class="modal fade" id="searchModal" tabindex="-1">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content" style="background: rgba(29, 29, 39, 0.7);">
<div class="modal-header border-0">
<button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex align-items-center justify-content-center">
<div class="input-group" style="max-width: 600px;">
<input type="text" class="form-control bg-transparent border-light p-3" placeholder="Type search keyword">
<button class="btn btn-light px-4"><i class="bi bi-search"></i></button>
</div>
</div>
</div>
</div>
</div>
<!-- Full Screen Search End -->
<!-- Portfolio Start -->
<div class="container-xxl py-5">
<div class="container px-lg-5">
<div class="section-title position-relative text-center mb-5 pb-2 wow fadeInUp" data-wow-delay="0.1s">
<h6 class="position-relative d-inline text-primary ps-4">Our Projects</h6>
<h2 class="mt-2"> <a href="https://forms.gle/XDvPW86XMbwm8UrYA">প্রাধান মন্ত্রী সৌর গৃহ বিনামূল্যে বিদ্যুৎ প্রকল্প</a></h2>
</div>
<div class="row mt-n2 wow fadeInUp" data-wow-delay="0.1s">
<div class="col-12 text-center">
<ul class="list-inline mb-5" id="portfolio-flters">
<li class="btn px-3 pe-4 active" data-filter="*">All</li>
<li class="btn px-3 pe-4" data-filter=".first">Design</li>
<li class="btn px-3 pe-4" data-filter=".second">Development</li>
</ul>
</div>
</div>
<div class="row g-4 portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item first wow zoomIn" data-wow-delay="0.1s">
<div class="position-relative rounded overflow-hidden">
<img class="img-fluid w-100" src="img/portfolio-1.jpg" alt="">
<div class="portfolio-overlay">
<a class="btn btn-light" href="img/portfolio-1.jpg" data-lightbox="portfolio"><i class="fa fa-plus fa-2x text-primary"></i></a>
<div class="mt-auto">
<small class="text-white"><i class="fa fa-folder me-2"></i>Web Design</small>
<a class="h5 d-block text-white mt-1 mb-0" href="">Project Name</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item second wow zoomIn" data-wow-delay="0.3s">
<div class="position-relative rounded overflow-hidden">
<img class="img-fluid w-100" src="img/portfolio-2.jpg" alt="">
<div class="portfolio-overlay">
<a class="btn btn-light" href="img/portfolio-2.jpg" data-lightbox="portfolio"><i class="fa fa-plus fa-2x text-primary"></i></a>
<div class="mt-auto">
<small class="text-white"><i class="fa fa-folder me-2"></i>Euphoria and Awe</small>
<a class="h5 d-block text-white mt-1 mb-0" href="choto.html">Author as a protagonist feel for his will fighting for her love of life .....</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item first wow zoomIn" data-wow-delay="0.6s">
<div class="position-relative rounded overflow-hidden">
<img class="img-fluid w-100" src="img/portfolio-3.jpg" alt="">
<div class="portfolio-overlay">
<a class="btn btn-light" href="img/portfolio-3.jpg" data-lightbox="portfolio"><i class="fa fa-plus fa-2x text-primary"></i></a>
<div class="mt-auto">
<small class="text-white"><i class="fa fa-folder me-2"></i>Web Design</small>
<a class="h5 d-block text-white mt-1 mb-0" href="blog.html">Blog</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item second wow zoomIn" data-wow-dela y="0.1s">
<div class="position-relative rounded overflow-hidden">
<img class="img-fluid w-100" src="img/portfolio-4.jpg" alt="">
<div class="portfolio-overlay">
<a class="btn btn-light" href="img/portfolio-4.jpg" data-lightbox="portfolio"><i class="fa fa-plus fa-2x text-primary"></i></a>
<div class="mt-auto">
<small class="text-white"><i class="fa fa-folder me-2"></i>Web Design</small>
<a class="h5 d-block text-white mt-1 mb-0" href="">Project Name</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item first wow zoomIn" data-wow-delay="0.3s">
<div class="position-relative rounded overflow-hidden">
<img class="img-fluid w-100" src="img/portfolio-5.jpg" alt="">
<div class="portfolio-overlay">
<a class="btn btn-light" href="img/portfolio-5.jpg" data-lightbox="portfolio"><i class="fa fa-plus fa-2x text-primary"></i></a>
<div class="mt-auto">
<small class="text-white"><i class="fa fa-folder me-2"></i>Web Design</small>
<a class="h5 d-block text-white mt-1 mb-0" href="">Project Name</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item second wow zoomIn" data-wow-delay="0.6s">
<div class="position-relative rounded overflow-hidden">
<img class="img-fluid w-100" src="img/portfolio-6.jpg" alt="">
<div class="portfolio-overlay">
<a class="btn btn-light" href="img/portfolio-6.jpg" data-lightbox="portfolio"><i class="fa fa-plus fa-2x text-primary"></i></a>
<div class="mt-auto">
<small class="text-white"><i class="fa fa-folder me-2"></i>Web Design</small>
<a class="h5 d-block text-white mt-1 mb-0" href="">Project Name</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio End -->
<!-- Footer Start -->
<div class="container-fluid bg-primary text-light footer mt-5 pt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5 px-lg-5">
<div class="row g-5">
<div class="col-md-6 col-lg-3">
<h5 class="text-white mb-4">Get In Touch</h5>
<p><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA</p>
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-instagram"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-md-6 col-lg-3">
<h5 class="text-white mb-4">Popular Link</h5>
<a class="btn btn-link" href="">About Us</a>
<a class="btn btn-link" href="">Contact Us</a>
<a class="btn btn-link" href="">Privacy Policy</a>
<a class="btn btn-link" href="">Terms & Condition</a>
<a class="btn btn-link" href="">Career</a>
</div>
<div class="col-md-6 col-lg-3">
<h5 class="text-white mb-4">Project Gallery</h5>
<div class="row g-2">
<div class="col-4">
<img class="img-fluid" src="img/portfolio-1.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/portfolio-2.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/portfolio-3.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/portfolio-4.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/portfolio-5.jpg" alt="Image">
</div>
<div class="col-4">
<img class="img-fluid" src="img/portfolio-6.jpg" alt="Image">
</div>
</div>
</div>
<div>
<div class="container">
<img src="img/portfolio-2.jpg" alt="astro" width="900" height="300">
<p><strong>By: The Protagonist, A Science Student</strong></p>
<p>Dola, Jani naa Tui text a emotions ta bujhte parbi kina but if possible then listen to me please "shore" the name that come from my imagination, cause every wave of sea will come to the shore it's physics, law of nature.</p>
<p>I love you with mah heart which can turn into red if you hold my hand. Without your touch, I am and will stay indeed an orphaned child who is crying for his love that is out of his reach, but the right side of his brain keeps imagining that the story will come to an start and you will come and hold his hand.</p>
<p>The child was full of ego because he got criticized by those he thought they loved. He was always judged by the nature of his questions, which have been shut down and put him in the dark, but he can't have that ability to understand without dark background and no colour will be visible with its deepest form.</p>
<p>You are that light colour for me which can dilute the black colour and make it fade until it becomes white.</p>
<h2>The Science of the Heart</h2>
<p>My only lust and love for you is indeed a black hole; no one knows why it exists but everyone, even scientists, have evidence about its presence.</p>
<p>I want to be in your life like waves come on the shore, in the form of waves, in the influence of "Tu B'Av" and took all her "ke'ev" and threw it to somewhere else where gravity is so high that light and time can't even escape. You are, for me in imagination, like a wave that tore my space fabric and made me the person I always wanted to be.</p>
<p>I want to be your double slit experiment. When you saw me, I will change my nature and act like what you want to see your lover in your imagination.</p>
<p>I am attracted to your eyes, but your body is a "killer" which holds me to spin around you like planets spinning around the sun.</p>
<h2>Waves and Gravity</h2>
<p>So tell me how should I act right now? Should I regret every moment where my ego acts or cherish every moment that I got the love which will never fade? The sword is in your hand, what you will act will never decrease the love I have for you. I don't know why I am acting like this, but it has never happened before.</p>
<p>I never thought of myself as being in a lower position. I see myself as a rockstar. Always I loved myself less than the love I have for you, and you are the external force that gave me enough energy to reach a higher state, just like an external force helped an electron to reach its higher state. This is the law of physics, the law of nature, the law of love in the sense of giving deep empathy to someone when they are in a low position and helping them cope with daily life and pushing them to recognize their goals.</p>
<p>You did that for me, and I got my kickstart to follow my dream. You are that light, mysterious yet visible, and gave warmth to me when I felt cold.</p>
<h2>A Heartfelt Confession</h2>
<p>I don't know about your current situation—whether you're eating well, or doing your best in life—but I am still at room number 185, Mohali. But if you have anyone in your life, and if he is the love of your life, then deepest congratulations with no jealousy. But deep down, I have it to some extent, which will stay. But I will wait, hopeful to Almighty that you will come.</p>
<blockquote>
"If my love has its highest form, you will come. If not, my love for you will never decrease. You can call at any point of your life, and I will definitely come."
</blockquote>
<p>You are a willer and a very brave soul. I admire you.</p>
<h2>Science and Emotion: A Cosmic Union</h2>
<p>The protagonist, as a science student with 68% marks, tries to express his feelings through his little understanding of science. Through the language of physics and the universe, he captures a love that feels as vast and mysterious as space itself, filled with beauty, longing, and deep admiration.</p>
<h2>A Love Rooted in Physics and Nature</h2>
<p>The protagonist likens his love to a force of nature. The pull towards his love is inevitable, like the waves of the sea being drawn to the shore, governed by the law of physics. His love becomes a metaphor for the powerful forces that shape the universe, a love that is both vast and intimate.</p>
<h2>Admiration and Transformation</h2>
<p>He admires the person he loves deeply, not just for their physical beauty but for their strength, their essence, their soul. His love has transformed him, pushing him to strive for something greater, just as an external force pushes an electron to a higher energy state. She is his inspiration, his source of light in the darkness.</p>
<p>In the end, the protagonist reflects on the nature of love itself—how it’s rooted in nature, in the laws of the universe. His love for this person is as mysterious and real as the forces of gravity, light, and time. And no matter where life takes them, this love will never fade.</p>
</div>
<footer>
<p>© 2024 Astrophysics in the Eyes of Love. All rights reserved.</p>
</footer>
</div>
</div>
</div>
<div class="container px-lg-5">
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">Your Site Name</a>, All Right Reserved.
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top pt-2"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>