-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
210 lines (191 loc) · 11 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
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Retos Bootcamp | Victor Olave</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/fontAwesome.css">
<link rel="stylesheet" href="css/hero-slider.css">
<link rel="stylesheet" href="css/owl-carousel.css">
<link rel="stylesheet" href="css/datepicker.css">
<link rel="stylesheet" href="css/tooplate-style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900"
rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<!--
Tooplate 2112 Brunch
https://www.tooplate.com/view/2112-brunch
-->
<body>
<div class="wrap">
<header id="header">
<div class="container-fluid">
<div class="col-md-12">
<button id="primary-nav-button" type="button">Menu</button>
<div class="logo">
<a href="index.html"><img src="img/white-logo.png" alt="Brunch Template"></a>
</div>
</div>
</div>
</header>
</div>
<div class="banner">
<div class="container-fluid">
<div class="col-md-5 col-sm-5 col-xs-12">
<div class="left-content">
<div class="inside-content">
<h1 style="color: white">Hola!</h1>
<h4>Este repositorio es la compolacion de ejercicios realizados durante el desarrollo del
<strong> Bootcamp Carrera FullStack 2019</strong>, impartido gracias al<strong> Cluster
CreaTIC</strong>.</h4>
<div class="white-border-button">
<a href="https://github.com/victorolave/Retos" target="_blank">Ver Repositorio</a>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
<div class="center-image">
<div class="inside-content">
<img src="img/center-image.png" alt="">
</div>
</div>
</div>
<div class="col-md-5 col-sm-5 col-xs-12">
<div class="right-content">
<div class="owl-carousel owl-theme">
<div class="item">
<p style="font-size: 20px">“La medida de la inteligencia es la capacidad de cambiar.”</p>
<p style="font-size: 20px"><strong>- Albert Einstein</strong></p>
</div>
<div class="item">
<p style="font-size: 20px">“En la vida pasan cosas malas, es cierto. Pero la clave está en
ver las cosas tal cual son y no peor de lo que realmente son.”</p>
<p style="font-size: 20px"><strong>- Jordan Belfort</strong></p>
</div>
<div class="item">
<p style="font-size: 20px">“Entiende el don que se te ha dado, lucha por ese don,
desarrollado, úsalo, no abuses de él. Así serás esa persona que tanto quieres ser. .”
</p>
<p style="font-size: 20px"><strong>- Denzel Washintong</strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="template-presentation">
<div class="container">
<div class="col-md-7 hidden-xs hidden-sm">
<div class="left-image">
<img src="img/template-image.png" alt="">
</div>
</div>
<div class="col-md-5 hidden-xs hidden-sm">
<div class="right-content">
<div class="author-image">
<img src="img/logo.png" alt="">
</div>
<h4 style="text-align: justify">Es una organización que promueve el fortalecimiento del ecosistema
de emprendimiento de base tecnológica en el departamento del Cauca.</h4>
<div class="blue-button">
<a href="http://clustercreatic.com/es/" target="_blank">Saber mas...</a>
</div>
</div>
</div>
</div>
</div>
<div class="left-right-image">
<div class="container">
<div class="col-md-8 col-md-offset-2">
<div class="right-image">
<div class="row">
<div class="col-md-6">
<h1 style="color:#c0203b" class="hidden-sm hidden-xs problemas">Retos 2</h1>
<ul>
<li><a href="./Retos Pages/Reto 2/Ejercicio 1/index.html">Problema 1</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 2/index.html">Problema 2</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 3/index.html">Problema 3</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 4/index.html">Problema 4</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 5/index.html">Problema 5</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 6/index.html">Problema 6</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 7/index.html">Problema 7</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 8/index.html">Problema 8</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 9/index.html">Problema 9</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 10/index.html">Problema 10</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 11/index.html">Problema 11</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 12/index.html">Problema 12</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 13/index.html">Problema 13</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 14/index.html">Problema 14</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 15/index.html">Problema 15</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 16/index.html">Problema 16</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 17/index.html">Problema 17</a></li>
<li><a href="./Retos Pages/Reto 2/Ejercicio 18/index.html">Problema 18</a></li>
</ul>
</div>
<div class="col-md-6">
<h1 style="color:#c0203b" class="hidden-sm hidden-xs problemas">Retos 3</h1>
<ul>
<li><a href="./Retos Pages/Reto 3/Ejercicio 1/index.html">Problema 1</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 2/index.html">Problema 2</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 3/index.html">Problema 3</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 4/index.html">Problema 4</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 5/index.html">Problema 5</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 6/index.html">Problema 6</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 7/index.html">Problema 7</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 8/index.html">Problema 8</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 9/index.html">Problema 9</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 10/index.html">Problema 10</a></li>
<li><a href="./Retos Pages/Reto 3/Ejercicio 11/index.html">Problema 11</a></li>
</ul>
</div>
</div>
</div>
<div class="left-image">
<div class="row">
<div class="col-md-6">
<h2 style="color:#c0203b" class="hidden-sm hidden-xs">Reto 4</h2>
<h2 class="hidden-lg hidden-md">Aliquam luctus convallis tortor in cursus</h2>
<span>Reto API con React JS</span>
<p>Para este reto he decidido consumir una Api de clima, esta aplicación permite a partir
del nombre y pais de una ciudad conocer su clima.</p> <br />
<div class="blue-border-button">
<a href="./Retos Pages/Reto 4/React-API-Clima/Build/index.html">Probar..</a>
</div>
</div>
<div class="col-md-6">
<h2 style="color:#c0203b" class="hidden-sm hidden-xs">Reto 5</h2>
<h2 class="hidden-lg hidden-md">Aliquam luctus convallis tortor in cursus</h2>
<span>Reto Factura con VUE JS</span>
<p>En este reto se realiza la automatizacion para la realizacion de una factura para una tienda de celulares.</p> <br />
<div class="blue-border-button">
<a href="./Retos Pages/Reto 5/index.html">Probar..</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="col-md-12">
<p>Copyright © 2019 Victor Olave
- Design: <a rel="nofollow" href="https://www.facebook.com/tooplate">Tooplate</a></p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/datepicker.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>