-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (72 loc) · 3.96 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
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="./css/stylesIndex.css">
<link rel="stylesheet" href="./css/stylesGeneral.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Inicio</title>
</head>
<body>
<!-- Contenedor principal de la pagina -->
<div class="container-fluid container-main ">
<div class="row row1 ">
<div class="col">
<!-- Barra de navegacion superior -->
<nav class="navbar navbar-expand-lg navbar-dark ">
<div class="container-fluid ">
<a class="navbar-brand" href="./index.html"><img class="imgLogo"
src="./img/Anteiku-logos_white.png" alt=""></a>
<!-- Boton que despliega la barra de navegacion en responsive (movil) -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Barra de navegacion colapsable en responsive (movil) -->
<div class="collapse navbar-collapse navbar-scroll" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="./index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/carta.html">Nuestra carta</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contacto.html">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<!-- Row y column del texto descriptivo blanco situado en el centro de la pagina -->
<div class="row row2">
<div class="col col-lg-5 col2 ">
<p>El restaurante de ramen Anteiku es conocido por su caldo de pollo cocinado durante horas con hierbas
y especias. Más de 30 años de experiencia confirman la calidad de este delicioso plato en un
ambiente que transportará al comensal al mismísimo Japón.
Un lugar que no abandona su esencia nipona donde se disfruta de la autenticidad del ramen.
</p>
</div>
</div>
<!-- Row y column de la parte inferior de la pagina, parte de Redes Sociales -->
<div class="row row3 text-center">
<div class="col col3">
<p>SÍGUENOS EN NUESTRAS REDES</p>
<button type="button" class="btn btn-outline-secondary "><i class="bi bi-twitter"></i> Twitter</button>
<button type="button" class="btn btn-outline-secondary"><i
class="bi bi-instagram"></i>Instagram</button>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
</body>
</html>