-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (121 loc) · 6.2 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
<!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>Business Tecnology</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400&family=Montserrat:wght@400;700&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/9b8103ef2f.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/estilos.css">
</head>
<body>
<header class="encabezado" id="inicio">
<div class="contenido-navegacion">
<div class="logo">
<h2>Business <span>Tecnology</span></h2>
</div>
<nav class="navegacion ocultar">
<a href="#inicio">Inicio</a>
<a href="#nosotros">Nosotros</a>
<a href="#servicios">Servicios</a>
<a href="#contacto">Contacto</a>
</nav>
<div class="hamburguesa">
<span></span><span></span><span></span>
</div>
</div>
<div class="contenido-encabezado contenedor">
<div class="texto-encabezado">
<h1>Estado de tus tramites</h1>
</div>
<form class="formulario-encabezado">
<h2>Agenda una cita con nosotros</h2>
<div class="input-encabezado">
<input type="text" placeholder="Nombre">
</div>
<div class="input-encabezado">
<input type="mail" placeholder="Correo">
</div>
<div class="input-encabezado">
<input type="tel" placeholder="Telefono">
</div>
<div class="boton-encabezado">
<input class="btn azul" type="submit" value="Cotizar">
</div>
</form>
</div>
</header>
<div class="ventajas">
<div class="contenido-ventajas contenedor">
<div class="ventaja">
<i class="fas fa-clock"></i>
<h3>Entregas en tiempo y forma</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsa sit quo voluptatem nostrum quis,
voluptatum a. Culpa error eligendi, deleniti aliquam fuga ut harum in numquam dolorum amet possimus
</p>
</div>
<div class="ventaja">
<i class="fas fa-paint-brush"></i>
<h3>Diseño de interfaces modernas</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsa sit quo voluptatem nostrum quis,
voluptatum a. Culpa error eligendi, deleniti aliquam fuga ut harum in numquam dolorum amet possimus
</p>
</div>
<div class="ventaja">
<i class="fas fa-code"></i>
<h3>Software de calidad</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsa sit quo voluptatem nostrum quis,
voluptatum a. Culpa error eligendi, deleniti aliquam fuga ut harum in numquam dolorum amet possimus
</p>
</div>
</div>
</div>
<section class="servicios contenedor" id="servicios">
<h2>Servicios de AGETIC</h2>
<div class="contenido-servicios">
<div class="servicio">
<i class="fas fa-headphones-alt"></i>
<h3>SEGIP</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam similique architecto deserunt pariatur, ab soluta sequi voluptatem nostrum debitis rem illo repellendus sint nobis molestias eum vitae earum consequatur dignissimos.</p>
</div>
<div class="servicio">
<i class="fas fa-mobile-alt"></i>
<h3>SERECI</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam similique architecto deserunt pariatur, ab soluta sequi voluptatem nostrum debitis rem illo repellendus sint nobis molestias eum vitae earum consequatur dignissimos.</p>
</div>
<div class="servicio">
<i class="fas fa-cogs"></i>
<h3>Software personalizable</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam similique architecto deserunt pariatur, ab soluta sequi voluptatem nostrum debitis rem illo repellendus sint nobis molestias eum vitae earum consequatur dignissimos.</p>
</div>
<div class="servicio">
<i class="fas fa-paint-brush"></i>
<h3>TRAMITES VEHICULARES</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam similique architecto deserunt pariatur, ab soluta sequi voluptatem nostrum debitis rem illo repellendus sint nobis molestias eum vitae earum consequatur dignissimos.</p>
</div>
<div class="servicio">
<i class="fas fa-code"></i>
<h3>TRAMITES VEHICULARES</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam similique architecto deserunt pariatur, ab soluta sequi voluptatem nostrum debitis rem illo repellendus sint nobis molestias eum vitae earum consequatur dignissimos.</p>
</div>
<div class="servicio">
<i class="fas fa-database"></i>
<h3>Bases de datos</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam similique architecto deserunt pariatur, ab soluta sequi voluptatem nostrum debitis rem illo repellendus sint nobis molestias eum vitae earum consequatur dignissimos.</p>
</div>
</div>
</section>
<footer class="footer">
<div class="logo">
<h2>Business <span>Tecnology</span></h2>
</div>
<p>Todos los derechos reservados <span class="fecha"></span> © Desarollo por Azael</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>