-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·127 lines (112 loc) · 6.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Safy - Move safer, move Safy" />
<title>Maquette</title>
<link rel="icon" type="image/png" href="assets/images/18.jpg" />
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<div class="logo">
<a href="https://fr-fr.facebook.com/" target="_blank" title="Logo Facebook"><img src="assets/images/20.png" alt="Logo Facebook" /></a>
<a href="https://twitter.com/?lang=fr" target="_blank" title="Logo Twitter"><img src="assets/images/19.png" alt="Logo Twitter" /></a>
</div>
<div class="nav_header">
<a href="index.html" title="Page d'accueil"><img src="assets/images/18.jpg" alt="Logo" /></a>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Book</a></li>
<li><a href="#">Destinations</a></li>
<li><a href="#">Prices</a></li>
<li><a href="#">Alerts</a></li>
<li><a href="mailto:[email protected]" title="Email">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="section_img">
<img src="assets/images/2.png" alt="Left arrow" />
<img src="assets/images/6.jpg" alt="Airport" />
<img src="assets/images/7.jpg" alt="Field" />
<img src="assets/images/8.jpg" alt="Climbing" />
<img src="assets/images/9.jpg" alt="Photo" />
<img src="assets/images/10.jpg" alt="Africa" />
<img src="assets/images/11.jpg" alt="Surfing" />
<img src="assets/images/2.png" alt="Right arrow" />
<p>Tips to travel around the world !</p>
<img src="assets/images/1.png" alt="Navigation dot" />
</section>
<section class="section_middle">
<article>
<div class="article_title">
<img src="assets/images/13.png" alt="Wood fire" />
<h3>Safe, structured and amazing application</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quesque id ligula in ipsum vulputate volutpat at ut nisi. Aliquam erat volutpat. Maecenas pretium dolor vitae lectus fermentum convallis bibendum in erat. Donec vitae risus non lorem volutpat fringilla in in metus. Aenean quis eros diam. Proin porta quam at neque congue iaculis.</p>
<a href="#" class="link_more">more info</a>
</article>
<article>
<div class="article_title">
<img src="assets/images/17.png" alt="Teepee" />
<h3>The sun is shining today, book your trip</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quesque id ligula in ipsum vulputate volutpat at ut nisi. Aliquam erat volutpat. Maecenas pretium dolor vitae lectus fermentum convallis bibendum in erat. Donec vitae risus non lorem volutpat fringilla in in metus. Aenean quis eros diam. Proin porta quam at neque congue iaculis.</p>
<a href="#" class="link_more">more info</a>
</article>
<article>
<div class="article_title">
<img src="assets/images/12.png" alt="Bear paw" />
<h3>Meet new people and live more intensely</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quesque id ligula in ipsum vulputate volutpat at ut nisi. Aliquam erat volutpat. Maecenas pretium dolor vitae lectus fermentum convallis bibendum in erat. Donec vitae risus non lorem volutpat fringilla in in metus. Aenean quis eros diam. Proin porta quam at neque congue iaculis.</p>
<a href="#" class="link_more">more info</a>
</article>
<h3>Destinations</h3>
<img src="assets/images/21.png" alt="Left arrow" />
<img src="assets/images/3.jpg" alt="French flag" />
<h4>France</h4>
<img src="assets/images/4.jpg" alt="Brazilian flag" />
<h4>Brazil</h4>
<img src="assets/images/5.jpg" alt="Algerian flag" />
<h4>Algeria</h4>
<img src="assets/images/22.png" alt="Right arrow" />
</section>
<section class="section_end">
<article>
<h3>About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bidendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo. Proin et porta ligula.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bidendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo. Proin et porta ligula.</p>
<p>Quisque malesuada lorem at leo volutpat tristique. Nunc sit amet felis imperdiet ante tincidunt viverra sit amet quis ipsum. Aenean mutus urna, placerat ut pharetra id, pharetra eget turpis. Sed blandit nunc eget lorem vestibulum malesuadra. Lorem ipsum dolor sit amet, consectur adipiscing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo. Proin et porta ligula. Quisque malesuada lorem at leo volutpat tristique. Nunc sit amet felis imperdiet ante tincidunt viverra sit amet quis ipsum.</p>
</article>
<article>
<h3>Why Us</h3>
<img src="assets/images/14.png" alt="Compass" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo.</p>
<img src="assets/images/15.png" alt="Unknown image" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo.</p>
<img src="assets/images/16.png" alt="Bike" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo.</p>
</article>
<article>
<h3>How to travel ?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bidendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo. Proin et porta ligula.</p>
<button>Subscribe</button>
</article>
</section>
<footer>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Book</a></li>
<li><a href="#">Destinations</a></li>
<li><a href="#">Prices</a></li>
<li><a href="#">Alerts</a></li>
<li><a href="mailto:[email protected]" title="Email">Contact</a></li>
</ul>
</nav>
<p class="copyright">© There is no birds here Look around</p>
</footer>
</body>
</html>