-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (61 loc) · 4.23 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
<!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">
<meta name="description" content="MeepBurger es una hamburguesería donde los sabores van más allá de las estrellas">
<meta name="keywords" content="hamburguesería hamburguesa hamburguesas restaurant comida rapida local menu">
<!-- link misc -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hubballi&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- css -->
<link rel="stylesheet" href="./css/main.css">
<title>MeepBurger - Inicio</title>
</head>
<body>
<div class="contBody">
<header class="headerGrid">
<div class="navBar text-focus-in">
<h1 class="logo"><a href="./index.html">MeepBurger</a></h1>
<nav>
<ul>
<li><a href="./pages/sucursales.html"><i class="fa-solid fa-map-location-dot"></i> Sucursales</a></li>
<li><a href="./pages/productos.html"><i class="fa-solid fa-box"></i> Productos</a></li>
<li><a href="./index.html"><i class="fa-solid fa-burger"></i> Inicio</a></li>
<li><a href="./pages/sobrenosotros.html"><i class="fa-solid fa-users-between-lines"></i> Sobre nosotros</a></li>
<li><a href="./pages/contacto.html"><i class="fa-solid fa-envelope"></i> Contacto</a></li>
</ul>
</nav>
</div>
</header>
<main class="mainGrid">
<h2 class="h2">
<i class="fa-solid fa-rocket"></i>Sabores más allá de las estrellas<i class="fa-solid fa-rocket"></i>
</h2>
<p class="menuDecoration menu1">Galactic Burger</p>
<div class="menuDecorationImg menu1Img">
<img src="./img/burgergalactic.jpg" alt="Imagen hamburguesa">
</div>
<p class="menuDecorationText menu1Text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus corrupti maiores suscipit odit quos impedit asperiores sequi ducimus, incidunt eos illum deleniti, autem porro quam illo quisquam, laborum aliquam accusantium.Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum porro qui iusto omnis numquam rerum, eum accusantium nihil doloremque provident nam quae cum iste placeat praesentium similique. Facilis, laudantium eius?
</p>
<p class="menuDecoration menu2">Cosmic Burger</p>
<div class="menuDecorationImg menu2Img">
<img src="./img/burgercosmic.jpg" alt="Imagen hamburguesa">
</div>
<p class="menuDecorationText menu2Text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus corrupti maiores suscipit odit quos impedit asperiores sequi ducimus, incidunt eos illum deleniti, autem porro quam illo quisquam, laborum aliquam accusantium. Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique optio voluptas repellendus aspernatur, voluptatibus explicabo dicta! Facere excepturi repellat dolorum asperiores? Qui dicta cupiditate quisquam consectetur. Recusandae totam sequi voluptatem.</p>
</main>
<footer class="footerGrid">
<p> © Todos los derechos reservados 2022</p>
</footer>
</div>
</body>
</html>