Explorar o código

agrego mapa y seccion de find us

tati %!s(int64=9) %!d(string=hai) anos
pai
achega
1ba4fe43f0
Modificáronse 2 ficheiros con 43 adicións e 2 borrados
  1. 7 0
      client/css/styles.css
  2. 36 2
      client/index.html

+ 7 - 0
client/css/styles.css

@@ -77,6 +77,13 @@ body {
     margin-left: 3px;
     margin-left: 3px;
 }
 }
 
 
+.find-us {
+    margin-bottom: 500px;
+}
+#map {
+    width: 100%;
+    height: 400px;
+}
 .courses {
 .courses {
     background-image: url('../images/formacion-bg.jpg');
     background-image: url('../images/formacion-bg.jpg');
     background-repeat: no-repeat;
     background-repeat: no-repeat;

+ 36 - 2
client/index.html

@@ -22,11 +22,16 @@
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="css/skeleton.css">
     <link rel="stylesheet" href="css/skeleton.css">
     <link rel="stylesheet" href="css/styles.css">
     <link rel="stylesheet" href="css/styles.css">
+    <link href='https://api.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.css' rel='stylesheet' />
 
 
     <!-- Favicon
     <!-- Favicon
     –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <link rel="icon" type="image/png" href="images/favicon.png">
     <link rel="icon" type="image/png" href="images/favicon.png">
 
 
+    <!-- Scripts
+    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+    <script src='https://api.mapbox.com/mapbox-gl-js/v0.31.0/mapbox-gl.js'></script>
+
 </head>
 </head>
 <body>
 <body>
     <nav class="navbar">
     <nav class="navbar">
@@ -98,5 +103,34 @@
         </div>
         </div>
     </div>
     </div>
 
 
-</body>
-</html>
+    <div class="find-us section">
+        <div class="container">
+            <h4>Dónde comprar</h4>
+            <div class="row">
+                <div class="six columns">
+                    <div id='map'></div>
+                </div>
+                <div class="six columns">
+                    <div>
+                        <h5>Casa Central</h5>
+                        <p>
+                            Leopoldo Marechal 914 - CABA <br>
+                            (+5411) 4139.6860/1
+                        </p>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        mapboxgl.accessToken = 'pk.eyJ1IjoidGluYW1hIiwiYSI6ImNpbWV2dDJudjAxM2Z0c2traGthOTJyZjYifQ.s_lP9rp2Iro7Urb4IZAzTQ';
+        var map = new mapboxgl.Map({
+            container: 'map',
+            style: 'mapbox://styles/tinama/cixyq758w00312rr07u7ua354'
+        });
+    </script>
+
+    </body>
+    </html>