-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (185 loc) · 17.3 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menu Sticky</title>
<meta name="author" content="Alan Garduño Pineda" />
<meta name="copyright" content="Alan Garduño Pineda © 2020" />
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
</head>
<body>
<div class="container">
<p class="title">Welcome</p>
<center><small>Optional Header</small></center>
</div>
<nav class="navbar" id="navbar">
<span class="navbar-toggle" id="js-navbar-toggle">
<i class="fas fa-bars" id="iconResponsive"></i>
</span>
<a href="#" class="logo">
<img src="logo.png" alt="Logotipo del sito">
</a>
<ul class="main-nav" id="js-menu">
<li>
<a href="#" class="nav-links">Inicio</a>
</li>
<li>
<a href="#" class="nav-links">Sobre Mí</a>
</li>
<li>
<a href="#" class="nav-links">Proyectos</a>
</li>
<li>
<a href="#" class="nav-links">Otros</a>
</li>
<li>
<a href="#" class="nav-links">Contacto</a>
</li>
</ul>
</nav>
<main class="container text" id="underNav">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam dolorem sapiente reiciendis impedit aspernatur
voluptatem consectetur praesentium, quos nisi quibusdam itaque in a pariatur ullam? Eaque ipsam, natus aliquid
quidem quod eveniet corporis quos quas sunt voluptas quisquam deleniti? Saepe, similique? Sed asperiores quia
animi sequi suscipit quaerat, molestiae mollitia nemo quae corporis commodi cum dicta, fuga qui aspernatur
temporibus molestias. Voluptates consequuntur deleniti laudantium minima, exercitationem magni est aspernatur id
officiis doloribus quam modi illum, neque delectus vero velit tenetur cum obcaecati doloremque itaque vitae.
Mollitia quam quas nesciunt nihil. Vitae ducimus et voluptatibus molestiae quisquam alias sed eligendi, beatae
aliquid, modi recusandae hic, molestias quo. Magni vero voluptate doloremque alias adipisci asperiores
voluptatibus corrupti laborum, incidunt accusantium quae cumque, obcaecati enim numquam fugit odit facere
sapiente, soluta hic culpa qui ipsa omnis? Architecto cumque, sequi vero aperiam quaerat sapiente debitis
aliquam recusandae? Nihil cupiditate quia minus autem aperiam unde dolorum aliquid error perspiciatis libero at
deleniti eum voluptatum modi officia eius quod nisi, facilis saepe tempora earum adipisci exercitationem nemo
quis! Magnam delectus quo commodi non? Rem aliquid atque obcaecati, voluptates corporis quas cupiditate aperiam,
excepturi alias quae natus nemo quisquam eos cumque sapiente, vitae magnam velit eum inventore quam! Iusto
officiis sapiente nostrum voluptate consequuntur magni nobis, explicabo libero corporis quis distinctio magnam
vero consequatur ipsam quae pariatur. Debitis suscipit repellendus eius cum! Magnam quasi et voluptate
repudiandae, ipsam quidem ullam veniam nostrum, voluptatibus assumenda reprehenderit architecto molestias
repellendus. Quam, quaerat qui. Eligendi, minima. Ad, illum hic exercitationem ea reiciendis aperiam dolor
placeat expedita vel quam inventore non facere facilis? Fuga ipsum repudiandae suscipit quo tempore. Accusantium
nostrum sed totam ipsum ducimus beatae ipsa. Laborum repellendus ad aperiam. Harum, sapiente. Ratione, rem quos
sit similique voluptas eaque, sed in enim, qui consequuntur maiores modi saepe dolores. Voluptatibus nulla
tempore tempora dolorem perspiciatis iure similique beatae voluptate amet provident iste, consectetur nihil ad,
ut quo harum! Earum et amet ducimus mollitia sequi pariatur aut quos dolores quae distinctio illo temporibus,
sit culpa voluptatum vero omnis architecto delectus nam quasi enim repellendus fugit beatae fuga. Enim facere
hic autem nobis placeat at laborum maiores sit voluptatum aliquid iste deleniti aut praesentium laudantium
accusamus quos architecto, sequi nesciunt similique ullam minus error. Incidunt pariatur, omnis quidem,
architecto laboriosam repudiandae perferendis, odio sunt iure dolorem similique et esse nulla modi
necessitatibus eligendi dolores? Nam repudiandae at nobis sequi sed rem, excepturi accusamus optio modi corporis
nostrum a labore iusto illo molestiae vitae. Minima, commodi velit voluptate sunt assumenda dolorum perferendis
at dolore fugit labore tempora aperiam totam quisquam dolorem ullam qui molestias, illo deserunt culpa debitis
quibusdam aliquam eos? Aspernatur sed eos natus, sint aliquam assumenda. Veritatis explicabo, odit omnis
obcaecati pariatur mollitia incidunt numquam architecto libero hic illo fugit eos nemo dolorem eius eligendi
consequuntur alias adipisci ratione aspernatur, molestiae esse reprehenderit facilis tempore. Minima hic, esse
deserunt vero excepturi, sequi recusandae corrupti veritatis in quibusdam delectus similique. Repellendus
repellat modi consectetur quis asperiores voluptatum fuga illo sint voluptates nisi sequi blanditiis, saepe quos
adipisci expedita, amet maxime pariatur non fugiat mollitia delectus possimus. Reprehenderit illo eos sunt?
Itaque eaque blanditiis alias iure dolorum rerum placeat similique optio obcaecati nesciunt libero delectus enim
autem porro, nihil eos ab vitae laborum, repudiandae, dignissimos distinctio quas suscipit! Architecto aut
maiores voluptas. Magni, aperiam eos esse consequatur magnam itaque vitae natus nihil harum ducimus amet
possimus reprehenderit nam cumque consectetur omnis necessitatibus. Ipsam dicta, voluptas nisi non vel rerum
quidem sint quam quibusdam enim doloribus voluptates porro sit tenetur adipisci minus quis? Nemo, veritatis
debitis. Veniam ut autem, similique odit modi omnis accusantium reiciendis voluptatibus ex harum possimus,
necessitatibus explicabo aliquam? Quos, minus reprehenderit similique aliquam impedit pariatur sed cupiditate
quo eligendi velit numquam, eos provident. Eos, enim nobis ipsam illo doloremque quasi in nesciunt tenetur est
delectus asperiores ad repellendus ipsum at quibusdam possimus id laborum voluptas dolores fuga, fugiat
assumenda ipsa sunt voluptatibus! Eius, vero doloremque. Nihil, tenetur iste aliquid vitae excepturi sit dolor
unde iure quo molestiae illo error ipsa placeat facilis voluptas? Repellat, obcaecati sapiente at quisquam
voluptas dolor, laboriosam facilis repellendus quae harum, numquam consectetur cumque nostrum aut debitis sunt.
Sapiente, consequuntur officia adipisci incidunt id, omnis error et sequi molestiae eius consequatur animi alias
impedit. Possimus ipsa fugiat amet sit optio suscipit enim iure dolor blanditiis odit quis temporibus,
voluptatum doloribus molestias quod beatae ea corrupti, aliquam numquam, exercitationem cumque reprehenderit
necessitatibus? Natus vel corporis deserunt laudantium autem. Beatae molestiae et ipsum dolorum, totam
accusantium quas possimus unde alias. Unde quo fugit itaque, ipsam reprehenderit quia sit deleniti quis
excepturi, mollitia necessitatibus ab quasi dolore non vitae quod? Illum minus voluptatum ratione expedita
impedit in eligendi, nesciunt delectus ipsam sed beatae rem, numquam quibusdam explicabo est tenetur ad natus
perspiciatis odio sint. Voluptate eligendi similique eum sapiente veniam beatae, natus assumenda sed ad omnis
totam dolorem minus laudantium, saepe quidem quibusdam corporis ipsa quasi accusamus? Eligendi, molestias quos.
Incidunt magni qui numquam. Delectus facilis est incidunt consequatur ipsa unde veritatis perferendis, aperiam
facere numquam veniam corrupti obcaecati quos tempore magnam pariatur eos. Dolores minima tempora sapiente ad
consequuntur debitis quos consectetur illo atque perspiciatis obcaecati asperiores omnis, quas voluptatum!
Excepturi autem laudantium doloribus voluptas est vel porro dolorum dolor delectus eos expedita, accusamus sunt
assumenda minus iusto quis rerum sequi consequuntur ullam culpa deserunt, nam omnis. Consequuntur nesciunt,
consectetur ab quibusdam ratione a cumque deserunt velit repudiandae ex modi impedit fugiat culpa obcaecati quas
minima suscipit assumenda, accusamus maiores ullam magnam numquam excepturi inventore eligendi. Aliquam eveniet
eum illum suscipit dignissimos distinctio animi, reiciendis cupiditate pariatur adipisci quasi maiores officiis
minima dolor veniam magni, nihil at libero nam commodi quo consequuntur inventore maxime odio? Nobis nisi ullam
a quos ad error esse? Minus voluptatum reiciendis expedita similique, temporibus quisquam, itaque non ex, in vel
eum. Eum non beatae quod. Laborum quod impedit perferendis tempore ab modi id suscipit hic iste possimus
nostrum, quam nobis enim. Animi praesentium voluptatibus odio, eius atque perferendis consequuntur accusamus
earum dicta. Maxime a perspiciatis fugit est officiis distinctio eveniet eum in sequi obcaecati! Porro autem
quia repellendus. Consectetur natus repellendus labore adipisci odio. Veniam iste odit consequatur saepe
asperiores, quaerat praesentium repellat adipisci libero earum? Similique, sapiente aut reprehenderit explicabo
repellat voluptatum tempora ea eos! Accusamus quo autem sequi error pariatur doloribus a, nam perferendis
nesciunt vero! Ab cupiditate, ipsa beatae quos nobis totam ullam corrupti eos perspiciatis accusantium, cum
nostrum est! Quibusdam, quod exercitationem non officia tempora est aperiam soluta cumque expedita ipsam
laudantium velit voluptatum odio. Ducimus impedit mollitia repellat nulla debitis voluptatibus, temporibus ex,
sapiente ipsum totam, reprehenderit saepe blanditiis molestias nam. Odio velit voluptas tempora assumenda id
distinctio voluptatum ab! Dolor delectus odio quo! Quod excepturi neque eius rem similique sapiente vel eligendi
vero deserunt? Rem, magni. Harum ea accusantium saepe, voluptates nihil unde sunt commodi animi deleniti numquam
ipsam non neque voluptatum impedit! Perspiciatis ad nihil autem. Illo magni, illum provident quis itaque omnis
totam, adipisci nobis hic eaque ipsum deserunt officia. Consequatur, suscipit! Expedita iste eaque vitae, vel
nulla minus consequuntur sequi voluptates blanditiis reprehenderit commodi dolorem laudantium magni a fugiat
reiciendis praesentium amet doloremque tenetur dignissimos corrupti. Veniam, totam eveniet praesentium aliquam
ullam vel autem laborum aperiam voluptatem beatae, dolorem iste fuga omnis itaque molestias asperiores possimus
inventore esse ut neque. Dolore excepturi esse non placeat possimus eos harum molestiae expedita reiciendis!
Sunt commodi corporis odio voluptates culpa maiores molestias, nam ea iure nostrum, dolor voluptatibus est?
Corrupti animi voluptate non fugit, quam doloribus nihil nemo aliquam iure sunt commodi alias voluptas dolor
vitae? Laudantium illo odit voluptatum qui sed nam adipisci ea eligendi, aspernatur quia, fugiat id. Omnis
facilis ipsum inventore, ipsam aperiam adipisci ipsa maxime commodi optio quibusdam veritatis mollitia, veniam
placeat ullam architecto vel laudantium et odit voluptate quis similique accusantium, tempore in. Consectetur
quod sed asperiores ullam quae deserunt aperiam esse perspiciatis dolores, at sit voluptas accusamus officiis
consequatur vel? Beatae hic quidem esse deleniti fugiat reprehenderit, quibusdam magni. Deleniti, quibusdam a
tempora sed beatae dignissimos eligendi vel? Debitis eos alias dolorum, rerum vitae odio odit laborum, eveniet
quo veritatis laboriosam ipsum vero! Adipisci labore iusto optio repellat laudantium est vitae. Ipsam maxime hic
doloremque vel odit, nemo necessitatibus neque non veniam sunt commodi tempora possimus quaerat harum a, quia
optio quisquam alias! Magnam a explicabo architecto soluta deserunt id reiciendis cumque corrupti nihil
sapiente! Quasi pariatur, quaerat odit deserunt voluptatum numquam doloribus fugiat quam magni assumenda
adipisci accusantium a vero officia animi earum veniam? Vel veniam corporis alias necessitatibus, veritatis
inventore natus iure temporibus molestias omnis eveniet similique, nobis quaerat aperiam debitis magnam
accusamus nulla quasi deleniti impedit voluptatum molestiae repellendus dolore. Vitae magnam quaerat molestias,
tempora nesciunt deserunt, natus autem ratione incidunt, consequuntur necessitatibus commodi odit dolore neque
officiis tempore vel ducimus veritatis accusamus dolorem similique eligendi quisquam. Fugit nesciunt in dolorum
magni pariatur tempora animi eaque excepturi illo aliquam, earum culpa laudantium et nobis temporibus dolor
dolorem id accusantium alias facilis? Hic, numquam animi? Repellendus, asperiores obcaecati sed labore unde esse
voluptas! Nostrum consectetur consequuntur in? Officiis laborum provident velit ad, nostrum saepe adipisci,
repellendus tempora consectetur molestiae amet delectus ea assumenda, minima laboriosam ipsa sit. Sunt, totam
sequi? Nisi facere doloribus sapiente dolore porro consequuntur, distinctio obcaecati alias necessitatibus
temporibus, voluptatum odio autem aliquam voluptas? At odit, quibusdam similique culpa et ut aperiam eveniet.
Eligendi corrupti, asperiores voluptatibus architecto minus nesciunt quod laudantium. Consequuntur nam est
ullam? Reprehenderit adipisci dolorum magni deserunt facere, cum enim eveniet sapiente nesciunt modi non, ea
alias. Culpa veritatis odio vitae! Consequatur modi eius cupiditate corrupti, laudantium eveniet a esse iusto
sed, facilis veritatis repellendus ad recusandae neque ex, officiis ratione harum? Consequatur atque ex non
cumque voluptatum recusandae quidem placeat sequi, mollitia nisi ratione repellat blanditiis laboriosam
voluptatem. Quasi alias ut dolorum hic sunt aliquam, deleniti earum, maxime aliquid voluptas iure velit soluta
esse odit similique harum commodi in architecto eaque tenetur. Quas repellendus incidunt, minima consequatur
molestiae tenetur? Omnis expedita aliquam labore, modi culpa assumenda rem sed commodi minima vel suscipit
exercitationem sunt consequuntur ipsum! At commodi laboriosam vero, dolor eligendi repellendus corrupti delectus
iste cumque aliquid adipisci porro illo culpa placeat eveniet nulla omnis velit autem quasi suscipit, molestias
eum. Animi sit doloribus numquam inventore, et aliquid dicta ipsam maxime! Animi odio perferendis autem
inventore? Adipisci molestiae impedit deserunt placeat ducimus laudantium. Voluptatibus odit, ex ullam quasi
velit eveniet fuga qui magni quod excepturi iure quae possimus est corporis doloribus, dicta rerum vitae quidem.
Optio quaerat officiis nam, nihil saepe ut vel ab debitis deleniti sapiente tempora animi, exercitationem ad
ducimus delectus numquam dolore eveniet laboriosam quas provident! Veniam rerum soluta esse aliquid voluptates
iusto quod tempore aliquam ratione, voluptate quam dicta corporis, error culpa eaque harum omnis blanditiis?
Quae ab, cum saepe recusandae in eveniet quisquam amet accusamus ullam maxime unde obcaecati explicabo enim qui
doloribus deserunt suscipit at autem esse tempore vel sit. Aperiam molestias, distinctio assumenda consequuntur
quaerat quia. Delectus voluptate at nemo dolore voluptas, aut odio, esse animi quibusdam, enim voluptatem
suscipit sapiente necessitatibus quas optio fugit nisi iure. Harum nam velit ipsam quisquam maxime magni ullam
doloremque. Quod eius aut totam asperiores excepturi, tempora quae esse recusandae repudiandae optio rerum! Quam
nulla iusto libero voluptatem cupiditate ratione cumque, quas fugiat obcaecati deserunt maxime vel aspernatur
excepturi nam facere et non? Enim eaque itaque cumque sequi. Sunt ut ducimus, voluptatem vel perspiciatis natus
dolor aliquam, ipsa iure dolorem perferendis quasi eos architecto. Architecto minima dicta voluptas,
reprehenderit facere soluta quod quibusdam iure sit accusamus rem id dolorum consequuntur, repellat ex
cupiditate sed recusandae a tenetur blanditiis excepturi ipsam magnam? Voluptas ex, laudantium architecto aut et
reiciendis, veniam atque labore possimus amet itaque aperiam non. Molestiae ad cumque sed cum a iure alias
doloribus nesciunt nulla, numquam, id quasi eveniet quod facilis ipsa dignissimos quidem harum odio reiciendis
ratione quaerat vero, ut ducimus? Quas culpa aliquam tempore itaque tempora, veritatis magnam, perferendis
aperiam modi iure harum tenetur quidem nostrum, sunt ipsa illo incidunt nemo doloribus asperiores?
</main>
</body>
<script src="main.js"></script>
<script src="fontawesome/js/all.min.js"></script>
</html>