-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (140 loc) · 5.41 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
<!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="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Product Landing Page</title>
</head>
<body>
<header id='header' class="firstScreen">
<nav id='nav-bar' class='navi'>
<div class="logo">
<img id='header-img' src="img/hookah.png" alt="HOOKAH PLACE">
</div>
<div class="links">
<a class='nav-link' href="#about">ABOUT US</a>
<a class='nav-link' href="#photo">PHOTOGALLERY</a>
<a class='nav-link' href="#contacts">CONTACTS</a>
</div>
</nav>
<div class="phone">
<div class='phoneWrapper'>
<p><i class="fa fa-phone-square"></i> +373 60 000 006</p>
<p class='phoneQ'>if you have questions</p>
</div>
</div>
<div class="header">
<h1>HOOKAH NETWORK MARKET</h1>
<p class='headerDesc'>Hookah Place Marketing Agency. We work with the most influential reviewers of the hookah scene. Our network is represented on several platforms like YouTube, Instagram and co.</p>
<div class="buttons">
<button class="orderPlace">Order table</button>
<button class="choosePlace">Choose place</button>
</div>
</div>
</header>
<section class='main'>
<h2 id='about'><span>Who are we</span></h2>
<p class='weAre'>Our network is distributed around the world. There are currently 20 influencers in the network. Together we reach half a million hookah smokers - mainly in Germany.</p>
<div class="products">
<div class='product-item'>
<img src="img/product1.jpg" alt="Product reviews">
<a href="#">Product reviews</a>
</div>
<div class='product-item'>
<img src="img/product2.jpg" alt="Product placement">
<a href="#">Product placement</a>
</div>
<div class='product-item'>
<img src="img/product3.jpg" alt="Organize event">
<a href="#">Organize event</a>
</div>
</div>
</section>
<section class="socialMedia">
<h2 id='photo'><span>Our network</span></h2>
<div class='mediaWrapper'>
<div class="mediaItem mediaItem-1">
<div class='mediaDesc'>
<a href="#">ShishaSchmitty</a>
<p>Youtube</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-2">
<div class='mediaDesc'>
<a href="#">BroContra Germany</a>
<p>Youtube</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-3">
<div class='mediaDesc'>
<a href="#">Hookaze</a>
<p>Instagram</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-4">
<div class='mediaDesc'>
<a href="#">ShishaWarenTester</a>
<p>Youtube</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-5">
<div class='mediaDesc'>
<a href="#">Doelid</a>
<p>Youtube</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-6">
<div class='mediaDesc'>
<a href="#">Hookah Crew Germany</a>
<p>Instagram</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-7">
<div class='mediaDesc'>
<a href="#">Shisha Squad Kassel</a>
<p>Instagram</p>
</div>
<div class="darker"></div>
</div>
<div class="mediaItem mediaItem-8">
<div class='mediaDesc'>
<a href="#">Shisha Opa</a>
<p>Youtube</p>
</div>
<div class="darker"></div>
</div>
</div>
</section>
<section class="video">
<div class="videoWrapper">
<i class="fa fa-play"></i>
</div>
<div class="videoDesc">
<h2>A small Video from Our Network</h2>
<p>Interactively facilitate. Tactical systems with compelling materials. Objectively re-engineer diverse relationships long-term impact methodologies.</p>
<p class='videoAuthor'>·BroContra Germany</p>
</div>
</section>
<section class="contacts">
<div class="desc">
<h2 id='contacts'>You are interested?</h2>
<p>You like to advertise your product well? Then you are exactly right with us! We have the reach - we have the subscribers - we have YOUR customers - Let's take the opportunity together.</p>
</div>
<div class="form">
<form id="form" action="https://www.freecodecamp.com/email-submit">
<label>Your E-mail</label>
<input id='email' type="email" name='email' placeholder=" Type your e-mail...">
<input id='submit' type='submit'>
</form>
</div>
</section>
</body>
</html>