-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
319 lines (291 loc) · 14.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- title -->
<title>Antarip Kabiraj</title>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- BootStarp -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!-- GOOGLE 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=Caveat&family=EB+Garamond:wght@400;700&family=IBM+Plex+Sans&family=Open+Sans&family=Petemoss&family=Ubuntu&display=swap"
rel="stylesheet" />
<!-- FONT AWSOME -->
<script src="https://kit.fontawesome.com/e21f592bdd.js" crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- GOOGLE ICONS -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@30,400,0,0" />
<!-- CSS stylesheet -->
<link rel="stylesheet" href="css/style_main.css" />
</head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-sm navbar-dark fixed-top">
<div class="container-fluid">
<img src="images/logo.png" alt="logo" class="nav-logo" />
<a class="navbar-brand" href="#">Antarip Kabiraj</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse nav-con" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactme">Contact Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#nft">NFT</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- HEADER PHOTO -->
<div class="header-pic">
<img class="head-img" src="images/pexels-shivam-tak-4481330.jpg" alt="" />
<div class="img-overlay">
<div class="overlay-txt">
I'm a freelance photographer with a passion for capturing the essence
of everyday life on the streets. Available for hire to create unique
and beautiful moments for your brand or business. Let's make magic
together.
</div>
</div>
<a href="#portfolio" class="img-btn">The World Through My Lens</a>
</div>
<!-- WORK DISPALY -->
<div class="wrk-dis">
<div class="head-txt">Some of My Work</div>
<div class="wrk-txt">
As a photographer, I am thrilled to showcase my portfolio of stunning
images. From breathtaking landscapes to captivating portraits, each
photo captures a unique moment in time. Through my lens, I strive to
convey the emotions and beauty of the world around us, and I hope my
images leave a lasting impression on those who view them.
</div>
<div id="carouselExampleRide" class="carousel slide" data-bs-ride="true">
<div class="carousel-inner">
<div class="carousel-item">
<img src="images/up/img (1).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (2).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (3).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (4).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item active">
<img src="images/up/img (5).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (6).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (7).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (8).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (9).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (10).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (11).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (12).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (13).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (14).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (15).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
<div class="carousel-item">
<img src="images/up/img (16).jpg" class="d-block w-100 img-wrk" alt="..." />
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<!-- MORE LINKS -->
<div class="more-lnk" id="portfolio">
<div class="head-txt">My Portfolio</div>
<div class="lnk-txt">
If you are interested in seeing more of my work, I invite you to visit
my detailed portfolio. There, you will find a vast collection of my
photographs, spanning from nature and landscapes to portraits and street
photography. I take great pride in my work, and I hope that you will
find my images as captivating as I do. Thank you for considering my
portfolio, and I look forward to sharing my passion for photography with
you.
</div>
<div class="row">
<div class="col-lg-3 col-md-6 ">
<div class="cont">
<div class="card">
<div class="card-front"><img class="port-img" src="images/durga.jpg" alt=""></div>
<div class="card-back">
<h3>Durga Maa</h3>
<p> A collection of photos of the famous goddess Durga would showcase her beauty, power, and grace
through
a combination of close-up shots and wide-angle compositions. The collection would capture the essence
of
this divine deity and the rich cultural traditions and rituals that surround her worship.</p>
<a class="port-link" href="https://www.instagram.com/p/Cje_TrapnPP/?igshid=YmMyMTA2M2Y="
target="_blank">Durga Maa</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ">
<div class="cont">
<div class="card">
<div class="card-front"><img class="port-img" src="images/holi.jpg" alt=""></div>
<div class="card-back">
<h3>Holi</h3>
<p> My collection of photos of the Holi festival would be a vibrant and colorful portrayal of the
celebration. The photos would showcase people covered in bright powders, throwing colorful water at
each
other, and dancing to upbeat music.</p>
<a class="port-link" href="https://www.instagram.com/p/CpcCjrOppUT/?igshid=YmMyMTA2M2Y="
target="_blank">Holi</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ">
<div class="cont">
<div class="card">
<div class="card-front"><img class="port-img" src="images/kali.jpg" alt=""></div>
<div class="card-back">
<h3>Kali Maa</h3>
<p> The photos would capture the essence of this fierce deity and the rich symbolism associated with her
worship. The collection would also highlight the intricate details of Kali's iconography, such as her
multiple arms, severed heads, and tongue protruding in rage, making for a striking and evocative
visual
experience.</p>
<a class="port-link" href="https://www.instagram.com/p/CkFWgKgp3d2/?igshid=YmMyMTA2M2Y="
target="_blank">Kali Maa</a>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 ">
<div class="cont">
<div class="card">
<div class="card-front"><img class="port-img" src="images/pot.jpg" alt=""></div>
<div class="card-back">
<h3>Potraits</h3>
<p> My collection of portrait photos would capture the essence of humanity through a range of emotions,
expressions, and personalities. The photos would showcase individuals from diverse backgrounds,
highlighting their unique features and stories.</p>
<a class="port-link" href="https://www.instagram.com/p/CoPjawKJxE9/?igshid=YmMyMTA2M2Y="
target="_blank">Portraits</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- NFT SECTION -->
<section id="nft">
<div class="token">
<div class="nft-img"><img src="images/nft.jpg" alt="" class="nftimg"></div>
<div class="nft-txt">
<div class="head-txt nft-head">Digtal Token</div>
<p>I'm excited to announce my latest venture - my own NFT collection. These unique and one-of-a-kind digital
assets represent my best and most captivating works, all curated with the utmost care and attention to detail.
By purchasing one of my NFTs, you're not only investing in a stunning piece of art, but you're also joining a
community of like-minded collectors who appreciate the value and significance of digital art. Each NFT is
verified on the blockchain, ensuring authenticity and rarity. Don't miss your chance to own a piece of history
and support an up-and-coming photographer - buy one of my NFTs today.</p><a class="nft-btn" href=""
target="_blank">Buy Now <i class="fa fa-cart-shopping"></i></a>
</div>
</div>
</div>
<!-- ABOUT ME & CONTACT me -->
<div class="contact">
<div class="abt-img"><img src="images/abt.jpg" alt="my picture" class="my-img"></div>
<div class="abt-txt">
<div class="headabt-txt">Hello There</div>
Welcome to my world of street photography. I am a freelance photographer who has a passion for capturing the raw
and authentic moments of everyday life on the streets.
With my camera in hand, I wander through bustling cityscapes, exploring the nooks and crannies of the urban
landscape in search of the perfect shot. My lens is my tool, and I use it to capture the beauty and energy of
the
world around us.
As a freelance street photographer, I am available for hire for a variety of projects. Whether you need
high-quality photos for your brand or business, or simply want to capture the essence of a particular moment or
event, I am here to help.
With my keen eye for detail and a deep understanding of the art and craft of street photography, I am confident
that I can deliver the results you are looking for. So why wait? Contact me today, and let's start creating
something beautiful together.
So that's Antarip in a nutshell. If you want to learn more about me, take a peek around the rest of my site.
</div>
</div>
</section>
<!-- CONTACT ME -->
<section id="contactme">
<div class="abtme">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-lft-foot">
<h1 class="con-txt">Let's collaborate to turn your dreams into a reality and create a brighter future
together!</h1>
</div>
<div class="col-md-6 col-rght-foot">
<p class="cin-lnk"><i class="fa-brands fa-instagram"></i> <a class="acc"
href="https://instagram.com/antaripkabiraj_jpeg?igshid=YmMyMTA2M2Y=" target="_blank">
@antaripkabiraj_jpeg</a></p>
<p class="cin-lnk"><i class="fa-brands fa-twitter"></i> <a href="https://twitter.com/AntaripKabiraj"
class="acc" target="_blank">
@AntaripKabiraj</a></p>
<p class="cin-lnk"><i class="fa-brands fa-facebook"></i> <a
href="https://hi-in.facebook.com/antarip.kabiraj.1/" class="acc" target="_blank"> Antarip Kabiraj</a>
</p>
<p class="cin-lnk"><i class="fa-brands fa-behance"></i> <a
href="https://www.behance.net/antaripkabiraj?tracking_source=search_users|antarip%20kabiraj" class="acc"
target="_blank"> Antarip Kabiraj</a></p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="foot">
<p><i class="fa-regular fa-copyright"></i>Owned by Antarip Kabiraj </p>
<p>Designed and Developed by Sandeep Roy</p>
</div>
</section>
</body>
</html