-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (83 loc) · 4.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/media.css">
<title>Document</title>
</head>
<body>
<div class="container">
<div class="header clearfix">
<a href="#" class="logo"><img src="img/logo.png" alt="mountains" width="117" height="27"></a>
<div class="nav-btn not-active" id="nav-btn"><span></span></div>
<ul class="nav" id="nav">
<li><a href="#main_pic">main slide</a></li>
<li><a href="#gallery_flex">gallery</a></li>
<li><a href="#bottom">Clients say</a></li>
<li><a href="#contacts">contacts</a></li>
</ul>
<a href="#" class="call" id="go">call us</a>
</div>
</div><!-- container -->
<div class="main_pic" id="main_pic"><img src="upload/mainpic.jpg" alt="" width="1920" height="699"></div>
<div class="container">
<h3 id="gallery_flex">Gallery</h3>
<div class="gallery_flex">
<div class="pic_wrap"><a href="#"><img src="upload/gallery1.jpg" alt="" width="360" height="243"></a></div>
<div class="pic_wrap"><a href="#"><img src="upload/gallery2.jpg" alt="" width="360" height="243"></a></div>
<div class="pic_wrap"><a href="#"><img src="upload/gallery3.jpg" alt="" width="360" height="243"></a></div>
<div class="pic_wrap"><a href="#"><img src="upload/gallery4.jpg" alt="" width="360" height="243"></a></div>
<div class="pic_wrap"><a href="#"><img src="upload/gallery5.jpg" alt="" width="360" height="243"></a></div>
<div class="pic_wrap"><a href="#"><img src="upload/gallery6.jpg" alt="" width="360" height="243"></a></div>
</div>
</div><!-- container -->
<div class="logos">
<div class="container">
<div class="logos_flex">
<div class="logo_box"><a href="#"><img src="img/slack.png" alt="" width="84" height="27"></a></div>
<div class="logo_box"><a href="#"><img src="img/adobe.png" alt="" width="40" height="36"></a></div>
<div class="logo_box"><a href="#"><img src="img/google.png" alt="" width="83" height="30"></a></div>
<div class="logo_box"><a href="#"><img src="img/facbook.png" alt="" width="81" height="20"></a></div>
<div class="logo_box"><a href="#"><img src="img/spotify.png" alt="" width="88" height="29"></a></div>
<div class="logo_box"><a href="#"><img src="img/nike.png" alt="" width="80" height="32"></a></div>
</div>
</div>
</div><!-- logos -->
<div class="bottom" id="bottom">
<div class="container">
<h3>our Clients say</h3>
<div class="clients_flex">
<div class="clients_box"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse </p>
<a href="#"><div class="info"><div class="client_pic"><img src="upload/client1.png" alt=""></div><div class="name">Pavliv Yaroslav <span>Web designer</span></div></div></a></div>
<div class="clients_box"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse </p>
<a href="#"><div class="info"><div class="client_pic"><img src="upload/client2.png" alt=""></div><div class="name">John Scott <span>The Fringe</span></div></div></a></div>
</div>
<form id="contacts">
<p>Contacts</p>
<span>Sign up for our newsletter to receive updates</span>
<input type="text" placeholder="Name">
<input type="tel" placeholder="Phone">
<input type="email" placeholder="E-mail">
<button>SEND</button>
</form>
<form id="modal_form">
<p>Contacts</p>
<span>Sign up for our newsletter to receive updates</span>
<input type="text" placeholder="Name">
<input type="tel" placeholder="Phone">
<input type="email" placeholder="E-mail">
<button>Send</button>
</form>
</div>
</div>
<div id="overlay"></div>
<script src="vendor/jquery-1.12.4.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/links.js"></script>
<script src="js/modal.js"></script>
</body>
</html>