-
Notifications
You must be signed in to change notification settings - Fork 0
/
paginahamburguesa.html
100 lines (93 loc) · 3.18 KB
/
paginahamburguesa.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HAMBURGUESAS</title>
<link rel="stylesheet" href="">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<style>
body{
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
nav ul{
width: 100%;
height: 100px;
background-color: #667EF6;
color: white;
list-style-type: none;
display: inline-block;
box-sizing: none;
margin: 0;
}
li{
display:inline-block;
padding: 40px 0 0 80px;
font-size: 20px;
font-style: 700;
}
img{
width: 250px;
height: 250px;
float: left;
padding: 70px 0 0 70px;
border-style: 1px solid #EAEDED;
}
.paragraph{
width: 70%;
height: 300;
display: inline-block;
padding-top: 70px;
}
h1, p{
margin-left: 50px;
}
.secparagraph{
width: 90%
height: 60px;
text-align: left;
margin: 0 50px 0 20px;
}
.footer{
width: 100%
height: 60px;
background-color: #667EF6;
text-align: center;
color: white;
}
</style>
</head>
<body>
<header>
<div>
<nav>
<ul>
<li>Inicio</li>
<li>Nosotros</li>
<li>Contacto</li>
</ul>
</nav>
</div>
</header>
<section>
<div>
<img src="images/hamburguesa400.jpg" alt="">
</div>
<div class="paragraph">
<h1> Hamburguesas</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam sint culpa excepturi perspiciatis! Excepturi minima ea vitae quisquam quasi in maiores modi rem non impedit vel consectetur, ratione, eius quibusdam! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae ut deleniti reprehenderit asperiores omnis iste, ducimus reiciendis ad. Non, et adipisci voluptatibus delectus alias sed possimus perspiciatis similique animi dignissimos.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet explicabo eligendi magnam at et non suscipit, quaerat hic voluptate nisi debitis quis assumenda minima doloremque consequuntur vel cupiditate voluptatibus numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda animi error, eligendi quidem impedit voluptate, quaerat ducimus similique eveniet, a corrupti architecto consequuntur officia nulla sed distinctio dolorum unde consectetur.</p>
</div>
<div class="secparagraph">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus ex odit, quae sapiente consequatur voluptas, neque provident praesentium magni ipsam quod iste fuga minima quos. Ipsum numquam quae voluptas nostrum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, asperiores. Labore quo praesentium, officia provident fuga,</p>
<p> dignissimos velit sequi architecto maxime excepturi ea id odit quis laboriosam corporis qui alias?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis assumenda quibusdam delectus reprehenderit. Repellat voluptatibus commodi eligendi facere, recusandae minima vitae, repellendus numquam. Delectus aspernatur cupiditate adipisci voluptatibus nesciunt ea.</p>
</div>
</section>
<footer>
<div class="footer">
<h4> © Todos los derechos reservados</h4>
</div>
</footer>
</body>
</html>