-
Notifications
You must be signed in to change notification settings - Fork 0
/
single.php
200 lines (112 loc) · 7.12 KB
/
single.php
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<?php
get_header()
?>
<!--===========================
= Banner =
============================-->
<div class="bannerEstatico">
</div>
<section class="jd-slider fade-slider">
<div class="slide-inner">
<!--==============================
= Imagenes =
===============================-->
<ul class="slide-area">
<li>
<div class="d-none d-md-block textoBanner">
<h1>Watch how we work</h1>
<h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores mollitia iste soluta hic! In esse</h5>
</div>
<img src="img/banner-corto.jpg" alt="Juanito Travel en el mar" class="img-fluid">
</li>
</ul>
</div>
<!--===============================
= Controles =
================================-->
<div class="controller d-none">
<a href="#" class="auto">
<i class="fas fa-play fa-xs"></i>
<i class="fas fa-pause fa-xs"></i>
</a>
<div class="indicate-area">
</div>
</div>
</section>
<!--=========================================
= Buscador para móvil =
==========================================-->
<div class="container d-block d-md-none py-3">
<div class="input-group input-group-sm">
<input type="text" class="form-control" placeholder="Buscar">
<div class="input-group-append">
<span class="input-group-text"><i class="fas fa-search"></i></span>
</div>
</div>
</div>
<!-- =========================
= MENÚ =
===========================-->
<div class="container-fluid menu">
<a href="#" class="btnClose">X</a>
<ul class="nav flex-column text-center">
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Suramérica</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Centroamérica</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Norteamérica</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Europa</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Asia</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Africa</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="categorias.html">Mi viaje por Oceania</a>
</li>
</ul>
</div>
</div>
<!--====================================
= CONTENIDO BLOG =
=====================================-->
<div class="container-fluid bg-white contenidoInicio py-2 py-md-4">
<div class="container">
<!-- BREADCRUM -->
<ul class="breadcrumb bg-white p-0 mb-2 mb-md-4">
<li class="breadcrumb-item inicio"><a href="index.html">Inicio</a></li>
<li class="breadcrumb-item inicio">Recetas de Halloween</li>
</ul>
<div class="row">
<!-- COLUMNA IZQUIERDA -->
<div class="col-12 col-md-8 col-lg-9 p-0 pr-lg-5">
<!-- Articulo 1 -->
<div class="container">
<div class="fechaArticulo">30.09.2018</div>
<h3 class="tituloArticulo text-right text-muted w-75 float-right"> Type something here</h3>
<img src="img/halloween.jpeg" alt="Lorem ipsum dolor sit amet" class="img-fluid my-lg-3">
<p class="textoArticulo my-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. At maiores sapiente maxime impedit fuga assumenda sed. Hic, dicta. Blanditiis perferendis repellat et a quo sunt autem quos, dolore commodi praesentium quidem tempora architecto ducimus expedita aperiam quisquam consequuntur ex? Suscipit, unde ducimus, corrupti veniam hic officia at accusantium ea harum? A soluta illo officiis aut, veritatis nam ipsa pariatur perspiciatis sed dolor porro delectus hic tempore alias velit distinctio repudiandae, quaerat iste. Qui nulla nemo, voluptas magnam quibusdam. Laudantium ullam, alias, recusandae et voluptas voluptatem tempore, deserunt placeat nam reiciendis odit praesentium? Qui aliquid sequi, illum provident esse dolores libero?</p>
<!-- PUBLICIDAD -->
<img src="img/ad04.png" class="img-fluid my-3" width="100%">
<p class="textoArticulo my-3">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus veritatis, voluptatem ea voluptates dolores nam in? Error ad ut, nesciunt consequatur deserunt blanditiis asperiores culpa quia incidunt vero, veniam tenetur provident fugiat rem nam laudantium. Harum id veniam labore eaque, rerum ratione iusto, error necessitatibus cum reiciendis esse. Cum fugit laborum quos laboriosam, omnis sint enim alias iure in pariatur quo accusamus inventore, porro, nulla officiis dolorum ab excepturi! Velit et, nihil? Iusto, quaerat id aliquam ratione explicabo voluptatibus quis a dignissimos vitae consequatur, saepe. Explicabo necessitatibus inventore, possimus corporis aperiam soluta iure quasi dolor voluptas nisi veritatis. Veritatis sapiente non doloribus vitae ipsa nam iure porro. Cupiditate officiis neque facilis consequatur, quibusdam, rerum quos dolor quaerat, iste tempore iusto, fugiat necessitatibus aspernatur? Distinctio illo cupiditate cum numquam, nostrum, suscipit, ea, reprehenderit fugit deserunt culpa accusamus. Atque rerum aut quod repellendus quos, ad ipsum, neque veritatis unde dignissimos ab quisquam?</p>
<p class="textoArticulo my-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita temporibus, beatae, voluptatem possimus esse quas repellat error, quam, consequatur velit iusto aliquam in libero alias repellendus facilis eius delectus. Doloremque aliquam quia, pariatur ut! Praesentium necessitatibus cum ea consectetur provident, quisquam sed amet. Ex unde vitae obcaecati architecto placeat nesciunt deserunt esse animi dolore quis inventore dicta dolorem dolores quam cupiditate a laudantium enim perferendis dolorum in molestiae suscipit corrupti, quidem maiores. Fugit ullam possimus ad, itaque nemo dolorum, nesciunt atque quaerat, animi beatae et quam, amet cumque quia voluptatem. Impedit, nobis fuga iste, consequuntur libero ratione reiciendis? Harum beatae quibusdam eaque porro id enim quis corrupti iure quae molestias, praesentium alias ut voluptas dolorum officiis repellat, ipsum. Beatae aliquid at recusandae assumenda id, placeat suscipit, sapiente quasi voluptatibus et, reprehenderit sequi asperiores possimus soluta maxime facere atque quo vel. Rerum alias architecto esse modi quisquam est libero fugiat numquam.</p>
</div>
</div>
<!-- COLUMNA DERECHA -->
<?php get_sidebar() ?>
</div>
</div>
</div>
<!--====================================
= FOOTER =
=====================================-->
<?php
get_footer()
?>