-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (123 loc) · 5.1 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inicio | Gustavo Smith - Desarrollador Front-End</title>
<!-- Fuente -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik">
<!--Ícono de la pestaña-->
<link rel="shortcut icon" href="media/img/GS-logo-black.ico" type="image/x-icon">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Descripción -->
<meta name="description"
content="Esta es la página web principal del sitio web de Gustavo Smith, un desarrollador Frontend.">
<!-- Keywords -->
<meta name="keywords"
content="Desarrollo web, Gustavo, Gustavo Smith, freelancer, front end developer, crear pagina web, programacion, maquetador">
<!-- Open graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Inicio | Gustavo Smith - Desarrollador Front-End">
<!-- Font Awesome - Logos -->
<script src="https://kit.fontawesome.com/06a5803744.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Inicio header-->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-static-top">
<section class="container">
<a class="navbar-brand" href="index.html">
<img src="media/img/GS-logo-black.ico" alt="Logo de Gustavo Smith" width="40" height="50">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">Acerca de mí</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">Proyectos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Servicios</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contacto</a>
</li>
</ul>
</div>
</section>
</nav>
</header>
<!--Fin header-->
<!-- Inicio main-->
<main>
<section class="container">
<div class="row">
<div class="col-12">
<section class="text-center text-uppercase">
<h1>Gustavo Smith: Programador Front-End</h1>
<a href="services.html">
<h2> ¡Consultá por tu servicio ahora! </h2>
</a>
</section>
</div>
</div>
<div class="row m-4">
<div class="col-lg-6">
<img src="media/img/image-frontpage.jpg" alt="Banner index" class="mw-100">
</div>
<div class="col-lg-6 text-center">
<h3 class="mt-3 mb-4"> Si deseas contar con asesoramiento personalizado, ¡estás en el lugar correcto!</h3>
<h3 class="mt-3 mb-4">
Busco poder participar de proyectos interesantes, ganando experiencia y demostrando mis habilidades en el
campo de las aplicaciones web.
</h3>
<h4 class="mt-3 mb-4">
Actualmente, las tecnologías que se encuentran en mi stack son HTML, CSS y JS.
</h4>
<div class="d-flex justify-content-center">
<a class="btn btn-primary btn-lg w-auto" href="about.html" role="button">¡Conoceme!</a>
</div>
</div>
</div>
</section>
</main>
<!--Fin main-->
<!-- Inicio footer-->
<footer>
<section class="social">
<a href="https://www.instagram.com/gusmith21/" target="_blank">
<i class="fa-brands fa-instagram fa-xl"></i>
</a>
<a href="https://www.linkedin.com/in/gustavobsmith/" target="_blank">
<i class="fa-brands fa-linkedin fa-xl"></i>
</a>
</section>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">Inicio</a></li>
<li class="list-inline-item"><a href="about.html">Acerca de mí</a></li>
<li class="list-inline-item"><a href="projects.html">Proyectos</a></li>
<li class="list-inline-item"><a href="services.html">Servicios</a></li>
<li class="list-inline-item"><a href="contact.html">Contacto</a></li>
</ul>
<p class="copyright">Copyright®: Todos los derechos reservados. 2022</p>
</footer>
<!--Fin footer-->
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</div>
</body>
</html>