2 Replies Latest reply on Jun 26, 2017 10:50 AM by Montanojd

    My app does not compile correctly

    Montanojd

      My web application looks right in the phone's browser, but when it gets connected with Phonegap developer it is misconfigured

       

      In Browser from my phone

      Screenshot_2017-06-25-01-27-55.png

       

      When compiling it with phonegap developer

      Screenshot_2017-06-25-01-23-15.png

        • 1. Re: My app does not compile correctly
          kerrishotts Adobe Community Professional

          Not really enough information here to help much, but based on what's here, I'd guess that your viewport meta tag is either missing or incorrect. Alternatively, your app may not be built based on responsive design techniques. To know for sure we'd need to see some code.

           

          (Side note: PhoneGap Developer App is not the final word regarding how an app will function on your device. Try building it for real -- using either the CLI or PGB -- and then see if the problem persists.)

          • 2. Re: My app does not compile correctly
            Montanojd Level 1

            Thanks for your answer, my device uses Android 4.1, I have compiled in two more up-to-date devices and wich have more inches and works well.

             

            here is the index code.

             

            <!DOCTYPE html>

            <html lang="en-US">

             

             

            <head>

                <meta charset="UTF-8">

                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

                <link rel="shortcut icon" href="imgpri/cropped-favicon-192x192.png" />

                <title>Escuela Sabatica de Primarios</title>

                <link rel='stylesheet' href='revslider/css/settings.css' type='text/css' media='all' />

                <link rel='stylesheet' href='css/font-awesome.css' type='text/css' media='all' />

                <link rel='stylesheet' href='css/jquery.fancybox.css' type='text/css' media='all' />

                <link rel='stylesheet' href='css/select2.css' type='text/css' media='all' />

                <link rel='stylesheet' href='css/animate.css' type='text/css' media='all' />

                <link rel='stylesheet' href='css/main.css' type='text/css' media='all' />

                <link rel='stylesheet' href='css/shop.css' type='text/css' media='all' />

                <script type='text/javascript' src='js/jquery.js'></script>

                <script type='text/javascript' src='js/jquery-migrate.min.js'></script>

                <script type='text/javascript' src='revslider/js/jquery.themepunch.tools.min.js'></script>

                <script type='text/javascript' src='revslider/js/jquery.themepunch.revolution.min.js'></script>

                <script type="text/javascript" src="revslider/js/extensions/revolution.extension.slideanims.min.js"></script>

                <script type="text/javascript" src="revslider/js/extensions/revolution.extension.layeranimation.min.js"></script>

                <script type="text/javascript" src="revslider/js/extensions/revolution.extension.navigation.min.js"></script>

                <script type="text/javascript" src="revslider/js/extensions/revolution.extension.parallax.min.js"></script>

                <link rel="icon" href="img/cropped-favicon-32x32.png" sizes="32x32" />

                <link rel="icon" href="img/cropped-favicon-192x192.png" sizes="192x192" />

                <link rel="apple-touch-icon-precomposed" href="img/cropped-favicon-180x180.png">

                <meta name="msapplication-TileImage" content="img/cropped-favicon-270x270.png">

            </head>

             

             

            <body class="home page wide wave-style">

                <div class="page">

                    <!-- top panel -->

                    <div class='site_top_panel wave slider'>

                        <!-- canvas -->

                        <div class='top_half_sin_wrapper'>

                            <canvas class='top_half_sin' data-bg-color='#ffffff' data-line-color='#ffffff'></canvas>

                        </div>

                        <!-- / canvas -->

                        <div class='container'>

                            <div class='row_text_search'>

                                <div id='top_panel_text'> Currículo eslabones de la gracia preparado por la conferencia general de los Adventistas del Séptimo día para el territorio de la Division interamericana.</a>

                                </div>

                               

                            </div>

                          

                            <div class="site_top_panel_toggle"></div>

                        </div>

                    </div>

                    <!-- / top panel -->

                    <!-- slider and menu container -->

                    <div class='slider_vs_menu'>

                        <div class='header_cont'>

                            <div class='header_mask'>

                                <div class='header_pattern'></div>

                            </div>

                            <header class='site_header logo-in-menu' data-menu-after="3">

                                <div class="header_box">

                                    <div class="container">

                                        <!-- logo -->

                                        <div class="header_logo_part with_border" role="banner">

                                            <a class="logo" href="index.html"><img src='imgpri/logo2.png' data-at2x='imgpri/logo1.png' alt /></a>

                                        </div>

                                        <!-- / logo -->

                                        <!-- menu -->

                                        <div class="header_nav_part">

                                            <nav class="main-nav-container a-right">

                                                <div class="mobile_menu_header">

                                                    <i class="mobile_menu_switcher"><span></span><span></span><span></span></i>

                                                </div>

                                                <ul id="menu-main-menu" class="main-menu menu-bees">

                                                    <!-- menu item -->

                                                    <li class="menu-item current-menu-item page_item current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children bees-start">

                                                        <a href="index.html">

                                                            <div class="bees bees-start"><span></span>

                                                                <div class="line-one"></div>

                                                                <div class="line-two"></div>

                                                            </div>Principal

                                                            <div class="canvas_wrapper">

                                                                <canvas class="menu_dashed"></canvas>

                                                            </div>

                                                        </a>

                                                        <span class='button_open'></span>

                                                        <ul class="sub-menu">

                                                            <li class="menu-item back"><a href="#"><em>←</em> BACK</a>

                                                            </li>

                                                            <li class="menu-item current-menu-item page_item current_page_item"><a href="index.html">Learn&#038;Play</a></li>

                                                            <li class="menu-item"><a href="babysitter.html">Babysitter</a></li>

                                                            <li class="menu-item"><a href="store.html">Store</a></li>

                                                        </ul>

                                                    </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children"><a href="leccion1.html">lección 01 - 1 abril<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

                                                       

                                                    </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children"><a href="leccion2.html">lección 02 - 8 abril<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

                                                       

                                                    </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion3.html">lección 03 - 15 abril<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

                                                       

                                                    </li>

                                                    <!-- / menu item -->

             

             

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion4.html">lección 04 - 22 abril<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                 </li>

                                                    <!-- / menu item -->

                                                     <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion5.html">lección 05 - 29 abril<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                 </li>

                                                    <!-- / menu item -->

             

             

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion6.html">lección 06 - 6 mayo<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                      <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion7.html">lección 07 - 13 mayo<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                     <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion8.html">lección 08 - 20 mayo<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion9.html">lección 09 - 27 mayo<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion10.html">lección 10 - 3 junio<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                     <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion11.html">lección 11 - 10 junio<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion12.html">lección 12 - 17 junio<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item menu-item-has-children right"><a href="leccion13.html">lección 13 - 24 junio<div class="canvas_wrapper"><canvas class="menu_dashed"></canvas></div></a>

             

             

                                                        </li>

             

             

                                                    <!-- / menu item -->

                                                    <!-- menu item -->

                                                    <li class="menu-item right bees-end">

                                                        <a href="contact-us.html">

                                                            <div class="bees bees-end"><span></span>

                                                                <div class="line-one"></div>

                                                                <div class="line-two"></div>

                                                            </div>Contact

                                                            <div class="canvas_wrapper">

                                                                <canvas class="menu_dashed"></canvas>

                                                            </div>

                                                        </a>

                                                    </li>

                                                    <!-- / menu item -->

                                                </ul>

                                            </nav>

                                        </div>

                                        <!-- / menu -->

                                    </div>

                                </div>

                            </header>

                            <!-- #masthead -->

                        </div>

                        <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container">

                            <!-- START REVOLUTION SLIDER 5.0.9 fullwidth mode -->

                            <div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.9">

                                <ul>

                                    <!-- SLIDE  -->

                                    <li data-index="rs-1" data-transition="random,fade" data-slotamount="7,7" data-easein="default,default" data-easeout="default,default" data-masterspeed="300,500" data-thumb="img/dots-pattern-100x50.png" data-rotate="0,0" data-saveperformance="off" data-title="Slide" data-description="">

                                        <!-- MAIN IMAGE -->

                                        <img src="img/dots-pattern.png" alt="" width="43" height="24" data-bgposition="center center" data-bgfit="normal" data-bgrepeat="repeat" data-bgparallax="1" class="rev-slidebg" data-no-retina>

                                       

                                        <!-- LAYER NR. 3 -->

                                        <div class="tp-caption home-h1   tp-resizeme rs-parallaxlevel-9" id="slide-1-layer-2" data-x="30" data-y="180" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e :Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">¡BIENVENIDO!

                                        </div>

                                                                  

                                        <!-- LAYER NR. 7 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-10" id="slide-1-layer-5" data-x="-36" data-y="589" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:290;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" style="z-index: 11;"><img src="pic/revslider/general/grass.png" alt="" width="1469" height="162" data-ww="1484px" data-hh="130px" data-no-retina>

                                        </div>

                                        <!-- LAYER NR. 8 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-1-layer-7" data-x="30" data-y="280" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" style="z-index: 12;"><img src="imgpri/kid.png" alt="" width="421" height="424" data-ww="398px" data-hh="424px" data-no-retina>

                                        </div>

                                        <!-- LAYER NR. 9 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-9" id="slide-1-layer-6" data-x="662" data-y="81" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="570" data-responsive_offset="on" style="z-index: 13;"><img src="imgpri/portadabg.png" alt="" width="450" height="560" data-ww="450px" data-hh="560px" data-no-retina>

                                        </div>

                                        <!-- LAYER NR. 10 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-1-layer-9" data-x="325" data-y="132" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="990" data-responsive_offset="on" style="z-index: 14;">

                                            <div class="rs-looped rs-wave" data-speed="9" data-angle="0" data-radius="5px" data-origin="50% 50%"><img src="pic/revslider/general/cloud-1.png" alt="" width="91" height="37" data-ww="91px" data-hh="37px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 11 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-7" id="slide-1-layer-10" data-x="-117" data-y="311" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;s:30 0;" data-start="580" data-responsive_offset="on" style="z-index: 15;">

                                            <div class="rs-looped rs-wave" data-speed="9" data-angle="0" data-radius="5px" data-origin="50% 10%"><img src="pic/revslider/general/cloud-2.png" alt="" width="90" height="40" data-ww="90px" data-hh="40px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 12 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-1-layer-13" data-x="1122" data-y="69" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="790" data-responsive_offset="on" style="z-index: 16;">

                                            <div class="rs-looped rs-wave" data-speed="11" data-angle="0" data-radius="5px" data-origin="50% 50%"><img src="pic/revslider/general/cloud-5.png" alt="" width="180" height="72" data-ww="180px" data-hh="72px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 13 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-1-layer-14" data-x="-127" data-y="70" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="710" data-responsive_offset="on" style="z-index: 17;">

                                            <div class="rs-looped rs-wave" data-speed="9" data-angle="0" data-radius="5px" data-origin="50% 10%"><img src="pic/revslider/general/cloud-6.png" alt="" width="180" height="72" data-ww="180px" data-hh="72px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 14 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-6" id="slide-1-layer-18" data-x="898" data-y="50" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="590" data-responsive_offset="on" style="z-index: 18;">

                                            <div class="rs-looped rs-wave" data-speed="9" data-angle="0" data-radius="10" data-origin="50% 50%"><img src="pic/revslider/general/cloud-2.png" alt="" width="90" height="40" data-ww="90px" data-hh="40px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 15 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-1-layer-19" data-x="1259" data-y="528" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="920" data-responsive_offset="on" style="z-index: 19;">

                                            <div class="rs-looped rs-wave" data-speed="12" data-angle="0" data-radius="10" data-origin="50% 50%"><img src="pic/revslider/general/cloud-1.png" alt="" width="91" height="37" data-ww="91px" data-hh="37px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 16 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-9" id="slide-1-layer-20" data-x="-243" data-y="478" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="780" data-responsive_offset="on" style="z-index: 20;">

                                            <div class="rs-looped rs-wave" data-speed="11" data-angle="0" data-radius="5px" data-origin="50% 1%"><img src="pic/revslider/general/cloud-3.png" alt="" width="271" height="108" data-ww="271px" data-hh="108px" data-no-retina>

                                            </div>

                                        </div>

                                        <!-- LAYER NR. 17 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-1-layer-21" data-x="1150" data-y="328" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="x:0;y:0;z:0;rX:0;rY:0;rZ:0;sX:0;sY:0;skX:0;skY:0;opacity:0;s:300;e:Pow er2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="990" data-responsive_offset="on" style="z-index: 21;">

                                            <div class="rs-looped rs-wave" data-speed="11" data-angle="0" data-radius="5px" data-origin="50% 50%"><img src="pic/revslider/general/cloud-4.png" alt="" width="271" height="108" data-ww="271px" data-hh="108px" data-no-retina>

                                            </div>

                                        </div>

                                    </li>

                                    <!-- SLIDE  -->

                                    <li data-index="rs-2" data-transition="random,fade" data-slotamount="7,7" data-easein="default,default" data-easeout="default,default" data-masterspeed="300,500" data-thumb="img/dots-pattern-100x50.png" data-rotate="0,0" data-saveperformance="off" data-title="Slide" data-description="">

                                        <!-- MAIN IMAGE -->

                                        <img src="img/dots-pattern.png" alt="" width="43" height="24" data-bgposition="center center" data-bgfit="normal" data-bgrepeat="repeat" data-bgparallax="1" class="rev-slidebg" data-no-retina>

                                        <!-- LAYERS -->

                                       

                                        <!-- LAYER NR. 2 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-10" id="slide-2-layer-23" data-x="center" data-hoffset="" data-y="bottom" data-voffset="10" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="570" data-responsive_offset="on" style="z-index: 6;"><img src="pic/revslider/general/objects1.png" alt="" width="1892" height="474" data-ww="1892px" data-hh="474px" data-no-retina>

                                        </div>

                                        <!-- LAYER NR. 3 -->

                                        <div class="tp-caption home-h2   tp-resizeme rs-parallaxlevel-9" id="slide-2-layer-1" data-x="450" data-y="195" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e :Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">Lecciones Escritas

                                        </div>

                                        <!-- LAYER NR. 4 -->

                                        <div class="tp-caption home-h1   tp-resizeme rs-parallaxlevel-9" id="slide-2-layer-2" data-x="450" data-y="260" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e :Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">especialmente para ti

                                        </div>

                                        <!-- LAYER NR. 5 -->

                                        <div class="tp-caption home-general-font   tp-resizeme rs-parallaxlevel-9 none-visible-mobile" id="slide-2-layer-22" data-x="450" data-y="330" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-responsive_offset="on" style="z-index: 9;border-color:rgba(0, 0, 0, 1.00);"><img src="pic/revslider/general/slider_devider.png" alt="" width="300" height="8" data-ww="300px" data-hh="8px" data-no-retina>

                                        </div>

                                       

                                        <!-- LAYER NR. 8 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-9" id="slide-2-layer-6" data-x="10" data-y="181" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" style="z-index: 12;"><img src="imgpri/jesus1.png" alt="" width="459" height="501" data-ww="459px" data-hh="501px" data-no-retina>

                                        </div>

                                    </li>

                                    <!-- SLIDE  -->

                                    <li data-index="rs-3" data-transition="random,fade" data-slotamount="7,7" data-easein="default,default" data-easeout="default,default" data-masterspeed="300,500" data-thumb="img/dots-pattern-100x50.png" data-rotate="0,0" data-saveperformance="off" data-title="Slide" data-description="">

                                        <!-- MAIN IMAGE -->

                                        <img src="img/dots-pattern.png" alt="" width="43" height="24" data-bgposition="center center" data-bgfit="normal" data-bgrepeat="repeat" data-bgparallax="1" class="rev-slidebg" data-no-retina>

                                        <!-- LAYERS -->

                                        <!-- LAYER NR. 2 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-10" id="slide-3-layer-23" data-x="center" data-hoffset="" data-y="bottom" data-voffset="10" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="570" data-responsive_offset="on" style="z-index: 6;"><img src="pic/revslider/general/objects.png" alt="" width="1859" height="491" data-ww="1859px" data-hh="491px" data-no-retina>

                                        </div>

                                        <!-- LAYER NR. 3 -->

                                        <div class="tp-caption home-h2   tp-resizeme rs-parallaxlevel-9" id="slide-3-layer-1" data-x="750" data-y="213" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e :Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap;">Aprender es

                                        </div>

                                        <!-- LAYER NR. 4 -->

                                        <div class="tp-caption home-h1   tp-resizeme rs-parallaxlevel-9" id="slide-3-layer-2" data-x="750" data-y="276" data-width="['auto']" data-height="['auto']" data-transform_idle="o:1;" data-transform_in="y:50px;z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e :Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 8; white-space: nowrap;">Divertido

                                        </div>

                                        <!-- LAYER NR. 5 -->

                                        <div class="tp-caption home-general-font   tp-resizeme rs-parallaxlevel-9 none-visible-mobile" id="slide-3-layer-22" data-x="750" data-y="345" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="auto:auto;s:300;" data-start="500" data-responsive_offset="on" style="z-index: 9;border-color:rgba(0, 0, 0, 1.00);"><img src="pic/revslider/general/slider_devider.png" alt="" width="300" height="8" data-ww="300px" data-hh="8px" data-no-retina>

                                        </div>

                                      

                                        <!-- LAYER NR. 7 -->

                                        <div class="tp-caption   tp-resizeme rs-parallaxlevel-8" id="slide-3-layer-7" data-x="" data-y="184" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-transform_idle="o:1;" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;s:300;" data-start="500" data-responsive_offset="on" style="z-index: 11;"><img src="imgpri/jesus3.png" alt="" width="587" height="487" data-ww="587px" data-hh="487px" data-no-retina>

                                        </div>

                                       

                                    </li>

                                </ul>

                                <div class="tp-static-layers">

                                </div>

                                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>

                            </div>

                        </div>

                        <!-- END REVOLUTION SLIDER -->

                    </div>

                    <!-- / slider and menu container -->

                    <div class='benefits_area wave'>

                        <!-- canvas -->

                        <div class='cloud_wrapper'>

                            <canvas class='cloud' data-bg-color='#f9e8b2' data-line-color='#ffffff' data-pattern-src='img/dots-pattern.png'></canvas>

                        </div>

                        <!-- / canvas -->

                        <div class='container'>

                            <!-- benefits container -->

                            <div class='benefits_container'>

                                <!-- benefits item -->

                                <div class="cws-widget">

                                    <div class="widget-title">

                                        <div class='widget_title_box'>

                                            <div class='widget_title_icon_section'><img src='img/games-304vqrsdsyjt42zxc5ydxm.png' data-at2x='img/games-304vqrsdsyjt42zxc5ydxm@2x.png' alt /></div>

                                            <div class='widget_title_text_section'>Lección 1-4</div>

                                        </div>

                                    </div>

                                    <div class='cws_textwidget_content'>

                                        <div class='text'>Desde la primera hasta la cuarta lección se nos habla de la relación con los demás dentro de la familia de Dios.</div>

                                        <!--<div class='link'><a href='#' class='cws_button small'>More</a></div>-->

                                    </div>

                                </div>

                                <!-- / benefits item -->

                                <!-- benefits item -->

                                <div class="cws-widget">

                                    <div class="widget-title">

                                        <div class='widget_title_box'>

                                            <div class='widget_title_icon_section'><img src='img/activities-304vqs1fhfe8b8ybbneakq.png' data-at2x='img/activities-304vqs1fhfe8b8ybbneakq@2x.png' alt /></div>

                                            <div class='widget_title_text_section'>Lección 5-8</div>

                                        </div>

                                    </div>

                                    <div class='cws_textwidget_content'>

                                        <div class='text'>Desde la quinta hasta la octava lección se nos ayuda a comprender

                                            <br> cómo debemos adorar a Dios.</div>

                                        <!--<div class='link'><a href='#' class='cws_button small'>More</a></div>-->

                                    </div>

                                </div>

                                <!-- / benefits item -->

                                <!-- benefits item -->

                                <div class="cws-widget">

                                    <div class="widget-title">

                                        <div class='widget_title_box'>

                                            <div class='widget_title_icon_section'><img src='img/education-304vqs5ybpxf691gt0t7nu.png' data-at2x='img/education-304vqs5ybpxf691gt0t7nu@2x.png' alt /></div>

                                            <div class='widget_title_text_section'>Lección 9-13</div>

                                        </div>

                                    </div>

                                    <div class='cws_textwidget_content'>

                                        <div class='text'>Desde la novena hasta la décimo tercera lección enfoca la atención en el don de la gracia de Dios dirigido a nosotros.

                                        </div>

                                        <!--<div class='link'><a href='#' class='cws_button small'>More</a></div>-->

                                    </div>

                                </div>

                                <!-- / benefits item -->

                            </div>

                            <!-- / benefits container -->

                        </div>

                    </div>

                    <!-- canvas -->

                    <div class="cloud_wrapper">

                        <canvas class="white_cloud"></canvas>

                    </div>

                    <!-- / canvas -->

                    <!-- main container -->

                    <div id="main" class="site-main">

                        <div class="page_content">

                            <!-- pattern conatainer / -->

                            <div class='left-pattern pattern pattern-2'></div>

                            <main>

                                <!-- section -->

                                <div class='grid_row clearfix' style='padding-top: 30px;'>

                                    <div class='grid_col grid_col_8'>

                                        <!-- about us -->

                                        <div class='ce clearfix'>

                                            <div>

                                                <h3 class="ce_title">Un mensaje para  <span >los padres</span></h3>

                                                <p>Todas las GUÍAS DE ESTUDIO DE LA BIBLIA PARA PRIMARIOS ofrecen oportunidades para ayudar a su hijo a aprender a usar la Biblia; a saber que lo que estudia proviene de la Palabra de Dios. Estas lecciones emocionantes de la Biblia conectan la gracia asombrosa de Dios a la vida diaria de su hijo. Sin embargo, lo necesitan a usted para llevarlas a la práctica en su hogar, reafirmando la lección ya presentada en la Escuela Sabática.Planifique ahora el tiempo que dedicará para el estudio diario con su hijo. Durante el culto familiar lean juntos las lecciones y disfruten junto con ellos al hacer las actividades basadas en la Biblia.Todo el currículum ESLABONES DE GRACIA se desarrolla en torno a cuatro importantes conceptos:</p>

                                                <ul class="checkmarks_style">

                                                    <li>Gracia.</li>

                                                    <li>Adoración.</li>

                                                    <li>Comunidad.</li>

                                                    <li>Servicio.</li>

                                                </ul>

                                                 <!-- <a href='page-about-us.html' class='cws_button small'>More About Us</a>-->

                                            </div>

                                        </div>

                                        <!-- / about us

                                    </div>

                                    <div class='grid_col grid_col_4'>

                                        <div class='ce clearfix'>

                                            <div><img class="noborder alignnone image-type size-full" src="http://placehold.it/1000x1000" alt="kid_playing" width="385" height="373" /></div>

                                        </div>

                                    </div>

                                </div>-->

                                <!-- / section -->

                                <!-- divider -->

                                <div class='grid_row clearfix'>

                                    <div class='grid_col grid_col_12'>

                                        <div class='ce clearfix'>

                                            <div>

                                                <hr>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                               

                                <!-- / gallery section -->

                                <!-- section -->

                                <div class='grid_row clearfix' style='padding-top: 50px;padding-bottom: 50px;'>

                                    <div class='grid_col grid_col_12'>

                                        <div class='ce clearfix'>

                                            <div class='cws_callout'>

                                                <div class='content_section'>

                                                    <div class='callout_title'>

                                                        <div class="bees bees-end"><span></span></div>Queridos amigos primarios</div>

                                                    <div class='separate'></div>

                                                    <div class='callout_text'>

                                                        <p>Estas lecciones de Escuela Sabática han sido escritas especialmente para ustedes por personas que se interesan en que sepan más de Dios y de su amor. Dios los ama y quiere que ustedes lo sepan. Jesús desea que lo conozcan y sepan todo lo relacionado con él para que lleguen a ser sus amigos o amigas para siempre.

                                                            <br /> Oramos para que Dios tenga siempre un lugar especial en sus corazones.</p>

                                                    </div>

                                                </div>

                                                <div class='button_section'><a href='#' class='cws_button xlarge'>Los Editores<div class='button-shadow'></div></a></div>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                                <!-- / section -->

                            </main>

                            <!-- pettaren container / -->

                            <div class='right-pattern pattern pattern-2'></div>

                            <!-- footer image container / -->

                            <div class="footer_image"></div>

                        </div>

                        <!-- svg filter -->

                        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" style='display:none;'>

                            <defs>

                                <filter id="goo">

                                    <feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur" />

                                    <feColorMatrix in="blur" type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />

                                    <feComposite in="SourceGraphic" in2="goo" operator="atop" />

                                </filter>

                            </defs>

                        </svg>

                        <!-- / svg filter -->

                    </div>

                    <!-- #main -->

                    <!-- footer -->

                    <div class='footer_wrapper_copyright'>

                        <!-- canvas -->

                        <div class='half_sin_wrapper'>

                            <canvas class='half_sin' data-bg-color='23,108,129' data-line-color='23,108,129'></canvas>

                        </div>

                        <!-- / canvas -->

                        <footer class='page_footer'>

                            <div class='container'>

                                <div class='footer_container'>

                                   

                                             

                                    <div class="cws-widget">

                                        <div class="widget-title">Envia tu mensaje</div>

                                        <div class="textwidget">

                                            <div role="form" class="cf" id="cf-f1705-o1" lang="en-US" dir="ltr">

                                                <!-- <div class="screen-reader-response"></div> -->

                                                <form action="php/contacts-process.php" method="post" class="cf-form contact-form" novalidate="novalidate">

                                                    <p><span class="cf-form-control-wrap your-name"><input type="text" name="Nombre" value="" size="60" class="" aria-required="true" aria-invalid="false" placeholder="Nombre" /></span></p>

                                                    <p><span class="cf-form-control-wrap your-email"><input type="email" name="email" value="" size="60" class="" aria-required="true" aria-invalid="false" placeholder="E-mail" /></span></p>

                                                    <p><span class="cf-form-control-wrap your-message"><textarea name="Mensaje" cols="39" rows="6" class="" aria-invalid="false" placeholder="Mensaje"></textarea></span></p>

                                                    <p>

                                                        <input type="submit" value="Enviar" class="cf-form-control cf-submit" />

                                                    </p>

                                                </form>

                                                <div class="email_server_responce"></div>

                                            </div>

                                        </div>

                                    </div>

                                    <!-- / contact form -->

                                </div>

                            </div>

                        </footer>

                        <!-- copyright -->

                        <div class='copyrights_area'>

                            <!-- canvas -->

                            <div class='half_sin_wrapper'>

                                <canvas class='footer_half_sin' data-bg-color='14,64,77' data-line-color='14,64,77'></canvas>

                            </div>

                            <!-- / canvas -->

                            <div class='container'>

                                <div class='copyrights_container'>

                                    <div class='copyrights'>Copyrights ©2017: Aplicación para Trabajo de Grado IUTAJS</div>

                                    <div class='copyrights_panel'>

                                        <div class='copyrights_panel_wrapper'>

                                            <div class="lang_bar">

                                               

                                            </div>

                                            <div class='cws_social_links'><a href='http://twitter.com/' class='cws_social_link' title='Twitter'><i class='share-icon fa fa-twitter'></i></a><a href='http://facebook.com' class='cws_social_link' title='Facebook'><i class='share-icon fa fa-facebook'></i></a><a href='http://dribbble.com' class='cws_social_link' title='Dribbble'><i class='share-icon fa fa-dribbble'></i></a><a href='https://plus.google.com/' class='cws_social_link' title='Google'><i class='share-icon fa fa-google-plus'></i></a></div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <!-- / copyright -->

                    </div>

                </div>

                <!-- #page -->

                <div class='scroll_top animated'></div>

                <div id="lang_sel_footer">

                    <ul>

                        <li>

                          

                    --></ul>

                </div>

                <script type='text/javascript' src='js/retina_1.3.0.js'></script>

                <script type='text/javascript' src='js/modernizr.js'></script>

                <script type='text/javascript' src='js/owl.carousel.js'></script>

                <script type='text/javascript' src='js/TweenMax.min.js'></script>

                <script type='text/javascript' src='js/jquery.isotope.min.js'></script>

                <script type='text/javascript' src='js/jquery.fancybox.js'></script>

                <script type='text/javascript' src='js/select2.min.js'></script>

                <script type='text/javascript' src='js/wow.min.js'></script>

                <script type='text/javascript' src='js/jquery.validate.min.js'></script>

                <script type='text/javascript' src="js/jquery.form.min.js"></script>

                <script type='text/javascript' src='js/scripts.js'></script>

                <script type='text/javascript' src="js/jquery.tweet.js"></script>

            </body>

             

             

            </html>