-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (68 loc) · 3.5 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
<!DOCTYPE html>
<html>
<head>
<title>Nishanth's Photography</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="normalize.css">
<meta name="description" content="I click cool pictures.">
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body>
<nav class="zone green">
<ul class="main-nav">
<div class="push">
<li class="push">Nishanth Vijaykumar</li>
<p class="subtext">/photography portfolio</p>
</div>
<li class="list"><a class="responsive" href="#">Home</a></li>
<li class="list"><a class="responsive" href="clients.html">Clients</a></li>
<li class="active" style="width: 200px;"><a class="responsive" href="#">Portfolio</a>
<ul class="dropdown">
<li class="dropdown-content"><a class="responsive dropdown" href="concerts.html">Concerts</a></li>
<li class="dropdown-content"><a class="responsive dropdown" href="travel.html">Travel</a></li>
<li class="dropdown-content"><a class="responsive dropdown" href="bikes.html">Bikes</a></li>
<li class="dropdown-content"><a class="responsive dropdown" href="events.html">Events</a></li>
</ul>
</li>
<li class="list"><a class="responsive" href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="container zone red"><img class="cover" src ="WATERMARK1.png">
<p class="bio">They say that the eyes have a common language everywhere and photography has helped me widen my point of view. It's been a platform where I can put all my thoughts,imagination and idea to reality. I knew I could make it big when things started to move from clicking pictures how I see to clicking pictures how others wanted it to. I will promise to do my best in return for a good smile.If you are rolling your eyes reading this, it could have still been a good picture if I clicked it.</p>
</div>
<div class="zone blue grid-wrapper">
<div class="pic zone">
<a href="concerts.html"><img class="pictures" src="concerts-compressor.jpg"></a>
<div class="overlay">
<a class="text-decoration-none" href="concerts.html"><div class="text">#Concerts</div></a>
</div>
</div>
<div class="pic zone">
<a href="travel.html"><img class="pictures" src="travel2-compressor.jpg"></a>
<div class="overlay">
<a class="text-decoration-none" href="travel.html"><div class="text">#Travel</div></a>
</div>
</div>
<div class="pic zone">
<a href="bikes.html"><img class="pictures" src="bikes1.jpeg"></a>
<div class="overlay">
<a class="text-decoration-none" href="bikes.html"><div class="text">#Bikes</div></a>
</div>
</div>
<div class="pic zone">
<a href="events.html"><img class="pictures" src="events.jpg"></a>
<div class="overlay">
<a class="text-decoration-none" href="events.html"><div class="text">#Events</div></a>
</div>
</div>
</div>
<footer>
<p class="email">nishanthncredible@gmail.com</p>
<a href="https://www.facebook.com/nishanth.vijaylunar" class="fa fa-facebook" target="_blank" style="font-size: 25px;"></a>
<a href="https://www.instagram.com/nishanth_vijaykumar/" class="fa fa-instagram" target="_blank" style="font-size: 25px;"></a>
<p class="madeby">Created by Karthik Raju</p>
</footer>
</body>
</html>