-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (73 loc) · 3.68 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
<!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">
<title>Odin HomeWork</title>
<link rel= "stylesheet" href="normalize.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="nave-container">
<img class="nave-logo" src="./img/baby5.jpg" alt="Logo">
<nav class="nave-barra">
<ul>
<il><a href="#galeria">Galeria</a></il>
<il><a href="#poema">Poema</a></il>
<il><a href="#newsletter">Newsletter</a></il>
</ul>
</nav>
</div>
<div class="header-container" id="header">
<div class="header-a">
<div><p class="hero-main-text">Bebes hermosos.</p></div>
<div><p class="hero-secondary-text">...futuro y esperanza de la humanidad...</p></div>
<div><button id="hero-button"><a href="#newsletter">Newsletter</a></button></div>
</div>
<div class="header-b">
<img src="./img/baby5.jpg" alt="Bebe hermoso">
</div>
</div>
</header>
<br> <br>
<div>
<p id="ramdom-info">La realidad es que los bebés nos parecen tan dulces y guapos para que así sobrevivan y estén más protegidos, ya que nos provocan un sentimiento de afecto y protección que quizás sería distinto si esto no fuera así.</p>
</div>
<br> <br>
<section id="galeria">
<div class="galery-container">
<div class="galery-element">
<img src="./img/baby1.jpg" alt="bebe 1">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis ratione molestiae eum accusamus iste laborum provident accusantium omnis nobis facilis quaerat praesentium minus amet nisi, numquam voluptates ullam aliquam doloremque.</p>
</div>
<div class="galery-element">
<img src="./img/baby2.jpg" alt="bebe 2">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque repudiandae sit unde necessitatibus quasi minima similique architecto obcaecati id dolorum enim, eligendi laudantium dignissimos. Repellendus atque fuga autem molestias officia?</p>
</div>
<div class="galery-element">
<img src="./img/baby3.jpg" alt="bebe 3">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam asperiores nulla necessitatibus corporis ad quaerat aliquam molestiae ratione eum, pariatur aspernatur incidunt quo magni consectetur provident amet velit ducimus maiores.</p>
</div>
<div class="galery-element">
<img src="img/baby4.jpg" alt="bebe 4">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam asperiores tempora nulla accusantium tempore, explicabo ratione obcaecati similique quo aliquam consequatur autem quisquam eos a. Repudiandae saepe praesentium quae esse.</p>
</div>
</div>
</section>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<section id="poema">
<p>Y conoceréis la verdad, y la verdad os hará libres.</p>
<p>Juan 8:32</p>
</section>
<section id="newsletter">
<p>Suscribete al Newsletter <p>
<input type="email" name="email" id="email">
<button type="submit">Suscribete</button>
</section>
<footer>
<h5>Copyrigth© OoChip 2022</h5>
</footer>
</body>
</html>