forked from CodeYourFuture/HTML-CSS-Coursework-Week3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
93 lines (85 loc) · 5.38 KB
/
index.html
File metadata and controls
93 lines (85 loc) · 5.38 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Responsive Cake webpage</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<header class="d-none d-flex d-lg-flex d-xl-flex justify-content-between align-items-xl-baseline bg-danger ">
<img src="https://hdburger.ru/public/5224215.jpg" width="200px" alt="" class="m-4">
</h2>Las mejores tortas las encontraras aqui</h2>
</header>
<br>
<nav class="navbar navbar-expand-lg navbar-light bg-danger">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link active" aria-current="page" href="#">Cakes</a>
<a class="nav-link active" aria-current="page" href="#">Orderin</a>
<a class="nav-link active" aria-current="page" href="#">Lessons</a>
<a class="nav-link active" aria-current="page" href="#">About</a>
</div>
</div>
</div>
</nav>
<div class="row ">
<div class="col-lg p-4">
<img src="https://estag.fimagenes.com/img/1/3/B/5/D/3B5D_900.jpg"width="500px" alt="" class="m-4">
</div>
<div class="col-lg p-4">
<h1>Re velvet</h1>
<p>El genuino color de esta tarta se debe a la reacción que tienen los ingredientes alcalinos como el bicarbonato con los ácidos como el vinagre, el buttermilk y el cacao; y como no, a la ayuda de un poco de colorante rojo, aunque tras la II Guerra Mundial, debido a la escasez, los pasteleros usaban jugo de remolacha, hoy en día se potencia con colorante alimentario. De hecho, la comercialización del colorante fue lo que hizo disparar la popularidad de esta tarta.</p>
<p>La tarta red velvet se caracteriza por una miga muy suave, de ahí lo de «velvet» o terciopelo, esta textura se la debe al uso del cacao en la masa. Por lo que no sólo vale con teñir un bizcocho cualquiera de rojo, sino que debéis sucumbir a la receta y probarla en casa tal cual, seguro que no os defrauda.</p>
<p>Si no encuentras Buttermilk, puedes imitarlo de forma casera, sólo tendrás que coger yogur y cortarlo con ayuda de un poco de zumo de limón, dejarlo reposar 15 minutos y listo.
El colorante rojo es una de las partes fundamentales de esta receta, os recomiendo usar los del fabricante Sugarflair, mi favorito es el Cherry Red porque me gusta el tono granate que tiene, pero si queréis un rojo más intenso podéis probar el Red Extra.
El stand de cristal de 20 cm es de My Pretty Table, perfecto para colocar estas tartas y decorar directamente sobre él.
Os recomiendo el nuevo set de moldes de 20 cm de Wilton si os gusta hacer tartas de capas, tienen la medida perfecta para hacer las tartas altas y con bizcochos de altura perfecta. Además también puedes usarlos para hacer pizzas individuales o tartas rústicas.</p>
</div>
</div>
<div class="container d-flex justify-content-center">
<div class="row row-cols-2">
<div class="col-lg p-4">
<img src="https://blog.icake4u.com/wp-content/uploads/2019/12/ID-TartaCoronaRedVelvet-compressor.jpg"
alt="" width="200em">
</div>
<div class="col-lg p-4">
<img src="https://dam.cocinafacil.com.mx/wp-content/uploads/2018/11/pastel-red-velvet.jpg"
alt="" width="200em">
</div>
<div class="col-lg p-4">
<img src="https://bizcocho.de/wp-content/uploads/2019/11/tarta-red-velvet.jpg" alt="" width="150em">
</div>
<div class="col-lg p-4">
<img src="https://es-mycooktouch.group-taurus.com/image/recipe/540x391/tarta-red-velvet-cookinaria" alt=""
width="150em">
</div>
</div>
</div>
<footer class="bg-light">
<div class="container d-flex justify-content-center">
<div class="row row-cols-3 p-3">
<div class="col">
<img src="https://cdn2.iconfinder.com/data/icons/social-media-2285/512/1_Instagram_colored_svg_1-512.png"
alt="" width="50em">
</div>
<div class="col">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR8vHHuDotOLI0Q4-4o5Aplm7EYatPg7rlqbA&usqp=CAU" alt=""
width="50em">
</div>
<div class="col">
<img src="https://cdn0.iconfinder.com/data/icons/kirrkle-internet-and-websites/60/13_-_Twitter_bird-512.png"
alt="" width="50em">
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>