-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (80 loc) · 4.3 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
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="es">
<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>Taco Bull</title>
<link rel="stylesheet" href="./css/style.css">
<!-- Fonts -->
<link href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<div><a href="index.html"> INICIO</a></div>
<div><a href="menu.html">MENU</a></div>
<div><a href="#" style="background:transparent;border-bottom: none;"><img src="./img/logo_black.png" alt="logo_taco_bull"></a></div>
<div><a href="#">CONOCENOS</a></div>
<div><a href="#">CONTACTO</a></div>
</header>
<main>
<section class="bgtaco">
<h1>LOS MEJORES TACOS DE LA CIUDAD</h1>
<h4>ELABORADO CON INGREDIENTES FRESCOS Y DE ORIGEN LOCAL</h4>
</section>
<section class="about">
<div class="wrap">
<div class="box">
<img src="./img/bg_about.jpeg" alt="">
</div>
<div class="box">
<div class="text">
<h1><i class="fa fa-truck"></i> SIRVIENDO DESDE 1989</h1><br>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus architecto, voluptates aspernatur natus nobis expedita consectetur, doloremque blanditiis cupiditate voluptatum omnis itaque deserunt ullam vitae! Fugit provident animi minima quia.</p>
</div>
</div>
</div>
<div class="wrap">
<div class="box">
<div class="text">
<h1><i class="fa fa-cutlery"></i> SABORES AUTENTICOS</h1><br>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus architecto, voluptates aspernatur natus nobis expedita consectetur, doloremque blanditiis cupiditate voluptatum omnis itaque deserunt ullam vitae! Fugit provident animi minima quia.</p>
</div>
</div>
<div class="box">
<img src="./img/bg_autenticos.jpg" alt="">
</div>
</div>
</section>
</main>
<footer>
<div class="box-footer">
<div class="content">
<h2><i class="fa fa-cutlery"></i> CONOCENOS</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magnam mollitia dolor aliquid, quisquam modi nobis alias nam eligendi fugit delectus itaque recusandae praesentium reiciendis cumque, vero earum tenetur eveniet hic! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam commodi neque, modi, dicta sit odit ratione nesciunt dolorum, itaque veniam obcaecati libero magnam reprehenderit. Dolor voluptate architecto id ut numquam.</p>
</div>
</div>
<div class="box-footer">
<div class="content">
<h2><i class="fa fa-clock-o"></i> HORARIOS</h2>
<p> <span>LUNES</span> <span> 8am - 10pm </span></p>
<p> <span> MARTES </span> <span> 8am - 10pm</span></p>
<p> <span> MIERCOLES </span> <span> 8am - 10pm</span></p>
<p> <span> JUEVES </span> <span> 8am - 10pm</span></p>
<p> <span> VIERNES </span> <span> 8am - 10pm</span></p>
<p> <span> SABADO </span> <span> 8am - 10pm</span></p>
<p> <span> DOMINGO </span> <span> 8am - 10pm</span></p>
</div>
</div>
<div class="box-footer">
<div class="content">
<h2><i class="fa fa-bullhorn"></i> CONTACTANOS</h2>
<p><i class="fa fa-calendar"></i> Reservaciones: (012) 345-6789</p>
<p><i class="fa fa-users"></i> Servivio a Domicilio: (012) 345-6789</p>
<p><i class="fa fa-envelope"></i> [email protected]</p>
</div>
</div>
</footer>
</body>
</html>