-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetail-1.html
168 lines (161 loc) · 8.52 KB
/
detail-1.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Una serie de imágenes donde muestro los mejores sitios que he visitado y poder motivar a las personas a viajar más y conocer el mundo.">
<link rel="stylesheet" href="style.css">
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css'>
<link rel='stylesheet' href='https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css'>
<title>Australia</title>
</head>
<body>
<div class="container">
<header>
<nav>
<div class="logo">
<h3>Bonnette'ando</h3>
<p>The world</p>
</div>
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="journey.html">Mi trayecto</a></li>
<li><a href="collage.html">Collage</a></li>
<a href="https://www.instagram.com/bonnetteandotheworld/" target="_blank"><button class="main-button">Viajemos juntos</button></a>
</ul>
<i class="fi fi-ss-menu-burger menu"></i>
</nav>
<div class="nav-menu" id="menu">
<div class="nav-menu-container">
<div class="logo-container">
<div class="logo">
<h3>Bonnette'ando</h3>
<p>The world</p>
</div>
<a href="./index.html"><i class="fi fi-ss-cross menu"></i></a>
</div>
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="journey.html">Mi trayecto</a></li>
<li><a href="collage.html">Collage</a></li>
<a href="https://www.instagram.com/bonnetteandotheworld/" target="_blank"><button class="main-button">Viajemos juntos</button></a>
</ul>
</div>
</div>
</header>
<main class="details">
<section class="header">
<div class="outline-button">
<a href="index.html"><i class="fi fi-rr-arrow-small-left"></i><h3>Volver</h3></a>
</div>
<div class="header-cover-1"></div>
<div class="header-details">
<div class="header-details-content">
<img src="./assets/icons/Bedroom.svg" alt="Ícono de una cama">
<span>Hospedaje</span>
<h3>$150.00</h3>
</div>
<div class="header-details-content">
<img src="./assets/icons/Public Transportation.svg" alt="Ícono de transporte">
<span>Transporte</span>
<h3>$80.00</h3>
</div>
<div class="header-details-content">
<img src="./assets/icons/Food Bar.svg" alt="Ícono de alimentos">
<span>Alimentación</span>
<h3>$50.00</h3>
</div>
</div>
</section>
<section class="detail-container">
<p>Lorem ipsum dolor sit amet consectetur. Massa lacinia lorem orci arcu habitant id duis. Pulvinar
iaculis arcu odio eget. Vestibulum turpis et pretium posuere. A urna sed egestas diam tortor. Ac
nunc bibendum id hac turpis lacus sit. Id rhoncus ut ante purus. Lacus rutrum in eu at. Aenean a
pharetra facilisis et congue elit gravida tortor. Massa neque in quis etiam dictum lectus elementum.
Ut ultrices quis nam rutrum. Justo enim non fringilla mattis. Lobortis ultrices tortor quisque
cursus integer viverra massa. Pulvinar curabitur pulvinar morbi vitae blandit mattis nisi velit.
<br><br>
Lorem ipsum dolor sit amet consectetur. Massa lacinia lorem orci arcu habitant id duis. Pulvinar
iaculis arcu odio eget. Vestibulum turpis et pretium posuere. A urna sed egestas diam tortor. Ac
nunc bibendum id hac turpis lacus sit. Id rhoncus ut ante purus. Lacus rutrum in eu at. Aenean a
pharetra facilisis et congue elit gravida tortor. Massa neque in quis etiam dictum lectus elementum.
Ut ultrices quis nam rutrum. Justo enim non fringilla mattis. Lobortis ultrices tortor quisque
cursus integer viverra massa. Pulvinar curabitur pulvinar morbi vitae blandit mattis nisi velit.
</p>
<span class="text-bg">NZ</span>
</section>
<section class="activities">
<div class="left-side">
<h2>Actividades</h2>
<div class="activities-container">
<div class="activities-icon">
<div class="activities-icon-dot"></div>
</div>
<div class="activities-content">
<h3>Skytower</h3>
<p>Lorem ipsum dolor sit amet consectetur. Nibh mattis eget sagittis volutpat. Id vulputate tristique
orci egestas ut nulla.</p>
</div>
</div>
<div class="activities-container">
<div class="activities-icon">
<div class="activities-icon-dot"></div>
</div>
<div class="activities-content">
<h3>Skytower</h3>
<p>Lorem ipsum dolor sit amet consectetur. Nibh mattis eget sagittis volutpat. Id vulputate tristique
orci egestas ut nulla.</p>
</div>
</div>
<div class="activities-container">
<div class="activities-icon">
<div class="activities-icon-dot"></div>
</div>
<div class="activities-content">
<h3>Skytower</h3>
<p>Lorem ipsum dolor sit amet consectetur. Nibh mattis eget sagittis volutpat. Id vulputate tristique
orci egestas ut nulla.</p>
</div>
</div>
<div class="activities-container">
<div class="activities-icon">
<div class="activities-icon-dot"></div>
</div>
<div class="activities-content">
<h3>Skytower</h3>
<p>Lorem ipsum dolor sit amet consectetur. Nibh mattis eget sagittis volutpat. Id vulputate tristique
orci egestas ut nulla.</p>
</div>
</div>
</div>
<div class="right-side">
<picture>
<img src="./assets/images/USA.png" alt="United States croquis">
</picture>
</div>
</section>
</main>
</div>
<footer>
<div class="footer-content">
<div class="logo">
<h3>Bonnette'ando</h3>
<p>The world</p>
</div>
<div class="footer-center">
<img src="./assets/icons/Around the Globe.svg" alt="Globe Icons" loading="lazy">
<p>© Design & Developed by <a href="https://juanlopez-portfolio.bubbleapps.io/version-test"
target="_blank"> Juan López </a>. All Rights Reserved.</p>
</div>
<div class="social-media">
<a href="https://www.instagram.com/bonnetteandotheworld/" target="_blank"><img
src="./assets/icons/Instagram Old.svg" alt="Social Media Instagram Icon" loading="lazy"></a>
<a href="https://co.pinterest.com/nikibonett/" target="_blank"><img src="./assets/icons/Pinterest.svg"
alt="Social Media Instagram Icon" loading="lazy"></a>
</div>
</div>
</footer>
</body>
</html>