forked from c4rlosviteri/template-ayudaec
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (99 loc) · 4.36 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
<!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>
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.
</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></h1>
<hr>
<h1>Header</h1>
<hr>
<script src="https://gist.github.com/niclick/547dc1ec228b1a61dafc79de1fd43b1f.js"></script>
</main>
<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>