forked from kenher822/Zozor-Travel-Diaries
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (144 loc) · 7.21 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
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nicaragua - Travel Diaries</title>
</head>
<body>
<div>
<header class="main-header">
<div id="main_title">
<img src="images/escudo-de-nicaragua-logo-.png" alt="" width="64px">
<h1>Nicaragua - Turismo</h1>
</div>
<nav>
<ul>
<li>
<a href="#" class="nav-link">Home</a>
</li>
<li>
<a href="#" class="nav-link">Blog</a>
</li>
<li>
<a href="#" class="nav-link">Resume</a>
</li>
<li>
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
</nav>
</header>
</div>
<div id="banner_image">
<div id="banner_description">
Refection on my holiday in the Nicaragua...
<a href="#" class="red_button">See article
<img src="images/right-arrow.png" alt="">
</a>
</div>
</div>
<section>
<article>
<h1>
<img src="images/push-pin 24 px.png" alt="">I´am a great traveller</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel lectus ultricies, ultrices mi faucibus,
molestie est. Ut tempor semper neque vitae scelerisque. Integer dignissim mauris non felis bibendum maximus.
Proin eleifend leo id sagittis laoreet. Fusce fermentum, enim quis imperdiet iaculis, odio leo commodo mi,
dignissim tempus felis felis et mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Integer posuere a nunc vel ornare. Proin ultrices iaculis hendrerit. Mauris felis
ex, molestie non aliquam sed, gravida sagittis leo. Maecenas bibendum dapibus suscipit. Nam ultricies quis
arcu sed vehicula. Duis et viverra est, at accumsan nulla. Praesent dapibus semper libero sed ultricies.
In pellentesque, tortor quis molestie condimentum, arcu odio suscipit purus, non mollis metus diam eu sapien.</p>
<p>Morbi interdum pulvinar eros sit amet accumsan. Nullam malesuada eleifend ipsum, ultricies condimentum orci viverra
molestie. Mauris posuere nec orci et vehicula. Etiam nec elit non tellus euismod rhoncus. Maecenas tincidunt
ante nisl, sit amet lobortis urna viverra vitae. Nunc fringilla urna sit amet erat consectetur rhoncus sit
amet in quam. Sed a odio malesuada tortor sagittis congue eget ac ipsum.</p>
<p>Aliquam consequat sapien at eros fermentum vehicula. Nullam a justo sit amet purus facilisis placerat ut quis
erat. Suspendisse efficitur eget erat ac interdum. Duis ipsum nunc, eleifend sed enim eu, iaculis blandit
ipsum. Aliquam eu mauris gravida, fermentum velit vitae, iaculis arcu. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos himenaeos. Suspendisse vel est sed orci gravida vulputate eget
eu libero. In hac habitasse platea dictumst. Integer tempor posuere auctor. Fusce at tempor mi, ac pretium
sapien. Donec feugiat ornare urna in posuere. Sed condimentum efficitur semper.</p>
<p>Sed eu lorem efficitur, venenatis dui vel, pretium lorem. Mauris tincidunt commodo mattis. Nam placerat tortor
nulla, non sollicitudin magna ultrices ut. Praesent sagittis pretium purus id semper. Donec sodales pulvinar
orci id accumsan. Praesent at erat condimentum, sollicitudin magna sed, gravida metus. Aliquam rutrum sodales
congue. Vivamus rhoncus auctor pharetra. Quisque dignissim elit non magna lobortis aliquet. Fusce pulvinar
efficitur dui hendrerit vestibulum. Mauris nec tincidunt metus, nec tincidunt magna.</p>
<p>Morbi at nisi pharetra, placerat nisl fringilla, sagittis est. Duis nec risus tortor. Duis vel nisl purus. Pellentesque
vulputate nulla eros, a consequat purus maximus vitae. Maecenas interdum metus dui, non vulputate erat imperdiet
id. Aenean a urna est. Phasellus non risus at massa scelerisque tempus in non ligula. Praesent volutpat tellus
sit amet nunc fringilla luctus.</p>
</article>
<aside>
<h1>About the author</h1>
<img src="images/right-arrow.png" alt="" id="arrow">
<p id="zozor_picture">
<img src="images/escudo-de-nicaragua-logo-.png" alt="Escudo de Nicaragua">
</p>
<p>Let me introduce myself: My name's Zozor. I was born on 23 November 2005.</p>
<p>A bit meager, is it not? This is why I've now decided to write my biography to let my readers know who I really
am.
</p>
<div class="icon">
<a href="" class="fa fa-facebook-official"></a>
<a href="" class="fa fa-twitter"></a>
<a href="" class="fa fa-google-plus"></a>
<a href="" class="fa fa-youtube"></a>
<a href="" class="fa fa-vimeo"></a>
</div>
</aside>
</section>
<footer>
<div id="tweet">
<h1>My last tweet</h1>
<p>Hee-haw!!!</p>
<p>15/05 10:29</p>
</div>
<div id="my_picture">
<h1>My picture</h1>
<p>
<img src="images/Turismo-Nicaragua-Granada.jpg" alt="">
</p>
<img src="images/Turismo-Nicaragua-Granada-2.jpg" alt="">
<img src="images/Turismo-Nicaragua-Granada-3.jpg" alt="">
<img src="images/Turismo-Nicaragua-Leon.jpg" alt="">
<img src="images/Turismo-Nicaragua-Masaya.jpg" alt="">
<div id="my_friends">
<h1>My friends</h1>
<ul>
<li>
<a href="#">Pupi the rabbit</a>
</li>
<li>
<a href="#">Mr Baobab</a>
</li>
<li>
<a href="#">Kaiwaii</a>
</li>
<li>
<a href="#">Perceval.eu</a>
</li>
</ul>
<ul>
<li>
<a href="#">Ji</a>
</li>
<li>
<a href="#">Super cucumber</a>
</li>
<li>
<a href="#">Prince</a>
</li>
<li>
<a href="#">Mr Fan</a>
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>