README

README.md

@@ -0,0 +1,28 @@
+# LAB<ar
+***
+
+## Flujo de trabajo: 
+
+1. Desarrollar una web con una libreria, en este ejercicio se utiliza Boostrap.
+
+2. Desarrollo responsive.
+
+3. Despliegue de distintas secciones que presentan la información del servicio que se ofrece.
+
+## Objetivo
+
+El usuario podrá conocer los servicios que ofrece Lab<ar, el diseño es responsive.
+
+![image](https://user-images.githubusercontent.com/29492900/38571400-05124eb8-3cb6-11e8-900e-10683ea7da10.png)
+![image](https://user-images.githubusercontent.com/29492900/38571497-469c94a6-3cb6-11e8-8c3f-f218cfa69737.png)
+
+
+
+
+
+
+## Consideraciones generales
+
+Este reto se utilizaron las siguientes herramientas:
+
+- Trello para administra el proyecto y la definición de objetivos.

assets/fonts/style.css

@@ -0,0 +1,53 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('icomoon.eot?j4n9mc');
+  src:  url('icomoon.eot?j4n9mc#iefix') format('embedded-opentype'),
+    url('icomoon.ttf?j4n9mc') format('truetype'),
+    url('icomoon.woff?j4n9mc') format('woff'),
+    url('icomoon.svg?j4n9mc#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-apple:before {
+  content: "\e901";
+}
+.icon-snapchat-ghost:before {
+  content: "\e907";
+}
+.icon-instagram:before {
+  content: "\e906";
+}
+.icon-whatsapp:before {
+  content: "\e905";
+}
+.icon-linkedin:before {
+  content: "\e904";
+}
+.icon-play:before {
+  content: "\e903";
+}
+.icon-facebook:before {
+  content: "\e902";
+}
+.icon-twitter:before {
+  content: "\e900";
+}
+.icon-menu:before {
+  content: "\e3c7";
+}

css/main.css

@@ -1 +1,152 @@
 /* Los estilos de tu proyecto */
+.container-fluid{
+	margin: auto;
+	padding:0;
+	background-color: #F7B617;
+}
+
+
+.brand-logo{
+	background-image: url('assets/images/logoForma.png');
+}
+
+.nav-wrapper{
+	background-color: white;
+	color: white;
+	border: 0;
+	padding:10px;
+}
+
+.menu{
+	color: black;
+	padding:10px;
+}
+
+.brand-logo{
+	padding:10px;
+	margin:10px;
+}
+
+div#registro{
+	background-color:#F7B617;
+	margin-top: 50px;
+	height:350px;
+	padding: 20px;
+	color: white;
+}
+
+
+#registro>p{
+	font-size: 25px;
+}
+
+h2{
+	color: white;
+	font-size: 2em;
+}
+
+
+#convierteConductor{
+	height: 70vh;
+	background-color: rgba(0,0,0,0.5);
+	padding: 80px 25px 40px 40px;
+}
+
+
+.btn{
+	background-color: #FAFAFA;
+	color: black;
+	border-radius: 3px;
+	border: none;
+	text-transform: initial;
+}
+
+div.row{ 
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+
+div.conductor#tercer-image{
+	color: white;
+}
+
+.new-app{
+	background-color: #F7B617;
+	color:white;
+	margin: 100px;
+	margin-left: 0;
+	border: 2px solid white;
+	border-left: none;
+}
+
+#new-app{
+	padding: 40px;
+}
+
+div.jumbotron#first-image {
+	background-image: url('../assets/images/taxi.jpg');
+	background-size: cover;
+	background-position: bottom;
+	width: auto;
+	/*background: no-repeat;*/
+	height: 100vh;
+	margin: 0;
+	padding: 0;
+}
+
+div.conductor#tercer-image {
+	background-image: url('../assets/images/conduce.jpg');
+	background-size: cover;
+	background-position: left;
+	width: auto;
+	/*background: no-repeat;*/
+	height: 70vh;
+	margin: 0;
+	padding: 0;
+}
+
+#btnconductor{
+	color: white;
+	background-color: #F7B617;
+	text-transform: initial;
+}
+
+
+div.tarifas{
+	background-color:#F7B617;
+	color:white;
+	margin: 0;
+	padding: 0;
+	width: auto;
+	height: 70vh;
+}
+
+#map{
+	padding: 20px;
+}
+
+div.foot{
+	background-color: #2B2B2B;
+	color:white;
+	margin:0;
+	padding:20px;
+}
+
+
+#copy{
+	margin: 0; 
+	padding: 20px;
+	color: white;
+	text-align:left;
+	background-color: #2B2B2B;
+}
+
+
+@media{
+
+
+
+}
+
+