-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (166 loc) · 7.1 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
<!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>Photography Portfolio ✅</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="media/VK_Favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<nav class="navbar">
<span></span>
<div class="logo">VENKY</div>
<ul class="menu">
<li><a href="#">about</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">casting</a></li>
</ul>
<div class="btn">Contact</div>
</nav>
</header>
<div class="wrapper">
<section class="video-section">
<div class="video-container">
<video src="./media/flower.mp4" autoplay loop muted></video>
</div>
<div class="img-container">
<img src="./media/window.png" alt="" class="img">
</div>
<div class="text-content">
<div class="img_txt">
<div class="title sm left">
<span>between</span>
</div>
<div class="title bg left">
<span>Reality</span>
</div>
<div class="title bg right n">
<span>&</span>
</div>
<div class="title bg right">
<span>Dream</span>
</div>
</div>
<p class="txt-bottom">
shots that will change your mind
</p>
</div>
<div class="v_container">
<div class="left-side">
<div class="tv">
<div class="bg">push</div>
<div class="sm">the</div>
<div class="bg bottom">envelope</div>
</div>
<div class="text-container">
<p>
Photography has become a big part of almost
every element of our lives.
</p>
<p>
It become widespread and diverse but we know that this is still a real form of art and
magic.
</p>
</div>
</div>
<div class="right-side">
<p>explore works <i class="fa-solid fa-arrow-right-long"></i></p>
</div>
</div>
</section>
<section class="section">
<div class="boxes-container">
<div class="columns box1">
<div class="col col-1">
<img src="./media/1.jpeg" alt="">
<img src="./media/2.jpeg" alt="">
</div>
<div class="col-2">
<h1>Carolina</h1>
<span>28 october 2024</span>
<div class="line"></div>
<div class="text-box">
<p>
This series is excellently showing that ordinary
portrait photography still can be inspiring for you.
</p>
<p>
Check the shots of beautiful Caroline in hat with red and green lights.
</p>
</div>
</div>
<div class="col col-3">
<img src="./media/3.webp" alt="">
<img src="./media/4.jpeg" alt="">
<img src="./media/5.jpeg" alt="">
</div>
</div>
<div class="columns box2">
<div class="col col-1">
<img src="./media/p1.jpeg" alt="">
<img src="./media/p2.webp" alt="">
</div>
<div class="col-2">
<h1>soul dance</h1>
<span>17 september 2024</span>
<div class="line"></div>
<div class="text-box">
<p>
Beautiful dance of Hanna in neon ligths with retro effect. Pink lights, pretty women
and sensuality.
</p>
<p>
Inspiring vibes and invisible beautiful soul on this shots.
</p>
</div>
</div>
<div class="col col-3">
<img src="./media/p3.jpeg" alt="">
<img src="./media/p4.jpeg" alt="">
<img src="./media/p5.jpeg" alt="">
</div>
</div>
<div class="columns box3">
<div class="col col-1">
<img src="./media/b1.jpeg" alt="">
<img src="./media/b2.webp" alt="">
<img src="./media/b3.jpeg" alt="">
<img src="./media/b4.jpeg" alt="">
</div>
<div class="col-2">
<h1>80's vibes</h1>
<span>1 september 2024</span>
<div class="line"></div>
<div class="text-box">
<p>
Retro nostagia can be sweet and sour at the same time. Christina helped us to make
photos, that will give you this feelings.
</p>
<p>
Drop in past times with this collection of 80's styled photos.
</p>
</div>
</div>
<div class="col col-3">
<img src="./media/b5.webp" alt="">
</div>
</div>
</div>
</section>
</div>
<footer>
<div class="logo"><a href="#">MADE BY ❤️ VENKY KUMAR © 2024</a></div>
<div class="btn">instegram</div>
</footer>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollTrigger/1.0.5/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js"></script>
<script src="./script.js"></script>
</html>