button-go-up/index.html at master · CodigoMasters/button-go-up · GitHub

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
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Boton Subir Inicio | CodigoMasters</title>
	<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
	<header class="cm-header">
		<nav class="cm-nav">
			<div class="cm-logo">
				<img src="img/Logotipo-Light.png" alt="Logo CodigoMasters">
			</div>
			<div class="cm-h2">
				<h2>Baja un poco el scroll</h2>
			</div>
		</nav>
	</header>
	<div class="cm-article">
		lorem
		<h3 class="cm-h3">Bienvenidos a CodigoMasters</h3>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis sequi error et eum laboriosam similique ab! Corrupti accusantium harum, eligendi nostrum tempora architecto voluptatem neque veritatis eius! Expedita, nisi cum.</p>
		<p>Labore possimus corrupti deleniti numquam repudiandae, iusto magni ut similique, ipsa, minima corporis mollitia. Laboriosam nostrum tenetur amet cupiditate delectus, sint dicta hic distinctio a suscipit reiciendis. Vel, expedita vero.</p>
		<p>Est itaque, at nobis possimus vitae harum. Excepturi omnis harum, at, laboriosam voluptas, earum optio veritatis repellendus nesciunt laborum atque eos aut maxime ut amet laudantium ipsam illum maiores aperiam.</p>
		<p>Ducimus nobis a officiis accusantium asperiores sapiente ullam saepe magnam nostrum ea placeat aspernatur error porro eius, eveniet, magni, nemo similique! Incidunt vel sapiente quam facilis hic, maiores officiis aliquam.</p>
		<p>Rerum est dignissimos quia, distinctio vel quibusdam pariatur quis beatae ratione delectus repellat illo vero odit saepe. Asperiores, magni ab quis aliquam ducimus debitis dolores hic autem. Rerum, temporibus distinctio!</p>
		<p>Facilis qui fuga obcaecati saepe quia praesentium corrupti impedit! A asperiores libero sapiente quis cumque magnam dolore facilis, nam suscipit praesentium optio deserunt cupiditate molestias, dolor quas, aut pariatur enim.</p>
		<p>Numquam esse ea error ipsum dolore in accusantium, quo voluptatem quaerat molestias eius ex nesciunt fugit! Numquam distinctio, illo nostrum sunt esse culpa sint deserunt optio! Nulla corporis nemo sit.</p>
		<p>Sunt, similique! Asperiores voluptas, facilis at eveniet porro consectetur explicabo enim ullam, tempore atque laboriosam, incidunt voluptate odit nostrum aut laudantium minima. Ad earum fugiat harum distinctio libero animi suscipit?</p>
		<p>Aliquid voluptatibus, delectus veritatis velit asperiores animi quibusdam est alias aspernatur eius ab nemo ullam soluta ducimus repellendus autem ratione tempore provident placeat. Ipsum nobis itaque eius tempora? Accusamus, dolore.</p>
		<p>Suscipit eius quis, delectus enim, totam iste et reprehenderit facere provident magnam itaque pariatur sunt tempore voluptatem, alias sequi exercitationem nostrum eaque ipsam nemo. Molestias labore sequi sed numquam autem.</p>
		<p>Tenetur nemo hic quo adipisci laborum, expedita quos rerum repellat quidem, voluptatum nulla perspiciatis corrupti iure animi reiciendis? Reiciendis ipsum ut magnam maxime velit eos facere quae corrupti nam ipsa?</p>
		<p>Quam assumenda quibusdam blanditiis illo non fuga veritatis nisi, quo veniam porro? Praesentium enim ad, ipsum in maiores dolorem consectetur aliquid dolorum expedita. Vel, molestias sed. Maxime similique explicabo doloribus!</p>
		<p>Numquam molestias exercitationem rerum suscipit alias asperiores dolores at, eveniet a cumque saepe dolor amet accusantium adipisci aperiam tempora sint aut facilis laborum eos quo? Sit veritatis quia reprehenderit temporibus.</p>
		<p>Hic, sapiente. Ab voluptates amet assumenda tempore et. Fuga delectus nostrum ea commodi? Vitae maxime omnis animi neque! In, at officiis velit veniam ullam alias perferendis quo exercitationem repellendus veritatis.</p>
		<p>Quo eius, et molestias officia autem dignissimos ab quam quas maxime quae accusantium placeat atque culpa nobis quod id minima mollitia consectetur, a omnis harum quaerat saepe quibusdam! Unde, sit.</p>
	</div>
	<div class="cm-up" id="cm-up">
		<input type="button" class="cm-text-up" value="Subir al Inicio">
		<span class="cm-icon">
			<i class="fas fa-chevron-up"></i>
		</span>
	</div>
	<script src="js/fontawesome-all.min.js"></script>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/up.js"></script>
</body>
</html>