PortfolioWeb/index.html at main · sCaptor/PortfolioWeb · 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
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
<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<link rel="stylesheet" href="style.css"/>
		<title>Gustavo Pavon</title>
		<script src="redirect.js" defer></script>
	</head>
	<body>
		<div>
			<div class="navbar">
				<ul class="nav-list">
					<li><a href="#">Inicio</a></li>
					<li><a href="#">Sobre Mi</a></li>
					<li><a href="#s2">Trabajos</a></li>
					<li><a href="#s3">Contacto</a></li>
				</ul>
			</div>
		</div>
		<main>
			<div class="logo">Gustavo Pavon</div>
			<Section>
				<div class="aboutme-container">
					<p>
					Bienvenido a mi portafolio digital. Soy Gustavo Pavón, Desarrollador, Técnico Profesional y Aficionado a la informatica,
					a continuacion deje mis proyectos realizados a modo de practica y trabajos relacion junto a mis repositorios trabajados.
					</p>
				</div>
			</Section>
			<Section class="cardmargins" id="s2" >
				<ul class="lista">
					<li>
						<article class="artic">
							<p>
								Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium incidunt rerum, ullam deleniti vero accusantium odio cum ut sequi recusandae, quisquam fuga fugit laudantium neque doloremque provident, aperiam error dignissimos?
							</p>
						</article>
					</li>
					<li>
						<article class="artic">
							<p>
								Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officia delectus aliquam earum ullam impedit sequi? Adipisci repellat magnam, inventore quae molestias quaerat officia laboriosam explicabo ipsam laborum? Sapiente, illo inventore.
							</p>
						</article>
					</li>
					<li>
						<article class="artic">
							<p>
								Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem unde quod autem suscipit inventore nemo ea, in obcaecati? Exercitationem et voluptatem libero placeat illo velit, magnam voluptates quasi quis. Error?
							</p>
						</article>
					</li>
					<li>
						<article class="artic">
							<p>
								Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam dicta ut minima, reiciendis corrupti ratione voluptates labore minus eum libero est, dolorem possimus aspernatur! Cumque facilis minima assumenda sed sequi!
							</p>
						</article>
					</li>
					<li>
						<article class="artic">
							<p>
								Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestiae voluptate quibusdam consequatur ea suscipit itaque molestias odit in voluptates dolore repudiandae consectetur, corrupti error exercitationem, alias quae obcaecati odio non!
							</p>
						</article>
					</li>
					<li>
						<article class="artic">
							<p>
								Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi quos dignissimos facilis sed rerum voluptatibus praesentium sint totam necessitatibus ducimus nemo hic reiciendis repellat autem, et ut iure maxime beatae.
							</p>
						</article>
					</li>
					<li>
						<article class="artic">
							<p>
								Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus minima in, quidem quo iure alias, ab rerum voluptas explicabo porro nemo, nobis quisquam illo? Qui error molestias laborum neque libero!
							</p>
						</article>
					</li>
				</ul>
			</Section>
		</main>
		<footer class="footerMain" id="s3">
			<a href="mailto:gustypavon.18@gmail.com" target="_blank">
				<i class="fa-solid fa-envelope"></i>
			</a>
			<a href="https://github.com/sCaptor" target="_blank">
				<i class="fa-brands fa-square-github"></i>
			</a>
			<a href="https://www.instagram.com/gustpvon/" target="_blank">
				<i class="fa-brands fa-square-instagram"></i>
			</a>
		</footer>
		<script src="https://kit.fontawesome.com/d2e42a2d82.js" crossorigin="anonymous"></script>
	</body>
</html>


<style is:global>
	body {
		margin: 0;
	}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		letter-spacing: -0.02rem;
	}
	p {
		color: #221d23;
		margin: 0;
		padding: 2px;
		font-size: 0.8rem;
	}
</style>