-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (187 loc) · 11.3 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
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>weDoIt</title>
<meta name="description" content="Lading Page de la empresa weDoIt">
<meta name="author" content="weDoIt">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js/main.js"></script>
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="./images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="section topus">
<div class="container">
<div class="row">
<div class="one-half column">
<h4 class="topus-heading">Deja de soñar con el futuro, el momento es ahora y nosotros lo hacemos
realidad.</h4>
<a class="button button-primary" href="http://wedoit.uk#contactos">Contactanos</a>
</div>
<div class="one-half column phones">
<img class="logo u-max-full-width" src="images/logo.jpg">
</div>
</div>
</div>
</div>
<div class="navbar-spacer"></div>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"><a class="navbar-link" href="#intro">Conocenos</a></li>
<li class="navbar-item"><a class="navbar-link" href="#catalog">Catálogo</a></li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#codeNavPopover">Nuestros Servicios</a>
<div id="codeNavPopover" class="popover">
<ul class="popover-list">
<li class="popover-item">
<a class="popover-link" href="#machineLearning">Machine Learnig</a>
</li>
<li class="popover-item">
<a class="popover-link" href="#webSolutions">Web Solutions</a>
</li>
<li class="popover-item">
<a class="popover-link" href="#dataVisualization">Data Visualization</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</nav>
<div class="section services">
<div class="container">
<div class="row">
<h2 class="service-title">Conocenos</h2>
<p class="service-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
rutrum, tortor eu ullamcorper imperdiet, magna elit imperdiet nulla, id tristique nulla turpis non
libero. Etiam imperdiet diam sit amet quam vulputate fermentum. Sed pulvinar cursus erat, non
vehicula nisl viverra quis. Nulla suscipit ullamcorper nunc quis condimentum. Donec libero felis,
malesuada vitae ultrices quis, rutrum eget arcu. Sed congue massa nec enim posuere venenatis. Duis a
augue vestibulum, sollicitudin neque tempor, viverra diam. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae;.</p>
</div>
</div>
</div>
<div class="section services">
<div class="container">
<div class="row">
<div id="webSolutions" class="one-third column service">
<h2 class="service-title">Web Solutions</h2>
<h5 class="service-heading">A tu medida</h5>
<p class="service-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
rutrum, tortor eu ullamcorper imperdiet, magna elit imperdiet nulla, id tristique nulla turpis non
libero. Etiam imperdiet diam sit amet quam vulputate fermentum. Sed pulvinar cursus erat, non
vehicula nisl viverra quis. Nulla suscipit ullamcorper nunc quis condimentum. Donec libero felis,
malesuada vitae ultrices quis, rutrum eget arcu. Sed congue massa nec enim posuere venenatis. Duis a
augue vestibulum, sollicitudin neque tempor, viverra diam. Vestibulum ante ipsum primis in faucibus
orci luctus et ultrices posuere cubilia Curae;.</p>
</div>
<div id="machineLearning" class="one-third column service">
<h2 class="service-title">Machine Learning</h2>
<h5 class="service-heading">Lo que necesitas</h5>
<p class="service-description">In sed orci ut lacus varius interdum interdum ut velit. In elementum
massa leo, eu finibus lacus pharetra a. In ut neque quis lectus sollicitudin suscipit nec eget arcu.
Integer vitae odio massa. Sed eu quam turpis. Duis at arcu risus. Etiam vitae porta quam.</p>
</div>
<div id="dataVisualization" class="one-third column service">
<h2 class="service-title">Data Visualization</h2>
<h5 class="service-heading">No pierdas el tiempo analizando tus datos</h5>
<p class="service-description">Aenean tristique mi et neque vehicula venenatis. Proin feugiat convallis
ante nec sodales. Integer vel mattis sapien. Nullam vitae venenatis arcu, vel egestas turpis. Ut sit
amet nibh eu mi dictum suscipit et eget purus. In auctor auctor dolor. Nulla euismod pretium
sodales. Donec ornare, mi non pretium imperdiet, lacus arcu iaculis lorem, ac ullamcorper enim
mauris ut neque. Proin rutrum eros erat, ut ornare felis tincidunt nec.</p>
</div>
</div>
</div>
</div>
<div class="docs-section contact-us">
<div class="container">
<div class="row">
<div class="one-half column">
<img class="logo u-max-full-width" src="images/logo.jpg">
</div>
<div class="one-half column">
<form>
<div class="twelve columns">
<label for="correo">¿Quien soy?</label>
<input class="u-full-width" id="correo" type="text" placeholder="[email protected]"/>
</div>
<div class="twelve columns">
<label for="comentario">Mensaje</label>
<textarea id="comentario" class="u-full-width" rows="5">Escribe lo que piensas o cualquier consulta que tengas, no tardaremos en responderte</textarea>
</div>
<button class="button button-primary u-full-width" type="submit" value="enviar">Enviar</button>
</form>
</div>
</div>
</div>
</div>
<div class="docs-section portfolio">
<div class="container">
<h3 class="section-heading">Nuestro Trabajo</h3>
<p class="section-description">Pellentesque lobortis nibh eu tincidunt venenatis. Morbi molestie venenatis massa
vel feugiat. Nam nibh tortor, facilisis eu fringilla sit amet, hendrerit nec nunc. Pellentesque ligula
dolor, egestas quis nunc a, tincidunt dapibus mauris. Suspendisse tincidunt dui at elementum mattis.
Praesent ac nisl ornare, suscipit tortor ut, efficitur urna. Suspendisse convallis libero et lectus mattis,
ac eleifend neque sagittis.</p>
<div class="row">
<div class="one-third column">
<h4 class="sub-section-heading">Web Solutions</h4>
<img src="images/proyecto1.jpg" class="u-max-full-width">
<p>In euismod tincidunt risus at vestibulum. Aenean aliquam justo in diam lacinia viverra. Donec eget
blandit nulla. Phasellus massa erat, fringilla et velit eu, ultricies malesuada quam. Mauris quis
mattis sapien, non porttitor enim. Nullam molestie enim sit amet leo tempor, sit amet tempor quam
tempor. Sed faucibus a odio at pulvinar. Phasellus vel nunc ipsum. Vestibulum et feugiat lorem, non
aliquam nisi. Maecenas finibus tristique nulla.</p>
</div>
<div class="one-third column">
<h4 class="sub-section-heading">Ejemplo 2</h4>
<img src="images/proyecto1.jpg" class="u-max-full-width">
<p>In euismod tincidunt risus at vestibulum. Aenean aliquam justo in diam lacinia viverra. Donec eget
blandit nulla. Phasellus massa erat, fringilla et velit eu, ultricies malesuada quam. Mauris quis
mattis sapien, non porttitor enim. Nullam molestie enim sit amet leo tempor, sit amet tempor quam
tempor. Sed faucibus a odio at pulvinar. Phasellus vel nunc ipsum. Vestibulum et feugiat lorem, non
aliquam nisi. Maecenas finibus tristique nulla.</p>
</div>
<div class="one-third column">
<h4 class="sub-section-heading">Ejemplo 3</h4>
<img src="images/proyecto1.jpg" class="u-max-full-width">
<p>In euismod tincidunt risus at vestibulum. Aenean aliquam justo in diam lacinia viverra. Donec eget
blandit nulla. Phasellus massa erat, fringilla et velit eu, ultricies malesuada quam. Mauris quis
mattis sapien, non porttitor enim. Nullam molestie enim sit amet leo tempor, sit amet tempor quam
tempor. Sed faucibus a odio at pulvinar. Phasellus vel nunc ipsum. Vestibulum et feugiat lorem, non
aliquam nisi. Maecenas finibus tristique nulla.</p>
</div>
</div>
</div>
</div>
<div class="section footer">
<div class="container">
<h5 class="section-heading">weDoIt All Rigths Reserved 2017</h5>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>