v2.0.3-beta

assets/html/004_ventajas.html

@@ -5,7 +5,7 @@
       <div class="titulo">
         VENTAJAS
       </div>
-      <div class="ui two columns stackable grid">
+      <div class="ui two columns stackable middle aligned grid">
         <div class="column">
           <div class="gallery">
             <div class="ui large image">

assets/html/009_contacto.html

@@ -1,9 +1,9 @@
 <section id="contacto">
   <div class="background"></div>
   <div class="ui container">
-    <div class="ui stackable grid">
+    <div class="ui stackable middle aligned grid">
       <div class="column">
-        <div class="ui stackable grid">
+        <div class="ui stackable middle aligned grid">
           <div class="column">
             <div class="ui large image">
               <img src="./assets/images/conversemos.png" />
@@ -11,7 +11,7 @@
           </div>
           <div class="column">
             <div class="ui center aligned basic segment">
-              <a href="http://wa.me/56965872558">
+              <a href="http://wa.me/56965872558" target="_blank">
                 <div class="whatsapp">
                   <i class="whatsapp icon"></i>
                   CONVERSEMOS
@@ -21,21 +21,24 @@
               <a href="mailto:contacto@3dstand.cl">
                 contacto@3dstand.cl
               </a>
-              <br /><br />
-              <i class="ui icons">
-                <a href="http://instagram.com/stand">
+              <div class="ui centered fluid horizontal basic segments">
+                <div class="segment">
+                  <a href="http://instagram.com/Stand_cl" target="_blank">
                     <i class="ui icons">
                       <i class="large circle icon"></i>
                       <i class="instagram icon"></i>
                     </i>
                   </a>
-                <a href="http://facebook.com/stand">
+                </div>
+                <div class="segment">
+                  <a href="http://facebook.com/stand" target="_blank">
                     <i class="ui icons">
                       <i class="large circle icon"></i>
                       <i class="facebook f icon"></i>
                     </i>
                   </a>
-              </i>
+                </div>
+              </div>
             </div>
           </div>
         </div>

assets/html/101_footer.html

@@ -1,6 +1,7 @@
     <!-- Scripts -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/semantic.min.js" integrity="sha512-1Nyd5H4Aad+OyvVfUOkO/jWPCrEvYIsQENdnVXt1+Jjc4NoJw28nyRdrpOCyFH4uvR3JmH/5WmfX1MJk2ZlhgQ==" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.19/jquery.touchSwipe.min.js" integrity="sha512-YYiD5ZhmJ0GCdJvx6Xe6HzHqHvMpJEPomXwPbsgcpMFPW+mQEeVBU6l9n+2Y+naq+CLbujk91vHyN18q6/RSYw==" crossorigin="anonymous"></script>
     <script type="text/javascript" src="https://smtpjs.com/v3/smtp.js"></script>
     <script type="text/javascript" src="./assets/scripts/main.min.js"></script>
   </body>

assets/js/main.js

@@ -164,6 +164,15 @@ let ventajas = {
     this.elem.find('.nav.right').click((e) => {
       this.next()
     })
+
+    this.elem.find('.gallery').swipe({
+      swipeLeft: (e, dir, d, t, n, data) => {
+        this.next()
+      },
+      swipeRight: (e, dir, d, t, n, data) => {
+        this.prev()
+      }
+    })
   },
   current: 1,
   next: function() {

public/assets/scripts/main.js

@@ -164,6 +164,15 @@ let ventajas = {
     this.elem.find('.nav.right').click((e) => {
       this.next()
     })
+
+    this.elem.find('.gallery').swipe({
+      swipeLeft: (e, dir, d, t, n, data) => {
+        this.next()
+      },
+      swipeRight: (e, dir, d, t, n, data) => {
+        this.prev()
+      }
+    })
   },
   current: 1,
   next: function() {