forked from Pankajverma07/AESTHETIC-VISION
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (153 loc) · 7.56 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AESTHETIC VISION</title>
<meta name = "viewport" content = "width=device-width, intial-scale=1.0">
<link rel="stylesheet" href="main.css">
<script src="https://kit.fontawesome.com/dbed6b6114.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- header -->
<header class = "header">
<div class = "nav-section">
<div class = "brand-and-navBtn">
<span class = "brand-name">
AESTHETIC VISION
</span>
<span class = "navBtn flex">
<i class = "fas fa-bars"></i>
</span>
</div>
<!-- navigation menu -->
<nav class = "top-nav">
<ul>
<li><a href = "index.html" class = "active">Home</a></li>
<li><a href = "gallery.html">Gallery</a></li>
<li><a href = "contact.html">Contact</a></li>
</ul>
</nav>
<span class = "search-icon">
<i class = "fas fa-search"></i>
</span>
</div>
<div class = "container about">
<div class = "about-content">
<div class = "about-img flex">
<img src = "images/about-img.png" alt = "photographer img">
</div>
<h2>I'm Pankaj Verma</h2>
<h3>Photographer | Editor | Cinematographer </h3>
<blockquote>
"Hello!
It's lovely to have you here, and as a video production company, we would love to work with you on some of our upcoming projects. Together, we'll be able to produce incredible content that goes above and beyond. Let's get going and see where our imaginations lead us."
<span>-Pankaj verma</span>
</blockquote>
</div>
<!--<div class = "social-icons">
<ul>
<li>
<a href = "#"><i class = "fab fa-facebook"></i></a>
</li>
<li>
<a href = "#"><i class = "fab fa-twitter"></i></a>
</li>
<li>
<a href = "#"><i class = "fab fa-instagram"></i></a>
</li>
<li>
<a href = "#"><i class = "fab fa-pinterest"></i></a>
</li>
</ul>
</div>-->
</div>
</header>
<!-- end of header -->
<!-- main -->
<section class = "section-one">
<div class = "container">
<div class = "sec-one-left">
<!-- image here -->
<!-- <div>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos suscipit ut aliquid ab illo. Repellat nam molestias repellendus perspiciatis blanditiis.</p>
<a href = "gallery.html" class = "btn">view all</a>
</div>-->
</div>
<div class = "sec-one-right">
<div class = "work-content">
<h3>AMAZING TEAM WORK WITH PROFESSIONAL VIDEOGRAPHERS</h3>
<p>Our services encompass a range of industry-leading software, including Adobe Premiere Pro, After Effects, Photoshop, and Lightroom. Whether you need captivating B-rolls, seamless transitions, or polished post-production work, our team is dedicated to providing exceptional results that surpass your expectations. Trust us to bring your vision to life with our comprehensive video editing services.</p>
<a href = "gallery.html" class = "btn">CLICK HERE TO SEE ALL VIDEOS</a>
</div>
<div class = "work-imgs">
<div class = "work-img-1">
<!--image here-->
</div>
<div class = "work-img-2">
<!-- image here -->
</div>
</div>
<h3>"Taking an image, freezing a moment, reveals how rich reality truly is."</h3>
</div>
</div>
</section>
<section class = "section-two">
<div class = "container">
<h2>FOLLOW ON INSTAGRAM</h2>
<a href="https://www.instagram.com/ashish_verma02/">
<span>@ashish_verma02</span>
</a>
<div class = "insta-imgs">
<div>
<img src = "images/insta-1.jpg">
<div class = "icon-overlay flex">
<i class = "fab fa-instagram"></i>
</div>
</div>
<div>
<img src = "images/insta-2.jpg">
<div class = "icon-overlay flex">
<i class = "fab fa-instagram"></i>
</div>
</div>
<div>
<img src = "images/insta-3.jpg">
<div class = "icon-overlay flex">
<i class = "fab fa-instagram"></i>
</div>
</div>
<div>
<img src = "images/insta-4.jpg">
<div class = "icon-overlay flex">
<i class = "fab fa-instagram"></i>
</div>
</div>
</div>
</div>
</section>
<!-- end of main -->
<!-- footer -->
<footer class = "footer">
<div class = "footer-container container">
<div>
<h2>PANKAJ VERMA</h2>
<p>I'm Pankaj Verma, a professional video editor from New Delhi. I completed the 2D Animation VFX Program at MAAC and hold a graduation degree from the University of Delhi. Currently, I specialize in creating captivating B-rolls for multiple companies through my expertise in video editing. With a keen eye for detail and a passion for visual storytelling, I deliver high-quality results that exceed client expectations. Let's collaborate and bring your vision to life!</p>
</div>
<div>
<h3>Free Subscription!</h3>
<p>Subscribe for upcoming deals and offers.</p>
<div class = "subs">
<i class = "fas fa-envelope"></i>
<input type = "email" id = "email" placeholder="Email Address">
<button type = "submit">SUBSCRIBE</button>
</div>
</div>
</div>
<a href="https://www.linkedin.com/in/ved-mohan">Created By @ivedmohan</a>
</footer>
<!-- end of footer -->
<script src="script.js"></script>
</body>
</html>