-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
136 lines (118 loc) · 5.63 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Cliffs Indumentaria surf & skate. Indumentaria sport style y eco-friendly.">
<meta name="keywords" content="REMERAS, BUZOS, INDUMENTARIA, SURF, TABLA, BOARD, HOSTEL, CHAPADMALAL">
<title>CLIFFS - Surf indumentaria</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link rel="stylesheet" href="css/estilo.css">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://raw.github.com/daneden/animate.css/master/animate.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light" id="navegacion_principal">
<a class="navbar-brand" href="#"><img src="images/RED MOON - logo.jpg" alt="" data-aos="fade-right"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/hostel.html">Hostel</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="pages/productos.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Productos</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="/pages/productos.html">Remeras</a>
<a class="dropdown-item" href="#">Traje de baño</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Surfboards</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/company.html" tabindex="-1" aria-disabled="true">Company</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid contiene_img" data-aos="fade-up">
<div class="row">
<div class="col-md-12 col-xs-12">
<h1> CLIFFS </h1>
</div>
</div>
<div class="row">
<div class="col-md-3 col-xs-12" id="contiene_boton">
<a href="pages/productos.html">
<button class="boton" class="animate__backInDown">
<h4>VER PRODUCTOS</h4>
</button>
</a>
</div>
</div>
</div>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Born surfing</h1>
<p><strong>Nacimos surfeando, y así vamos a morir.</strong></p>
<p>No somos una marca de ropa, somos el cambio que viene a traer ropa de calidad que te dura 20 años. Esta es nuestra manera de
colaborar con el planeta tierra.</p>
<p>
<a class="btn btn-primary btn-lg" href="#" role="button">Ver productos »</a>
</p>
</div>
</div>
<div class="container-fluid contiene_cliffs_container_fluid">
<!-- Example row of columns -->
<div class="row contiene_cliffs_row">
<div class="col-md-3 cliffs_1 contiene_cliffs_row_element" data-aos="fade-down">
<button class="cliffs_boton">Ver productos</button>
</div>
<div class="col-md-3 cliffs_2 contiene_cliffs_row_element" data-aos="fade-down">
<button class="cliffs_boton">Surf trip</button>
</div>
<div class="col-md-3 cliffs_3 contiene_cliffs_row_element"data-aos="fade-down">
<button class="cliffs_boton">Company</button>
</div>
</div>
</div>
<div class="contiene_iframe_home">
<iframe class="iframe_home" src="https://www.youtube.com/embed/BXQFaNGoYS0?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay=1; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<hr>
<footer>
<p>© CLIFFS 2021 </p>
</footer>
<!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<!-- Script para crear animaciones en la aparición de los elementos -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script>
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</body>
</html>