-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
153 lines (137 loc) · 6.44 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/build/css/main.css">
</head>
<body>
<header class="Header">
<div class="Header-wrapper">
<div class="Header-hamburger" id="menu-hamburger">
<div class="Header-lineswrapper">
<span class="Header-lines"></span>
<span class="Header-lines"></span>
<span class="Header-lines"></span>
</div>
</div>
<nav class="Header-nav" id="menu-nav">
<ul>
<li><a href="#">Sección 1</a></li>
<li><a href="#">Sección 2</a></li>
<li><a href="#">Sección 3</a></li>
</ul>
</nav>
<div class="Header-maininfo">
<img src="/assets/logomobile.png" alt="Logo" class="Header-logo-mobile">
<img src="/assets/logodesktop.png" alt="Logo" class="Header-logo-desktop">
</div>
</div>
</header>
<main class="wrapper container">
<h1>Texto</h1>
<hr>
<h1>Título 1</h1>
<h2>Título 2</h2>
<h3>Título 3</h3>
<h4>Título 4</h4>
<h5>Título 5</h5>
<h6>Título 6</h6>
<hr>
<p>Lemon drops jelly beans jelly-o powder jelly beans brownie dessert. Macaroon tart liquorice carrot cake powder muffin sweet roll. Pie gummi bears ice cream candy fruitcake gingerbread. Tiramisu pastry croissant tart tiramisu cake wafer cupcake muffin. Pastry candy canes lemon drops topping chocolate bar cookie cotton candy soufflé cake. Lemon drops marzipan fruitcake bonbon caramels cake.</p>
<a href="#">http://desastre.ec</a>
<blockquote>
Danish halvah marshmallow. Gingerbread dragée sesame snaps sugar plum candy canes marzipan. Fruitcake tootsie roll jelly. Jelly beans bonbon apple pie gummi bears candy icing bonbon sweet roll. Fruitcake tootsie roll ice cream chupa chups cake cookie chocolate cake cake cheesecake. Cake sweet roll cake gummi bears. Cookie candy canes lemon drops powder lollipop. Gummi bears powder danish cookie ice cream chocolate cake brownie ice cream croissant.
</blockquote>
<script src="https://gist.github.com/niclick/c10783127f1bd35612a43e26ee7390dc.js"></script>
<h1>Código</h1>
<hr>
<code>console.log('Hello World!')</code>
<script src="https://gist.github.com/niclick/9a53c60aa57e5c18a755b80731bf556b.js"></script>
<h1>Formulario</h1>
<hr>
<input type="text" placeholder="text" />
<input type="email" placeholder="email" />
<input type="password" placeholder="password" />
<textarea placeholder="textarea"> </textarea>
<select>
<option>Opción 1</option>
<option>Opción 2</option>
</select>
<input type="radio" />
<input type="checkbox">
<input type="submit" class="button" value="Botón submit" />
<input type="submit" class="button--yellow" value="Botón submit amarillo" />
<a href="#" class="button">Botón a</a>
<a href="#" class="button--yellow">Botón a amarillo</a>
<script src="https://gist.github.com/niclick/4e62ca8d74c450ce875e532a0c071793.js"></script>
<h1>Íconos</h1>
<hr>
<p><span class="icon-sms"></span> icon-sms</p>
<p><span class="icon-map"></span> icon-map</p>
<p><span class="icon-medicine"></span> icon-medicine</p>
<p><span class="icon-clothes"></span> icon-clothes</p>
<p><span class="icon-lantern"></span> icon-lantern</p>
<p><span class="icon-hammer"></span> icon-hammer</p>
<p><span class="icon-news"></span> icon-news</p>
<p><span class="icon-pointer"></span> icon-pointer</p>
<p><span class="icon-marmalade"></span> icon-marmalade</p>
<script src="https://gist.github.com/niclick/390d3a3f4d0b4677da83613d44a2d29a.js"></script>
<h1>Acordión</h1>
<hr>
<div class="accordion">
<input type="checkbox" id="check-1" />
<label for="check-1">Opción 1</label>
<article>
<p>Tiramisu bear claw chocolate. Tootsie roll macaroon sesame snaps ice cream wafer toffee. Croissant muffin croissant danish bear claw soufflé tootsie roll chocolate bar pie. Jelly-o tootsie roll tiramisu. Muffin sweet bear claw cotton candy. Gummies marshmallow cake.</p>
</article>
<input type="checkbox" id="check-2" />
<label for="check-2">Opción 2</label>
<article>
<p>Carrot cake bonbon cake pie powder jelly beans. Icing I love I love toffee. Cookie candy bonbon marshmallow jelly I love jelly beans. Chocolate I love wafer toffee donut gingerbread icing pie chupa chups.</p>
</article>
<input type="checkbox" id="check-3" />
<label for="check-3">Opción 3</label>
<article>
<p>Jujubes icing muffin. I love cupcake jujubes macaroon I love. Ice cream tootsie roll apple pie topping gingerbread. Tart caramels marzipan gummi bears brownie toffee macaroon cupcake.</p>
</article>
</div>
<script src="https://gist.github.com/niclick/e92917b4b82dd1f31dc22abad852f598.js"></script>
<h1>Grid</h1>
<hr>
<video src="/video/grid.mp4" controls width="100%" height="auto"></video>
<h1>Header</h1>
<hr>
<script src="https://gist.github.com/niclick/547dc1ec228b1a61dafc79de1fd43b1f.js"></script>
<h1>Footer</h1>
<hr>
<script src="https://gist.github.com/niclick/3f43f3498c887321f64cbf4de69a6033.js"></script>
</main>
<footer class="Footer">
<a href="#">
<div class="Footer-totop"></div>
</a>
<div class="Footer-container">
<a href="#" class="Footer-links text-center">¿Quiénes somos?</a>
<a href="#" class="Footer-links text-center">Enlaces de información oficial</a>
</div>
<div class="Footer-networks">
<img src="/assets/facebook.png" alt="Facebook" />
<img src="/assets/twitter.png" alt="Twitter" />
</div>
<img src="/assets/logodesktop.png" alt="Logo" class="Footer-logo" />
</footer>
<script>
(function() {
var menuHamburger = document.getElementById('menu-hamburger');
var menuNav = document.getElementById('menu-nav');
function toggleAndShowMenu() {
menuHamburger.classList.toggle('open-hamburger');
menuNav.classList.toggle('nav-open');
}
menuHamburger.addEventListener('click', toggleAndShowMenu);
})()
</script>
</body>
</html>