-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathclients.html
66 lines (66 loc) · 2.78 KB
/
clients.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
<!DOCTYPE html>
<html>
<head>
<title>Nishanth's Photography</title>
<link rel="stylesheet" type="text/css" href="clients.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">
</head>
<body>
<nav class="zone green">
<ul class="main-nav">
<div class="push">
<li class="push">CLIENTS</li>
<p class="subtext">Be happy to be my client :)</p>
</div>
<li class="list one"><a class="responsive" href="index.html">Home</a></li>
<li class="list two"><a class="responsive" href="#">Clients</a></li>
<li class="list three" style="width:200px;"><a class="responsive" href="#">Portfolio</a>
<ul class="dropdown">
<li class="dropdown-content"><a href="concerts.html">Concerts</a></li>
<li class="dropdown-content"><a href="travel.html">Travel</a></li>
<li class="dropdown-content"><a href="bikes.html">Bikes</a></li>
<li class="dropdown-content"><a href="events.html">Events</a></li>
</ul>
</li>
<li class="list four"><a class="responsive" href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="grid-wrapper">
<div class="container">
<a href="bajaow.html"><img src="concerts8-compressor.jpg" class="image" id="first"></a>
<div class="overlay">BAJAOW</div>
</div>
<div class="container">
<a href="holystoked.html"><img src="events3.jpg" class="image"></a>
<div class="overlay">HOLYSTOKED</div>
</div>
<div class="container">
<a href="red bull.html"><img src="events5-compressor.jpg" class="image"></a>
<div class="overlay">RED BULL</div>
</div>
<div class="container">
<a href="sxene.html"><img src="sxene.jpg" class="image"></a>
<div class="overlay">SXENE 2.0</div>
</div>
<div class="container">
<a href="taba chake.html"><img src="taba-chake-compressor.jpg" class="image"></a>
<div class="overlay">TABA CHAKE</div>
</div>
<div class="container">
<a href="stylus.html"><img src="stylus-compressor.jpg" class="image"></a>
<div class="overlay">STYLUS N PRO</div>
</div>
<div class="container right">
<a href="captaincook.html"><img src="captaincook/cook1-compressor.jpg" class="image"></a>
<div class="overlay bottom">CAPTAIN COOK</div>
</div>
</div>
<footer>
<p class="email">[email protected]</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>
</footer>
</body>
</html>