-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (134 loc) · 5.94 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Technical Solutions - Soluciones a la medida</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="black" role="navigation">
<div class="nav-wrapper container col s12">
<a id="logo-container" href="#" class="brand-logo">Technical Solutions</a>
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center black-text">Eficiencia</h1>
<div class="row center">
<h5 class="header col s12 black-text">Con esta palabra definimos nuestro trabajo</h5>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="background2.jpg" alt="Unsplashed background img 1"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center"><i class="material-icons black-text">flash_on</i></h2>
<h5 class="center">Rapidez</h5>
<p class="light">Nuestros sistemas se caracterizan por la velocidad. Sistemas livianos para trabajos duros. Nada de 10 minutos de inicio</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center"><i class="material-icons black-text">group</i></h2>
<h5 class="center">Interfaz grafica genial.</h5>
<p class="light">Utilizamos interfaces Web, preferentemente. Te encontraras con interfaces faciles de entender y usar.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center"><i class="material-icons black-text">attach_money</i></h2>
<h5 class="center">Ahorra tiempo y dinero</h5>
<p class="light">No necesitas cambiar el hardware. Donde usted ve una computadora o un servidor, nosotros vemos un hardware para correr nuestros sistemas.</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 black-text">Usamos tecnologias de ultima generacion.</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background1.jpg" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h4>Tecnologias que usamos</h4>
</div>
<div class="col s12 ">
<ul class="collection">
<li class="collection-item"><div>Python <a href="https://www.python.org/" class="secondary-content"><i class="material-icons">open_in_new</i></a></div></li>
<li class="collection-item"><div>Debian <a href="http://www.debian.org/" class="secondary-content"><i class="material-icons">open_in_new</i></a></div></li>
<li class="collection-item"><div>Electron<a href="https://electron.atom.io/" class="secondary-content"><i class="material-icons">open_in_new</i></a></div></li>
<li class="collection-item"><div>Node.JS <a href="https://nodejs.org/en/" class="secondary-content"><i class="material-icons">open_in_new</i></a></div></li>
<li class="collection-item"><div>MySQL <a href="https://www.mysql.com" class="secondary-content"><i class="material-icons">open_in_new</i></a></div>
<li class="collection-item"><div>Github <a href="https://github.com" class="secondary-content"><i class="material-icons">open_in_new</i></a></div>
</ul>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 black-text">Contactenos</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background3.jpg" alt="Unsplashed background img 3"></div>
</div>
<footer class="page-footer black">
<div class="container">
<div class="row">
<div class="col l9 s12" style="height: auto;">
<h5 class="white-text">Technical Solutions</h5>
<p class="grey-text text-lighten-4">Somos su proveedor ideal de soluciones comerciales y empresariales. Usamos tecnologias de ultima generacion, para problemas de ultima generacion. Nos jactamos de la sastisfaccion de nuestros clientes.</p>
</div>
<!-- <div class="col l3 s12">
<h5 class="white-text">Algunos de nuestros clientes</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
</ul>
</div>-->
<div class="col l3 s12">
<h5 class="white-text">Contactanos</h5>
<ul>
<li><a class="white-text" href="#!">Github</a></li>
<li><a class="white-text" href="#!">Telegram</a></li>
<li><a class="white-text" href="#!">Linkedin</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Hecho con <i class="material-icons">code</i>, y <a class="white-text bold" href="http://materializecss.com">Materialize</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>