-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreceta.html
66 lines (55 loc) · 5.11 KB
/
receta.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mis recetas | Receta</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mis recetas de cocina casera">
<meta name="keywords" content="recetas, cocina casera, gastronomía">
<link rel="shortcut icon" href="huevo-frito.png" type="image/x-icon">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="container mx-auto px-10">
<header class="flex justify-center my-5">
<img class="h-16 sm:h-28" src="images/logo.png" alt="">
</header>
</div>
<div class="bg-gray-300 py-2 sm:py-4 mb-10">
<nav class="container mx-auto px-10 text-center text-lg">
<a class="hover:underline" href="index.html">Inicio</a>
<span class="text-gray-500 mx-2 text-base">|</span>
<a class="hover:underline" href="recetas.html">Recetas</a>
<span class="text-gray-500 mx-2 text-base">|</span>
<a class="hover:underline" href="contactar.html">Contactar</a>
</nav>
</div>
<main class="container mx-auto px-10">
<article>
<h1 class="text-4xl uppercase text-center mb-6">Vichyssoise de esparragos blancos</h1>
<div class="mb-2 text-xl text-center mb-12">
Eduardo
<span class="text-gray-300">|</span>
<span class="text-gray-500">15/12/2021</span>
</div>
<div class="flex justify-center mb-12">
<img class="w-full" src="images/vichyssoise-de-esparragos-blancos.jpg" alt="Receta">
</div>
<div class="text-xl mx-auto w-full sm:w-11/12 md:w-10/12 lg:9/12 text-justify mb-24">
<p class="mb-7">Lorem ipsum dolor sit <strong>amet consectetur</strong> adipisicing elit. Quibusdam, aspernatur fuga eius, eveniet minima perspiciatis, vero consequatur cumque sit sunt ducimus architecto recusandae pariatur voluptatem quis nam doloribus soluta. Veritatis doloremque quaerat praesentium repellendus, tempore sapiente molestias minima id debitis vitae reiciendis facere doloribus itaque, sit ratione nihil quasi ipsam laudantium corporis explicabo nulla numquam officia commodi! At, consequatur labore!</p>
<p class="mb-7">Id explicabo harum perspiciatis, <a class="text-green-600 hover:underline" href="">veritatis ratione quaerat</a> numquam corporis qui, saepe ipsum odio voluptas labore iure. Accusantium, illum consequatur accusamus omnis dolorum cumque inventore esse quae suscipit error deserunt! Vero quaerat, itaque dignissimos voluptate quibusdam neque incidunt! Consequuntur earum cupiditate maxime quae porro voluptas! Earum tenetur laboriosam facere praesentium sunt nobis tempore eos blanditiis sed, labore aliquid iure vitae vel.</p>
<p class="mb-7">Ea, voluptatibus <strong>eligendi blanditiis sapiente</strong> fugit fuga veritatis doloremque velit nihil quidem quis animi molestiae assumenda distinctio necessitatibus similique recusandae numquam nam eius dolores fugiat vitae nobis? Fuga porro laboriosam doloribus distinctio modi repellat vero quasi obcaecati. Provident corporis accusamus id porro fugit sed quis nobis reprehenderit! Sapiente quos odio minus sequi fuga incidunt consectetur iusto aspernatur hic, cum totam?</p>
<p class="mb-7">Sunt, soluta ducimus, fugit itaque, nulla pariatur quasi possimus laudantium unde nisi culpa numquam animi ipsum ullam totam magnam eaque reprehenderit harum veniam? Aperiam rerum, delectus ut veniam distinctio qui, mollitia facilis iure nisi voluptatum necessitatibus nihil excepturi molestias consequuntur, officiis incidunt! Quos, repellendus! Voluptate earum porro, quasi, repellat aut dolores accusantium itaque, nisi aperiam placeat iure explicabo. Dolorum, dicta.</p>
<p class="mb-7">Ducimus suscipit illo hic pariatur aliquam cum, asperiores distinctio quae blanditiis consequuntur fugit dicta ut atque tempore nemo laudantium dolor laborum placeat sit vero voluptate accusamus magnam ipsam. Eius esse tempore suscipit asperiores, inventore doloribus non, quaerat, vitae officia facilis aspernatur odio ullam! Dolore quo tempore ipsam eligendi nulla, doloribus, quibusdam sequi pariatur magni excepturi voluptatem ex illum minima incidunt?</p>
<p class="mb-7">Consectetur, veniam. Facere recusandae iure aperiam, blanditiis iusto cupiditate quod dolores et eligendi aliquam, nemo in porro quos dolore vero aliquid distinctio tempora! At vitae beatae earum magni doloribus velit corporis, exercitationem veniam placeat commodi veritatis impedit praesentium fugiat ipsam facilis, laboriosam porro assumenda asperiores. Necessitatibus sunt dolores cumque explicabo ipsum, assumenda doloribus aliquam! Vel iure et quam culpa debitis!</p>
</div>
</article>
</main>
<div class="bg-black text-white py-8">
<footer class="container px-10">
Footer - 2021 ©
</footer>
</div>
</body>
</html>