From 39c9741667de035073cf7c1507c3e1180180ec09 Mon Sep 17 00:00:00 2001
From: Sergio <sergio@tinkerista.com>
Date: Fri, 29 Sep 2017 12:50:23 +0200
Subject: [PATCH] columna derecha

---
 templates/page1.html | 12 ++++++------
 templates/page2.html | 18 +++++++++++++-----
 templates/page3.html | 19 ++++++++++++++-----
 templates/page4.html | 18 +++++++++++++-----
 templates/page5.html | 18 +++++++++++++-----
 templates/page6.html | 18 +++++++++++++-----
 templates/page7.html | 19 +++++++++++++------
 7 files changed, 85 insertions(+), 37 deletions(-)

diff --git a/templates/page1.html b/templates/page1.html
index 8e03bdd..22a8d31 100644
--- a/templates/page1.html
+++ b/templates/page1.html
@@ -15,18 +15,18 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-6 col-xl-offset-1">
-                    <h2> menu </h2>
-                    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                        <h2> menu </h2>
+                        "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
 
-                    <a href="#" class="switchMode" class="btn btn-circle">   <img src="images/c1_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        <a href="#" class="switchMode" class="btn btn-circle">   <img src="images/c1_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
                 </div>
             </div>
                 </div>
                 <div class="menu-data-content" style="display:none">
                     <div class="row">
-                        <div class="col-md-8 col-md-offset-2">
-                            <h2> menu </h2>
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> Menu </h2>
                             <div> texto de datos </div>
                             <a href="#" class="switchMode" class="btn btn-circle">
                                 <img src="images/c1_ver_story.jpg" class="verstory img-responsive" />
diff --git a/templates/page2.html b/templates/page2.html
index bdcfaf1..7c6a2ec 100644
--- a/templates/page2.html
+++ b/templates/page2.html
@@ -14,13 +14,21 @@
             <div class="menu-content">
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
-                    <h2> menu </h2>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c2_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c2_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
                 <div class="menu-data-content" style="display:none">
-                    <h2> menu </h2>
-                    <div> texto de datos </div>
-                    <a href="#" class="switchMode" class="btn btn-circle">   <img src="images/c2_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <div> texto de datos </div>
+                            <a href="#" class="switchMode" class="btn btn-circle">   <img src="images/c2_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    </div>
+                </div>
                 </div>
             </div>
             <div class="extra-btn-container">
diff --git a/templates/page3.html b/templates/page3.html
index 84d849d..91ac34b 100644
--- a/templates/page3.html
+++ b/templates/page3.html
@@ -14,13 +14,22 @@
             <div class="menu-content">
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
-                    <h2> menu </h2>
-                    <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c3_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <a href="#" class="switchMode" class="btn btn-circle"> <img src="images/c3_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
+                
                 <div class="menu-data-content" style="display:none">
-                    <h2> menu </h2>
-                    <div> texto de datos </div>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c3_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <div> texto de datos </div>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c3_ver_story.jpg" class="verstory img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div class="extra-btn-container">
diff --git a/templates/page4.html b/templates/page4.html
index 4ed03fe..7fc85a5 100644
--- a/templates/page4.html
+++ b/templates/page4.html
@@ -14,13 +14,21 @@
             <div class="menu-content">
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
-                    <h2> menu </h2>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c4_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c4_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
                 <div class="menu-data-content" style="display:none">
-                    <h2> menu </h2>
-                    <div> texto de datos </div>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c4_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <div> texto de datos </div>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c4_ver_story.jpg" class="verstory img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div class="extra-btn-container">
diff --git a/templates/page5.html b/templates/page5.html
index c7b44e9..4b01c9a 100644
--- a/templates/page5.html
+++ b/templates/page5.html
@@ -14,13 +14,21 @@
             <div class="menu-content">
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
-                    <h2> menu </h2>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c5_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c5_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
                 <div class="menu-data-content" style="display:none">
-                    <h2> menu </h2>
-                    <div> texto de datos </div>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c5_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <div> texto de datos </div>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c5_ver_story.jpg" class="verstory img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
 
             </div>
diff --git a/templates/page6.html b/templates/page6.html
index 29e6424..cf33bf1 100644
--- a/templates/page6.html
+++ b/templates/page6.html
@@ -15,13 +15,21 @@
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
-                    <h2> menu </h2>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c6_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c6_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
                 <div class="menu-data-content" style="display:none">
-                    <h2> menu </h2>
-                    <div> texto de datos </div>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c6_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <div> texto de datos </div>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c6_ver_story.jpg" class="verstory img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
 
             </div>
diff --git a/templates/page7.html b/templates/page7.html
index 399b8d0..8ca3823 100644
--- a/templates/page7.html
+++ b/templates/page7.html
@@ -14,15 +14,22 @@
             <div class="menu-content">
                 <!-- METER CONTENIDO DEL PANEL DERECHO AQUÍ -->
                 <div class="menu-story-content">
-                    <h2> menu </h2>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c7_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c7_ver_grafico.jpg" class="vergrafico img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
                 <div class="menu-data-content" style="display:none">
-                    <h2> menu </h2>
-                    <div> texto de datos </div>
-                    <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c7_ver_story.jpg" class="verstory img-responsive" /> </a>
+                    <div class="row">
+                        <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xl-7 col-xl-offset-1">
+                            <h2> menu </h2>
+                            <div> texto de datos </div>
+                            <a href="#" class="switchMode" class="btn btn-circle">  <img src="images/c7_ver_story.jpg" class="verstory img-responsive" /> </a>
+                        </div>
+                    </div>
                 </div>
-
             </div>
             <div class="extra-btn-container">
                 <a class="" id="map-btn-page-7" href="#"> <img src="images/c7_mapa.png" class="mapa img-responsive" />  <a>