-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (152 loc) · 9.01 KB
/
index.html
File metadata and controls
161 lines (152 loc) · 9.01 KB
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Normalize CSS -->
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.1/normalize.css">
<!-- Estilos Personalizados -->
<link rel="stylesheet" href="/styles/styles.css">
<title>Inicio | Nexo Digital</title>
</head>
<body>
<!--Cabecera (Logo y menu de Navegacion) -->
<header class="main-header">
<div class="content-wrapper">
<a href="/">
<img src="/images/maxresdefault.jpg" alt="Logo Nexo">
</a>
<nav class="main-menu">
<ul>
<li>
<a href="/">Inicio</a>
</li>
<li>
<a href="/nosotros.html">¿Quienes Somos?</a>
</li>
<li>
<a href="/proyectos.html">Proyectos</a>
</li>
<li>
<a href="/contacto.html">Contacto</a>
</li>
</ul>
</nav>
</div>
</header>
<!-- Banner Principal -->
<main>
<section class="main-banner section-container">
<div class="content-wrapper content">
<div class="container">
<h1 class="title">Bienvenidos a Nexo Digital</h1>
<p class="subtitle">Necesitas asesoramiento urgente!!! Nosotros te podemos ayudar en la construccion de tu sitio Web.</p>
<div>
<a class="button white" href="contacto.html">Escribenos ya mismo!</a>
</div>
</div>
<div class="container">
<img src="/images/450_1000.jpeg" alt="Computadora Nexo">
</div>
</div>
</section>
<!-- Nuestros Servicios -->
<section class="services-section section-container">
<h2>Nuestros Servicios</h2>
<div class="content-wrapper">
<article class="service-item">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-6 -1.5 24 24" width="32" fill="currentColor"><path d="M3 .565h6a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3v-14a3 3 0 0 1 3-3zm3 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path></svg>
<h3>Servicio 1</h3>
<p>Diseñamos tu presencia en internet con apariencia profesional</p>
</article>
<article class="service-item">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -3.5 24 24" width="32" fill="currentColor"><path d="M1 .565h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-14a1 1 0 0 1 1-1zm0 11v2h2v-2H1zm9-8h8a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2zm2 11h4a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2z"></path></svg>
<h3>Servicio 2</h3>
<p>Diseñamos tu presencia en internet con apariencia profesional</p>
</article>
<article class="service-item">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -5 24 24" width="32" fill="currentColor"><path d="M3 0h14a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 6v2h2V6H3zm0-3v2h2V3H3zm0 6v2h2V9H3zm3 0v2h8V9H6zm0-3v2h2V6H6zm0-3v2h2V3H6zm3 3v2h2V6H9zm0-3v2h2V3H9zm6 6v2h2V9h-2zm-3-3v2h2V6h-2zm0-3v2h2V3h-2zm3 0v5h2V3h-2z"></path></svg>
<h3>Servicio 3</h3>
<p>Diseñamos tu presencia en internet con apariencia profesional</p>
</article>
</div>
</section>
<!-- Sobre Nosotros -->
<section class="section-container about-section">
<div class="content-wrapper">
<h2 class="title">Sobre Nosotros</h2>
<p>Este es el sitio web de nuestra agencia de desarrollo,</p>
<a href="proyectos.html" class="button white ghost">Ver experiencia</a>
</div>
<img class="background" src="/images/reunion.jfif" alt="servidores">
</section>
<!-- Ultumos proyectos -->
<section class="section-container last-proyects">
<h2>Ultimos Proyectos</h2>
<div>
<a href="#">
<article>
<div>
<h4>Titulo Proyecto</h4>
<p>Descripcion proyecto</p>
</div>
<div>
<img src="/images/project-1.jpg" alt="proyecto 1">
</div>
</article>
</a>
<a href="#">
<article>
<div>
<h4>Titulo Proyecto</h4>
<p>Descripcion proyecto</p>
</div>
<div>
<img src="/images/project-2.jpg" alt="proyecto 2">
</div>
</article>
</a>
<a href="#">
<article>
<div>
<h4>Titulo Proyecto</h4>
<p>Descripcion proyecto</p>
</div>
<div>
<img src="/images/project-3.jpg" alt="proyecto 3">
</div>
</article>
</a>
<a href="#">
<article>
<div>
<h4>Titulo Proyecto</h4>
<p>Descripcion proyecto</p>
</div>
<div>
<img src="/images/project-4.jpg" alt="proyecto 4">
</div>
</article>
</a>
</div>
</section>
<!-- Trabajar con nosotros -->
<section>
<div>
<h2>¿Quieres trabajar con nosotros?</h2>
<p>Es momento de convertir tu idea en algo real. Puede contactarnos en nuestras redes sociales<br>o enviando un correo a: </p>
<a href="mailito:contacto@nexo.com.ar"></a>
<div>
<a href="#"target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-7 -2 24 24" width="24" fill="currentColor"><path d="M2.046 3.865v2.748H.032v3.36h2.014v9.986H6.18V9.974h2.775s.26-1.611.386-3.373H6.197V4.303c0-.343.45-.805.896-.805h2.254V0H6.283c-4.34 0-4.237 3.363-4.237 3.865z"></path></svg></a>
<a href="#"target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -4 24 24" width="24" fill="currentColor"><path d="M20 1.907a8.292 8.292 0 0 1-2.356.637A4.07 4.07 0 0 0 19.448.31a8.349 8.349 0 0 1-2.607.98A4.12 4.12 0 0 0 13.846.015c-2.266 0-4.103 1.81-4.103 4.04 0 .316.036.625.106.92A11.708 11.708 0 0 1 1.393.754a3.964 3.964 0 0 0-.554 2.03c0 1.403.724 2.64 1.824 3.363A4.151 4.151 0 0 1 .805 5.64v.05c0 1.958 1.415 3.591 3.29 3.963a4.216 4.216 0 0 1-1.08.141c-.265 0-.522-.025-.773-.075a4.098 4.098 0 0 0 3.832 2.807 8.312 8.312 0 0 1-5.095 1.727c-.332 0-.658-.02-.979-.056a11.727 11.727 0 0 0 6.289 1.818c7.547 0 11.673-6.157 11.673-11.496l-.014-.523A8.126 8.126 0 0 0 20 1.907z"></path></svg></a>
<a href="#"target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor"><path d="M9.516.012C4.206.262.017 4.652.033 9.929a9.798 9.798 0 0 0 1.085 4.465L.06 19.495a.387.387 0 0 0 .47.453l5.034-1.184a9.981 9.981 0 0 0 4.284 1.032c5.427.083 9.951-4.195 10.12-9.58C20.15 4.441 15.351-.265 9.516.011zm6.007 15.367a7.784 7.784 0 0 1-5.52 2.27 7.77 7.77 0 0 1-3.474-.808l-.701-.347-3.087.726.65-3.131-.346-.672A7.62 7.62 0 0 1 2.197 9.9c0-2.07.812-4.017 2.286-5.48a7.85 7.85 0 0 1 5.52-2.271c2.086 0 4.046.806 5.52 2.27a7.672 7.672 0 0 1 2.287 5.48c0 2.052-.825 4.03-2.287 5.481z"></path><path d="M14.842 12.045l-1.931-.55a.723.723 0 0 0-.713.186l-.472.478a.707.707 0 0 1-.765.16c-.913-.367-2.835-2.063-3.326-2.912a.694.694 0 0 1 .056-.774l.412-.53a.71.71 0 0 0 .089-.726L7.38 5.553a.723.723 0 0 0-1.125-.256c-.539.453-1.179 1.14-1.256 1.903-.137 1.343.443 3.036 2.637 5.07 2.535 2.349 4.566 2.66 5.887 2.341.75-.18 1.35-.903 1.727-1.494a.713.713 0 0 0-.408-1.072z"></path></svg></a>
<a href="#"target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor"><path d="M14.017 0h-8.07A5.954 5.954 0 0 0 0 5.948v8.07a5.954 5.954 0 0 0 5.948 5.947h8.07a5.954 5.954 0 0 0 5.947-5.948v-8.07A5.954 5.954 0 0 0 14.017 0zm3.94 14.017a3.94 3.94 0 0 1-3.94 3.94h-8.07a3.94 3.94 0 0 1-3.939-3.94v-8.07a3.94 3.94 0 0 1 3.94-3.939h8.07a3.94 3.94 0 0 1 3.939 3.94v8.07z"></path><path d="M9.982 4.819A5.17 5.17 0 0 0 4.82 9.982a5.17 5.17 0 0 0 5.163 5.164 5.17 5.17 0 0 0 5.164-5.164A5.17 5.17 0 0 0 9.982 4.82zm0 8.319a3.155 3.155 0 1 1 0-6.31 3.155 3.155 0 0 1 0 6.31z"></path><circle cx="15.156" cy="4.858" r="1.237"></circle></svg></a>
</div>
</div>
</section>
</main>
<footer>
<p>Todos los derechos reservados º 2023 | Nexo Digital</p>
</footer>
</body>
</html>