-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
187 lines (169 loc) · 7.57 KB
/
services.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servicios | 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 sección de tarifas y servicios que se ofrece en el 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, servicios">
<!-- Open graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="Servicios | 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-md-12 text-center">
<h1>Servicios</h1>
</div>
</div>
<div class="row row-cols-1 row-cols-md-3 g-4 m-1">
<div class="col mb-4">
<div class="card h-100 service-card">
<img src="media/img/service_qa_stock.jpg" class="card-img-top w-75 rounded mx-auto d-block"
alt="Service stock photo">
<div class="card-body d-flex flex-column align-items-center">
<h5 class="card-title">Quality Assurance</h5>
<p class="card-text">
Se provee un servicio completo de control de calidad sobre una página existente,
junto a un informe con todas las observaciones y potenciales mejoras. Esto abarca:
<ul>
<li>Legibilidad y optimización del código existente</li>
<li>Mantenimiento de diferentes vistas para la página (Desktop, Mobile, etc)</li>
<li>Optimización de SEO</li>
</ul>
</p>
<a href="contact.html" class="btn btn-info">Más información</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100 service-card">
<img src="media/img/service_design_stock.jpg" class="card-img-top" alt="Service stock photo">
<div class="card-body d-flex flex-column align-items-center">
<h5 class="card-title">Diseño customizado</h5>
<p class="card-text">
Se diseña una página web a medida, con una estructura de contenido y diseño. Se incluyen en el servicio:
<ul>
<li>Wireframes de todas las vistas de la página</li>
<li>Maquetas para todas las vistas necesarias</li>
<li>Se incluyen ilustraciones (consultar tarifa)</li>
</ul>
</p>
<a href="contact.html" class="btn btn-info">Más información</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100 service-card">
<img src="media/img/service_dev_stock.jpg" class="card-img-top" alt="Service stock photo">
<div class="card-body d-flex flex-column align-items-center">
<h5 class="card-title">Desarrollo e implementaciones</h5>
<p class="card-text">
Se desarrolla una página web a medida, con un diseño previo entregado por el mismo cliente. Se incluyen
en el servicio:
<ul>
<li>Desarrollo de todas las vistas de la página</li>
<li>Optimizado para todas las vistas posibles (Desktop, Mobile, etc)</li>
<li>Se implementa SEO.</li>
</ul>
</p>
<a href="contact.html" class="btn btn-info">Más información</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card h-100 service-card">
<img src="media/img/service_full_stock.jpg" class="card-img-top" alt="Service stock photo">
<div class="card-body d-flex flex-column align-items-center">
<h5 class="card-title">Paquete completo</h5>
<p class="card-text">
¡La mejor opción! <br>
Se proveen todos los servicios existentes, más una garantía especial, exclusiva para aquellos clientes
que buscan la mejor y más íntegra atención.
</p>
<a href="contact.html" class="btn btn-info">Más información</a>
</div>
</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>
</body>
</html>