-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (160 loc) · 8.53 KB
/
index.html
File metadata and controls
160 lines (160 loc) · 8.53 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Muñecos, accesorios, puntos y patrones tejidos en dos agujas y crochet">
<title>Hola Bambole! | Tejidos a mano</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="tejido, crochet, dos agujas, amigurumis, muñecos, tienda, patrones">
<meta property="og:title" content="Hola Bambole! | Tejidos a mano">
<meta property="og:image" content="images/bambole-logo.png">
<meta property="og:description" content="Muñecos, accesorios, puntos y patrones tejidos en dos agujas y crochet">
<meta property="og:type" content="website">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- Menu mobile
<nav class="navbar">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menucolapsable">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="menucolapsable">
<div class="navbar-nav">
<div class="nav-item"><a class="nav-link" href="index.html">Inicio</a></div>
<div class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="patterns.html"data-toggle="dropdown">Patrones</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="patterns-puntos.html">Puntos</a>
<a class="dropdown-item" href="patterns-toys.html">Muñecos</a>
<a class="dropdown-item" href="patterns-acc.html">Accesorios</a>
</div>
</div>
<div class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="shop.html"data-toggle="dropdown" >Tienda</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="shop-toys.html">Muñecos</a>
<a class="dropdown-item" href="shop-patterns.html">Patrones</a>
</div>
</div>
<div class="nav-item"><a class="nav-link" href="gallery.html">Galería</a></div>
<div class="nav-item"><a class="nav-link" href="aboutme.html">Sobre mí</a></div>
<div class="nav-item"><a class="nav-link" href="contact.html">Contacto</a></div>
</div>
</div>
</nav>
<div class="img-logo-bar"><a href="index.html"><img class="img-logo" src="images/bambole-logo.png"></a></div>
Menu desktop
<div class="barra-menu">
<div class="nav-item"><a class="nav-link" href="index.html">Inicio</a></div>
<div class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="patterns.html"data-toggle="dropdown">Patrones</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="patterns-puntos.html">Puntos</a>
<a class="dropdown-item" href="patterns-toys.html">Muñecos</a>
<a class="dropdown-item" href="patterns-acc.html">Accesorios</a>
</div>
</div>
<div class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="shop.html"data-toggle="dropdown" >Tienda</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="shop-toys.html">Muñecos</a>
<a class="dropdown-item" href="shop-patterns.html">Patrones</a>
</div>
</div>
<div class="nav-item"><a class="nav-link" href="gallery.html">Galería</a></div>
<div class="nav-item"><a class="nav-link" href="aboutme.html">Sobre mí</a></div>
<div class="nav-item"><a class="nav-link" href="contact.html">Contacto</a></div>
</div>
SECCIÓN 1
carrousel
<div class="d-flex justify-content-center">
<section id="carousel-index" class="carousel slide carousel-fad"" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-index" data-slide-to="0" class="active"></li>
<li data-target="#carousel-index" data-slide-to="1"></li>
<li data-target="#carousel-index" data-slide-to="2"></li>
<li data-target="#carousel-index" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/carousel-1.png" alt="Ironman tejido en crochet">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/carousel-2.png" alt="Spiderman tejido en crochet">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/carousel-3.png" alt="Woody tejido en crochet">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/carousel-4.png" alt="Gaticornio tejido en crochet">
</div>
<a class="carousel-control-prev" href="#carousel-index" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-index" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div id="titulo-principal-index">
<h1>Tejidos a mano</h1>
<p> Por <strong> Anabella Rizzi</strong></p>
</div>
</section>
</div>
SECCIÓN 2
<section class="seccion-dos">
<div>
<h2 class="animate__animated animate__bounce">¡Bienvenidos!</h2>
<p>Bambole es un espacio 100% hecho en casa y artesanalmente, desde el contenido hasta el diseño de TODO. Comenzó siendo sólo el nombre de la marca de muñecos para pasar a ser un espacio donde conviven contenidos y herramientas tanto para tejedorxs aficionados como amantes y regaladores de amigurumis.</p>
<button class="btn" type="button">Más sobre Bambole</button>
</div>
</section>
SECCIÓN 2
<section class="container opciones-tejido">
<article class="row justify-content-md-center">
<div class="col-md-3">
<img class="rounded" src="images/index-patrones.png" alt="Patrón de oveja tejida a crochet">
<h3>Patrones gratis</h3>
<p>Elegí alguno -o todos- estos patrones para realizar muñecos, accesorios o puntos planos.</p>
<button class="btn" type="button"><a href="patterns-puntos.html">¡Quiero tejer!</a></button>
</div>
<div class="col-md-3">
<img class="rounded"src="images/index-tienda.png" alt="Packaging de Bambole">
<h3>Tienda</h3>
<p>Recorré las góndolas y elegí los diseños hechos o los patrones que más te gusten.</p>
<button class="btn" type="button">¡Quiero comprar!</button>
</article>
</section>
Sección Woody
<section class="section-woody">
<img src="images/woody-section.png" alt="Woody tejido en crochet">
<div>
<p>Hay una galería llena de objetos y personajes esperando que los vengan a buscar. <br><strong>¿Te llevás uno?</strong></p>
<button class="btn boton-woody animate__animated animate__shakeY" type="button">¡Claro que sí!</button>
</div>
</section>
-->
<section class="container-fluid" style="background-color: crimson;">
<h1 class="d-none">Bienvenidos a Bambole</h1>
</section>
<footer>
<div class="container-fluid col-md-6">
<h2 style="text-align: center; line-height: 3.2rem; margin-bottom: 50px;">Gracias por entrar a este mundillo</h2>
<p style="text-align: center; ">Todavía estoy trabajando en el diseño y contenido de esta web. <br>Si querés chusmear lo que estoy haciendo, te recomiendo que pases por cualquiera de las siguientes redes sociales:</p>
</div>
<div class="redes">
<ul>
<li><a class="red-facebook" href="http://www.facebook.com/hola.bambole">Facebook</a></li>
<li><a class="red-instagram" href="http://www.instagram.com/hola.bambole">Instagram</a></li>
<!-- <li><a class="red-pinterest" href="http://www.pinterest.com">Pinterest</a></li>-->
</ul>
<span>Hecho a mano por <a href="https://anabeeella.tumblr.com/">@anabeeella</a> - Todos los derechos reservados</span>
</div>
<!-- Fin -->
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>