-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
190 lines (178 loc) · 7.55 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
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
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
<title>PAGINA DE INICIO </title>
</head>
<body>
<header>
<nav class="navbar">
<a href="#" class="logo">MI PORFOLIO</a>
<ul class="menu">
<li class="menu-item">
<a href="#home">INICIO</a>
</li>
<li class="menu-item">
<a href="#about">SOBRE MI</a>
</li>
<li class="menu-item">
<a href="#projects">EXPERIENCIA</a>
</li>
<li class="menu-item">
<a href="#contact">CONTACTOS</a>
</li>
<li class="menu-item">
<a href="#technologies">TECNOLOGIAS</a>
</li>
</ul>
</nav>
</header>
<section id="home" class="content">
<div class="half-section">
<div class="avatar-container">
<img src="./assets/avatar.png" alt="">
<h3>"Tecnoa sistemas y servicios san salvador de jujuy"</h3>
</div>
</div>
<div class="container-boton">
<a href="https://walink.co/5d5951" target="_blank">
<img class="boton" src="icono.png" alt="">
</a>
</div>
<div class="half-section text-section">
<div class="introduction">
<h1 class="title">Hola!, <br> Soy ALVARO ALVAREZ DUEÑO DE ESTA MARAVILLOSA EMPRESA </h1>
<ul class="socials">
<li><a class="socials-icon" href="https://github.com/M0T0SH0C"><i class="bi bi-github"></i></a></li>
<li><a class="socials-icon" href="https://es-la.facebook.com/pg/Tecnoa-Sistemas-y-Servicios-1358881057477056/services/"><i class="bi bi-facebook"></i></a></li>
<li><a class="socials-icon" href="https://www.instagram.com/tecnoasistemasyservicios/"><i class="bi bi-instagram"></i></a></li>
</ul>
<!-- lon enlaces a las redes sociales son con las paginas originales -->
<p class="description">Tenemos mas de 15 años de experiencia trabajando en el area de servicios electronicos e informaticos <br> Déjame contarte un poco de nosotros </p>
</div>
</div>
</section>
<section id="about" class="content">
<aside class="half-section text-section">
<p>
SOMOS UN LOCAL CREADO EN LA PROVINCIA DE SAN MIGUEL DE TUCUMAN
</p>
<p>
CONTAMOS CON UNA AMPLIA TRAYECTORIA EN EL MUNDO DE LA INFORMATICA , LA TELEFONIA , CIRCUITOS INTEGRADOS EN GENERAL. CON DIVERSOS CURSOS REALIZADOS PARA MEJOR DESEMPEÑO
</p>
<p>
TAMBIEN CONTAMOS CON SERVICIOS A EMPRESAS COMPROBABLES CON TRABAJOS EN LAS PROVINCIAS DE TUCUMAN SANTIAGO CORDOBA SALTA Y ACTUALMENTE NOS MUDAMOS A LA PROVINCIA DE SAN SALVADOR DE JUJUY DONDE RECIBIMOS LOS TRABAJOS DE DICHAS PROVINCIAS
</p>
</aside>
<aside class="half-section title-section">
<h2>ALGO DE NOSOTROS</h2>
</aside>
</section>
<section id="projects" class="content">
<aside class="half-section title-section">
<h2>NOS ESPECIALIZAMOS EN</h2>
</aside>
<aside class="half-section text-section">
<ul class="project-list">
<li>
<h3>Proyecto 1</h3>
<p>
TENEMOS UNA LARGA EXPERIENCIA EN MANEJO DE SERVIDORES TANTO WEB COMO LOCALES CON RACK DE CENTRALES INTERNAS TELEFONICAS Y DE RED.
</p>
</li>
<li>
<h3>Proyecto 2</h3>
<p>
CONTAMOS CON CURSOS CERTIFICADO EN REPARACION DE CONSOLAS SOFTWARES Y CHIPEOS COMO TAMBIEN EN REPARACION DE DIVERSOS EQUIPOS ELECTRONICOS Y ELECTRODOMESTICOS
</p>
</li>
<li>
<h3>Proyecto 3</h3>
<p>
MANEJAMOS SERVIDORES REMOTOS Y LOCALES DE REPARACION DE CELULARES CAMBIOS DE SOFTWARES MICRO ELECTRONICA Y SACAMOS DE BANDA CASI TODO LOS EQUIPOS TANTO POR USB COMO CPID . ENTRE OTRAS COSAS VEMOS CASI TODO LO QUE LLEVE UN CIRCUITO ELECTRONICO
</p>
</li>
</ul>
</aside>
</section>
<section id="technologies" class="content">
<aside class="half-section text-section">
<div class="tech-icons-container">
<ul class="tech-icon-list">
<li class="tech-icon-item">
<img height="120px" width="auto" src="./assets/tech-icons/icon-git.svg" alt="Git Icon">
<span>Git</span>
</li>
<li class="tech-icon-item">
<img height="120px" width="auto" src="./assets/tech-icons/icon-github.svg" alt="GitHub Icon">
<span>GitHub</span>
</li>
<li class="tech-icon-item-end">
<img height="120px" width="auto" src="./assets/tech-icons/icon-html.svg" alt="HTML Icon">
<span>HTML</span>
</li>
</ul>
<ul class="tech-icon-list">
<li class="tech-icon-item">
<img height="120px" width="auto" src="./assets/tech-icons/icon-css.svg" alt="CSS Icon">
<span>CSS</span>
</li>
<li class="tech-icon-item">
<img height="120px" width="auto" src="./assets/tech-icons/icon-js.svg" alt="JavaScript Icon">
<span>JavaScript</span>
</li>
<li class="tech-icon-item-end">
<img height="120px" width="auto" src="./assets/tech-icons/icon-react.svg" alt="ReactJS Icon">
<span>React</span>
</li>
</ul>
<ul class="tech-icon-list-end">
<li class="tech-icon-item">
<img height="120px" width="auto" src="./assets/tech-icons/icon-nodejs.svg" alt="NodeJS Icon">
<span>NodeJS</span>
</li>
<li class="tech-icon-item">
<img height="120px" width="auto" src="./assets/tech-icons/icon-postgresql.svg" alt="PostgreSQL Icon">
<span>PostgreSQL</span>
</li>
</ul>
</div>
</aside>
<aside class="half-section title-section">
<h2>Tecnologías que manejo</h2>
</aside>
</section>
<section id="contact" class="content">
<aside class="half-section title-section">
<h2>Puedes contactarte con nosotros, te responderemos a la brevedad</h2>
</aside>
<aside class="half-section text-section">
<form action="">
<label for="name">Nombre</label>
<input class="input-field" type="text" name="name" id="name">
<label for="email">Email</label>
<input class="input-field type="email" name="email" id="email">
<label for="message">Mensaje</label>
<textarea class="input-field" name="message" id="message" cols="30" rows="10"></textarea>
<input class="btn-send-message" type="submit" value="Enviar">
</aside>
</section>
<footer>
<div class="footer-section-container">
<ul class="socials">
<li><a class="socials-icon" href="https://github.com/M0T0SH0C"> <i class="bi bi-github"></i></a></li>
<li><a class="socials-icon" href="https://es-la.facebook.com/pg/Tecnoa-Sistemas-y-Servicios-1358881057477056/services/"><i class="bi bi-facebook"></i></a></li>
<li><a class="socials-icon" href="https://www.instagram.com/tecnoasistemasyservicios"><i class="bi bi-instagram"></i></a></li>
</ul>
</div>
<div class="footer-section-container">
<p>
© 2022 - <a class="footer-link" href="https://www.instagram.com/tecnoasistemasyservicios/">Tecnoa Sistemas y Servicios</a>
</p>
</div>
</footer>
</html>