-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (164 loc) · 8.79 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 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">
<link rel='icon' href="sources/logot.png">
<link rel='stylesheet' href="styles.css">
<title>Asv Productions</title>
</head>
<body>
<div class='main'>
<div class='land'>
<div class='navbar'>
<div class='navlogo'>
<a href="index.html"><img src="sources/logow.png" alt="logo"></a>
</div>
<div class='navlinks'>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contacts</a></li>
<li><a href="about.html">About</a></li>
</ul>
<button type='button' id="login" class="btn int">Log In</button>
</div>
</div>
<div class='banner'>
<h1>The <span>Beauty </span>of Photography</h1>
<h4>I'm ASV, a natural light Photographer based in India<h4>
<button type="button" class="btn">Hire Me</button>
</div>
</div>
<div class='content'>
<div class='intro'>
<h2 class='h'>Introduction</h2>
<div class='me'>
<div class='me2'>
<p class='p'>Hello, I'm Adithyan S Vijayan... I am a creative and skilled professional photographer, passionate about capturing life's most beautiful moments through my lens. Let me help you preserve your special memories and tell your unique story</p>
</div>
<img src="sources/me.jpg" id='myimg' alt="Myself">
</div>
<div class='border'><hr></div>
</div>
<div class='set' id="macro">
<h2 class='ith'>Macro</h2>
<div class='item'>
<div>
<p class='p'>Macro photography is a type of photography that involves taking close-up images of small subjects. The goal of macro photography is to capture the intricate details and textures of the subject, making it appear larger than life.</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/macro/b1.jpg" alt="macro">
</div>
</div>
</div>
<div class='border'><hr></div>
<div class='set' id="portrait">
<h2 class='ith'>Portraits</h2>
<div class='item'>
<div>
<p class='p'>Portraiture is the art of creating a photographic representation of a person or group of people. The main focus of portraiture is to capture the likeness, personality, and mood of the subject, often through the use of lighting, composition, and post-processing techniques. Portrait photography can be used for various purposes, such as personal keepsakes, business headshots, and fine art.</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/portrait/b/gm1.jpg" alt="portraiture">
</div>
</div>
</div>
<div class='border'><hr></div>
<div class='set' id="wildlife">
<h2 class='ith'>Wildlife</h2>
<div class='item'>
<div>
<p class='p'>Wildlife photography is the art of capturing images of animals and other wildlife in their natural habitats. The goal of wildlife photography is to showcase the beauty and diversity of the natural world and to raise awareness of conservation issues.</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/wildlife/owl1.JPG" alt="wildlife">
</div>
</div>
</div>
<div class='border'><hr></div>
<div class='set' id="nature">
<h2 class='ith'>Nature</h2>
<div class='item'>
<div>
<p class='p'>Nature photography is the art of capturing images of the natural world, including landscapes, plants, and wildlife. The goal of nature photography is to showcase the beauty and diversity of the natural world, and to inspire a sense of wonder and appreciation for the natural environment. In other words, it is the parent of wildlife photography</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/wildlife/fl1.jpg" alt="nature">
</div>
</div>
</div>
<div class='border'><hr></div>
<div class='set' id="sa">
<h2 class='ith'>Street and architecture</h2>
<div class='item'>
<div>
<p class='p'>Street and architecture photography is the art of capturing images of the built environment, including streetscapes, buildings, and other architectural subjects. The goal of street and architecture photography is to capture the unique character and beauty of urban environments, and to showcase the relationship between people and the built environment.</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/street/s1.JPG" alt="street">
</div>
</div>
</div>
<div class='border'><hr></div>
<div class='set' id="astro">
<h2 class='ith'>Astro</h2>
<div class='item'>
<div>
<p class='p'>Astro photography is the art of taking photographs of celestial objects and the night sky, including stars, planets, galaxies, and nebulae. The goal of astro photography is to capture stunning images of the night sky, and to showcase the beauty and wonder of the universe.</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/eclip/DSCN0270.JPG" alt="astro">
</div>
</div>
</div>
<div class='border'><hr></div>
<div class='set' id="event">
<h2 class='ith'>Event</h2>
<div class='item'>
<div>
<p class='p'>Event photography is the art of capturing images of people and activities at events such as weddings, parties, conferences, and performances. The goal of event photography is to document the key moments and memories of the event, while also capturing the overall atmosphere and energy of the occasion.</p>
<button type="button" class="btn">View More</button>
</div>
<div class='img'>
<img src="sources/gen/DSCN9832.JPG" alt="event">
</div>
</div>
</div>
</div>
<div class='end'>
<div class='outro'>
<h3>Asv Media</h3><br>
<p>Thank you for taking the time to view this website. If you have any feedback or things that i should Improve, Please let me know through the following links:</p><br>
<ul>
<li><a href="mailto:adithyansv1304@gmail.com">email</a></li>
<li>Discord: Asv#7820</li>
</ul>
<img src="sources/logow.png" alt="logo"><br>
<button type='button' id="login" class="btn out">Log In</button>
</div>
<div class='links'>
<h3>Direct Links</h3><br>
<ul>
<li><a href="#macro">Macro</a></li>
<li><a href="#portrait">Portraits</a></li>
<li><a href="#wildlife">Wildlife</a></li>
<li><a href="#nature">Nature</a></li>
<li><a href="#sa">Street/Arch</a></li>
<li><a href="#astro">Astro</a></li>
<li><a href="#event">Event</a></li>
<li><a href="#">Top of page</a></li>
</ul>
</div>
</div>
<hr>
</div>
</body>
</html>