From e92c288f261f53a1065275f42e6107b8a1911ffd Mon Sep 17 00:00:00 2001
From: kleper <kleper@kleper.net>
Date: Tue, 7 Mar 2017 13:35:19 -0500
Subject: [PATCH] CSS

---
 landingpage_a.html                    | 175 +++++++++++++++-----------
 temas/landingpage/css/landingpage.css |  16 +--
 2 files changed, 104 insertions(+), 87 deletions(-)
diff --git a/landingpage_a.html b/landingpage_a.html
index 2744058..c407b66 100644
--- a/landingpage_a.html
+++ b/landingpage_a.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head >
+    <head>
         <meta http-equiv="Cache-control" content="public">
         <meta charset="UTF-8">
         <meta name="viewport" content="user-scalable=no, width=device-width,  maximum-scale=1,  initial-scale=1">
@@ -798,7 +798,7 @@
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Personalización visual básica y plantillas gráficas iniciales
                                                             </li>
-                                                             <li class="list-group-item">
+                                                            <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Redirección o integración con dominio o subdominio a Tupale.co.
                                                             </li>
                                                         </ul>
@@ -818,14 +818,14 @@
                                                         </div>
                                                         <ul class="list-group list-group-flush text-left">
                                                             <li class="list-group-item">
-                                                                <span class="glyphicon glyphicon-ok-sign"></span> Creación de modelo de datos 
+                                                                <span class="glyphicon glyphicon-ok-sign"></span> Creación de modelo de datos
                                                             </li>
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
                                                             </li>
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Creación de aplicacioes
-                                                            </li>    
+                                                            </li>
                                                             
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Creación y modificación de campos
@@ -850,7 +850,7 @@
                                                         </div>
                                                         <ul class="list-group list-group-flush text-left">
                                                             <li class="list-group-item">
-                                                                <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO <span class="glyphicon glyphicon-plus"></span>
+                                                                <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO</span>
                                                             </li>
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Uso de campos especiales
@@ -859,7 +859,7 @@
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Creación de mapas
                                                             </li>
                                                             <li class="list-group-item">
-                                                                <span class="glyphicon glyphicon-ok-sign"></span> Guia avanzada de plantillas y parametrización 
+                                                                <span class="glyphicon glyphicon-ok-sign"></span> Guia avanzada de plantillas y parametrización
                                                             </li>
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Generación de informes
@@ -882,7 +882,7 @@
                                                         </div>
                                                         <ul class="list-group list-group-flush text-left">
                                                             <li class="list-group-item">
-                                                                <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO <span class="glyphicon glyphicon-plus"></span> TALLER MEDIO <span class="glyphicon glyphicon-plus"></span>
+                                                                <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO </span> TALLER MEDIO </span>
                                                             </li>
                                                             <li class="list-group-item">
                                                                 <span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
@@ -899,73 +899,102 @@
                                                 </div>
                                                 <!-- /item -->
                                             </div>
-                                            </div>
+                                        </div>
                                     </section>
-                                    <div class='container-fluid'> </div>
-                                    <footer id="fh5co-footer">
-                                        <small>
-                                        <p class="">Tupale.co funciona gracias a <a href='https://QWERTY.co/milfs'>&copy; MILFS Un proyecto de https://QWERTY.co</a> Se distribuye bajo licencia GPL V3
-                                        <a href="milfs/?psi" ><i class="fa fa-smile-o "></i> Políticas de privacidad y protección de datos.</a></p>
-                                        </small>
-                                    </footer>
-                                </div>
-                            </div>
-                            <div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
-                                <div class='modal-dialog modal-lg' >
-                                    <div class='modal-content'>
-                                        <div class='modal-header' >
-                                            <button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='fa fa-times-circle'></i></button>
-                                            <h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
-                                        </div>
-                                        <div class='modal-body'>
-                                            
-                                            <div id='muestra_form'>
-                                                
+                                    <!--EQUIPO -->
+                                    <section class="container-fluid" id="equipo">
+                                        <div class="col-sm-8 col-sm-offset-2">
+                                            <div class="text-center">
+                                                <h1>Equipo</h1>
+                                                <p class="lead">Tupale es la dependiencia activista de <a href="https://github.com/humano/milfs">MILF</a>, a esta propuesta inicial se han vinculado de manera orgánica compañeros y amigos aportando al crecimiento del entorno de herramientas que facilitan el desarrollo de Tupale y la integración con proyectos, equipos, instituciones y causas.</p>
                                             </div>
                                         </div>
-                                        <div class='modal-footer' id='pie_modal'>
-                                            
-                                            
+                                        <div class="row text-center">
+                                            <div class="col-lg-4 ">
+                                                <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+                                                <h2>La Manada</h2>
+                                                <p> Lara una agerrida Pastor Malinois y Canquis un lambetas Pastor Aleman, y sus hijo, Alpha, Amed ,Akrus. Amigos, terapistas, motivación y compañía para la actividad de cada día</p>
+                                                <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
+                                                </div><!-- /.col-lg-4 -->
+                                                <div class="col-lg-4">
+                                                    <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+                                                    <h2>El Tigre</h2>
+                                                    <p>Creador de MILF base del funcionamiento de túpale</p>
+                                                    <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+                                                    </div><!-- /.col-lg-4 -->
+                                                    <div class="col-lg-4">
+                                                        <img class="img-circle" src="https://scontent.feoh1-1.fna.fbcdn.net/v/t1.0-9/12308647_10206780410127218_7218226509985424775_n.jpg?oh=ff4be6cd46b77313b33ea136302ecd0a&oe=5965D251" alt="Generic placeholder image" width="140" height="140">
+                                                        <h2>La Tigra</h2>
+                                                        <p>Apoyo moral incondicional, administradora y facilitadora de procesos</p>
+                                                        <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+                                                        </div><!-- /.col-lg-4 -->
+                                                        </div><!-- /.row -->
+                                                </section>
+                                                <div class='container-fluid'> </div>
+                                                <footer id="fh5co-footer">
+                                                    <small>
+                                                    <p class="">Tupale.co funciona gracias a <a href='https://QWERTY.co/milfs'>&copy; MILFS Un proyecto de https://QWERTY.co</a> Se distribuye bajo licencia GPL V3
+                                                    <a href="milfs/?psi" ><i class="fa fa-smile-o "></i> Políticas de privacidad y protección de datos.</a></p>
+                                                    </small>
+                                                </footer>
+                                            </div>
                                         </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <!-- Modal -->
-                            <!-- Footer -->
-                            
-                            
-                            <script type="text/javascript">
-                            
-                            $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
-                            event.preventDefault();
-                            $(this).ekkoLightbox();
-                            });
-                            //// wysiwyg
-                            var edit = function() {
-                            $('.wysiwyg').summernote({height: 250, codemirror: { theme: 'default' },dialogsInBody: true});
-                            };
-                            var save = function() {
-                            var makrup = $('.wysiwyg').summernote('code');
-                            $('.wysiwyg').summernote('destroy');
-                            };
-                            $(document).ready(function() {
-                            $('.wysiwyg_auto').summernote({dialogsInBody: true});
-                            });
-                            </script>
-                            <!-- Piwik -->
-                            <script type="text/javascript">
-                            var _paq = _paq || [];
-                            _paq.push(['trackPageView']);
-                            _paq.push(['enableLinkTracking']);
-                            (function() {
-                            var u="//stats.tupale.co/";
-                            _paq.push(['setTrackerUrl', u+'piwik.php']);
-                            _paq.push(['setSiteId', 1]);
-                            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-                            g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
-                            })();
-                            </script>
-                            <noscript><p><img src="//stats.tupale.co/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
-                            <!-- End Piwik Code -->
-                        </body>
-                    </html>
\ No newline at end of file
+                                        <div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
+                                            <div class='modal-dialog modal-lg' >
+                                                <div class='modal-content'>
+                                                    <div class='modal-header' >
+                                                        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='fa fa-times-circle'></i></button>
+                                                        <h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
+                                                    </div>
+                                                    <div class='modal-body'>
+                                                        
+                                                        <div id='muestra_form'>
+                                                            
+                                                        </div>
+                                                    </div>
+                                                    <div class='modal-footer' id='pie_modal'>
+                                                        
+                                                        
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Modal -->
+                                        <!-- Footer -->
+                                        
+                                        
+                                        <script type="text/javascript">
+                                        
+                                        $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
+                                        event.preventDefault();
+                                        $(this).ekkoLightbox();
+                                        });
+                                        //// wysiwyg
+                                        var edit = function() {
+                                        $('.wysiwyg').summernote({height: 250, codemirror: { theme: 'default' },dialogsInBody: true});
+                                        };
+                                        var save = function() {
+                                        var makrup = $('.wysiwyg').summernote('code');
+                                        $('.wysiwyg').summernote('destroy');
+                                        };
+                                        $(document).ready(function() {
+                                        $('.wysiwyg_auto').summernote({dialogsInBody: true});
+                                        });
+                                        </script>
+                                        <!-- Piwik -->
+                                        <script type="text/javascript">
+                                        var _paq = _paq || [];
+                                        _paq.push(['trackPageView']);
+                                        _paq.push(['enableLinkTracking']);
+                                        (function() {
+                                        var u="//stats.tupale.co/";
+                                        _paq.push(['setTrackerUrl', u+'piwik.php']);
+                                        _paq.push(['setSiteId', 1]);
+                                        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+                                        g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+                                        })();
+                                        </script>
+                                        <noscript><p><img src="//stats.tupale.co/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
+                                        <!-- End Piwik Code -->
+                                    </body>
+                                </html>
\ No newline at end of file
diff --git a/temas/landingpage/css/landingpage.css b/temas/landingpage/css/landingpage.css
index 6b24def..0b13422 100644
--- a/temas/landingpage/css/landingpage.css
+++ b/temas/landingpage/css/landingpage.css
@@ -128,17 +128,14 @@ transition: all 0.3s ease;
 
 
 /*PROYECTOS*/
-.principal{
-}
 
-
-/*container proyectos*/
+/*container general*/
 .box_proyectos{
   display: table;
 
 }
 
-/*container proyecto*/
+/*container proyectos*/
 .div_proyecto{
   display: table-cell;
   position: relative;
@@ -164,21 +161,12 @@ transition: all 0.3s ease;
 
 
 .img-gris{
-<<<<<<< HEAD
-	-webkit-filter: grayscale(100%) blur(3px) ; 
-	max-height: 200px;  
-	max-width: 200px; 
-	z-index:10; 
-	transition:filter 0.2s;
-	 -webkit-transition:-webkit-filter 1s;
-=======
   -webkit-filter: grayscale(100%) blur(3px) ; 
   height: 200px;  
   width: 200px; 
   z-index:10; 
   transition:filter 0.2s;
    -webkit-transition:-webkit-filter 1s;
->>>>>>> 4e304354f68bfb9c6ff10bfa59215a36ea9a90ff
 }
 .img-gris:hover{
 filter: grayscale(0);
