API tools faq
paste
Advertisement
pastebinlg

Index - opusglass

pastebinlg
Jun 24th, 2015
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.79 KB | None | 0 0
raw download clone embed print report
  1. <?php require_once( 'couch/cms.php' ); ?>
  2. <cms:template >
  3. <cms:embed 'lang_getter.html' />
  4. <cms:template title='Opusglass' />
  5.     <cms:editable name='paralax_images' label='Paralaksy' desc='Wszystkie grafiki paralaksy' type='group' />
  6.     <cms:editable name='paralax_1' show_preview='1'
  7.        crop='1'
  8.        width='1920'
  9.        type='image'
  10.        label='Grafika paralaksy nr 1'
  11.        desc='Należy dodać grafikę o szerokości 1920 i wysokości min 500px'
  12.        group='paralax_images'
  13.        preview_height='250'
  14.    />
  15.     <cms:editable name='paralax_2' show_preview='1'
  16.        crop='1'
  17.        width='1920'
  18.        type='image'
  19.        label='Grafika paralaksy nr 2'
  20.        desc='Należy dodać grafikę o szerokości 1920 i wysokości min 500px'
  21.        group='paralax_images'
  22.        preview_height='250'
  23.    />
  24.     <cms:editable name='paralax_3' show_preview='1'
  25.        crop='1'
  26.        width='1920'
  27.        type='image'
  28.        label='Grafika paralaksy nr 3'
  29.        desc='Należy dodać grafikę o szerokości 1920 i wysokości min 500px'
  30.        group='paralax_images'
  31.        preview_height='250'
  32.    />
  33.     <cms:editable name='paralax_4' show_preview='1'
  34.        crop='1'
  35.        width='1920'
  36.        type='image'
  37.        label='Grafika paralaksy nr 3'
  38.        desc='Należy dodać grafikę o szerokości 1920 i wysokości min 500px'
  39.        group='paralax_images'
  40.        preview_height='250'
  41.    />
  42.     <cms:editable
  43.         name='map_link'
  44.         label='Jak dojechać'
  45.         desc='Link do mapy z siedzibą firmy'
  46.         type='text'
  47.         width='200' >
  48.     </cms:editable>
  49.     <cms:editable
  50.         name='facebook_link'
  51.         label='Facebook'
  52.         desc='Link do strony'
  53.         type='text'
  54.         >
  55.     </cms:editable>
  56.     <cms:editable
  57.         name='pinterest_link'
  58.         label='Pinterest'
  59.         desc='Link do strony'
  60.         type='text'
  61.         >
  62.     </cms:editable>
  63.     <cms:editable
  64.         name='youtube_link'
  65.         label='Youtube'
  66.         desc='Link do strony'
  67.         type='text'
  68.         >
  69.     </cms:editable>
  70.     <cms:editable
  71.         name='gplus_link'
  72.         label='Google plus'
  73.         desc='Link do strony'
  74.         type='text'
  75.         >
  76.     </cms:editable>
  77.     <cms:editable
  78.         name='email_link'
  79.         label='Adres email'
  80.         desc='Podaj adres email który wyświela się na widoku mobilnym w dziale kontakt'
  81.         type='text'
  82.         >
  83.     </cms:editable>
  84.     <cms:editable
  85.         name='phone_link'
  86.         label='nr telefonu'
  87.         desc='Podaj nr telefonu który wyświela się na widoku mobilnym w dziale kontakt w formacie (xxxXXXxxx)'
  88.         type='text'
  89.         >
  90.     </cms:editable>
  91. </cms:template>
  92. <!DOCTYPE html>
  93. <html lang="en" xmlns="http://www.w3.org/1999/xhtml"
  94.      xmlns:og="http://ogp.me/ns#"
  95.      xmlns:fb="http://www.facebook.com/2008/fbml">
  96. <head>
  97. <cms:embed 'head.inc' />
  98.     <link rel="stylesheet" href="styles/main.css">
  99.     <link rel="stylesheet" href="styles/webfont.css">
  100.     <link rel="stylesheet" href="styles/animate.css">
  101.     <link rel="stylesheet" href="styles/magnific-popup.css">
  102.     <link rel="stylesheet" href="styles/font-awesome.min.css">
  103.     <script src="js/parallax.min.js"></script>
  104.     <script src="js/jQuery.scrollSpeed.js"></script>
  105.     <script src="js/wow.min.js"></script>
  106.     <script src="js/jquery.magnific-popup.min.js"></script>
  107.     <script src="js/contact.js"></script>
  108.     <script src="js/cheet.min.js"></script>
  109.     <script src="js/main.js"></script>
  110. </head>
  111. <body>
  112.     <a id="home"></a>
  113.     <header>
  114.         <div class="logo"></div>
  115.         <span class="wow fadeInUp"><span class="special">Opus</span>glass <span class="dot">.pl</span></span>
  116.         <ul class="main_menu">
  117.             <cms:embed 'menu.html' />
  118.         </ul>
  119.     </header>
  120.     <!-- First section with header -->
  121.     <div class="big_image" data-parallax="scroll" data-image-src="<cms:show paralax_1 />">
  122.     </div>
  123.     <!-- First section -->
  124.     <div class="section_wrapper m-mt40">
  125.         <div class="row" row-number='1'>
  126.         <cms:pages masterpage='about.php'>
  127.             <div class="section_name tr">
  128.                 <a id="onas"></a>
  129.                 <cms:if my_lang='pl'><h1><span class="special">O</span> nas</h1></cms:if>
  130.                 <cms:if my_lang='en'><h1><span class="special">A</span> bout us</h1></cms:if>
  131.                 <cms:if my_lang='de'><h1><span class="special">U</span> ber uns</h1></cms:if>
  132.                
  133.             </div>
  134.             <div class="half_box text tr" rel="left">
  135.             <div class="section_name tr show--medium">
  136.                 <a id="onas"></a>
  137.                     <cms:if my_lang='pl'><h1><span class="special">O</span> nas</h1></cms:if>
  138.                     <cms:if my_lang='en'><h1><span class="special">A</span> bout us</h1></cms:if>
  139.                     <cms:if my_lang='de'><h1><span class="special">U</span> ber uns</h1></cms:if>
  140.             </div>
  141.                 <p>
  142.                 <cms:if my_lang='pl'><cms:show aboutus_content /></cms:if>
  143.                 <cms:if my_lang='en'><cms:show aboutus_content_en /></cms:if>
  144.                 <cms:if my_lang='de'><cms:show aboutus_content_de /></cms:if>
  145.                 </p>
  146.                 <a href="#onas-more" rel="noanimate" class="btn open-popup-link fr">
  147.                     <cms:if my_lang='pl'>Czytaj więcej</cms:if>
  148.                     <cms:if my_lang='en'>Read more</cms:if>
  149.                     <cms:if my_lang='de'>Weiterlesen</cms:if>
  150.                 </a>
  151.             </div>
  152.             <div class="half_box image" style="background-image:url('<cms:show main_photo_thumb />')" rel="right">
  153.                 <div class="read_more">
  154.                     <a href="<cms:show main_photo />" title="<cms:show main_photo_title />" data-group='1' class="btn gallery">
  155.                         <cms:if my_lang='pl'>Zobacz więcej</cms:if>
  156.                         <cms:if my_lang='en'>See more</cms:if>
  157.                         <cms:if my_lang='de'>mehr sehen</cms:if>
  158.                     </a>
  159.                     <div class="gallery_items">
  160.                     <cms:show_repeatable 'gallery_images' >
  161.                         <a href="<cms:show gallery_photo />" class="gallery"  data-group='1' title="<cms:if my_lang='pl'><cms:show photo_title /></cms:if><cms:if my_lang='en'><cms:show photo_title_en /></cms:if><cms:if my_lang='de'><cms:show photo_title_de /></cms:if>"></a>
  162.                     </cms:show_repeatable>
  163.                     </div>
  164.                 </div>
  165.             </div>
  166.             </cms:pages>
  167.         </div>
  168.         <div class="row" row-number='2'>
  169.             <cms:pages masterpage='offer.php'>
  170.             <div class="section_name tl">
  171.                 <a id="oferta"></a>
  172.                 <cms:if my_lang='pl'><h2>OFER<span class="special">TA</span></h2></cms:if>
  173.                 <cms:if my_lang='en'><h2>OF<span class="special">FER</span></h2></cms:if>
  174.                 <cms:if my_lang='de'><h2>OFFER<span class="special">TE</span></h2></cms:if>
  175.             </div>
  176.             <div class="half_box image" style="background-image:url('<cms:show main_photo_thumb />')" data-wow-duration="1.5s" rel="left">
  177.                 <div class="read_more">
  178.                     <a href="<cms:show main_photo />" data-group='2' class="btn gallery" title="<cms:show main_photo_title />">
  179.                         <cms:if my_lang='pl'>Zobacz więcej</cms:if>
  180.                         <cms:if my_lang='en'>See more</cms:if>
  181.                         <cms:if my_lang='de'>mehr sehen</cms:if>
  182.                     </a>
  183.                     <div class="gallery_items">
  184.                     <cms:show_repeatable 'gallery_images' >
  185.                         <a href="<cms:show gallery_photo />" class="gallery"  data-group='2' title="<cms:if my_lang='pl'><cms:show photo_title /></cms:if><cms:if my_lang='en'><cms:show photo_title_en /></cms:if><cms:if my_lang='de'><cms:show photo_title_de /></cms:if>"></a>
  186.                     </cms:show_repeatable>
  187.                     </div>
  188.                 </div>
  189.             </div>
  190.             <div class="half_box text tl" data-wow-duration="1.5s" rel="right">
  191.             <div class="section_name tl show--medium">
  192.                 <a id="oferta"></a>
  193.                 <cms:if my_lang='pl'><h2>OFER<span class="special">TA</span></h2></cms:if>
  194.                 <cms:if my_lang='en'><h2>OF<span class="special">FER</span></h2></cms:if>
  195.                 <cms:if my_lang='de'><h2>OFFER<span class="special">TE</span></h2></cms:if>
  196.             </div>
  197.             <p>
  198.                 <cms:if my_lang='pl'><cms:show offer_content /></cms:if>
  199.                 <cms:if my_lang='en'><cms:show offer_content_en /></cms:if>
  200.                 <cms:if my_lang='de'><cms:show offer_content_de /></cms:if>
  201.             </p>
  202.                 <a href="#offer-more" rel="noanimate" class="btn open-popup-link">
  203.                     <cms:if my_lang='pl'>Zastosowanie</cms:if>
  204.                     <cms:if my_lang='en'>What we're do</cms:if>
  205.                     <cms:if my_lang='de'>Anwendung</cms:if></a>
  206.             </div>
  207.            </cms:pages>
  208.         </div>
  209.     </div>
  210.     <div class="big_image m-mt40" data-parallax="scroll" data-image-src="<cms:show paralax_2 />">
  211.     </div>
  212.     <!-- Second section -->
  213.     <div class="section_wrapper m-mt40">
  214.         <div class="row" row-number='1'>
  215.         <cms:pages masterpage='address.php'>
  216.             <div class="section_name tr">
  217.                 <a id="adres"></a>
  218.                 <cms:if my_lang='pl'><h2><span class="special">A</span>dres</h2></cms:if>
  219.                 <cms:if my_lang='en'><h2><span class="special">Add</span>ress</h2></cms:if>
  220.                 <cms:if my_lang='de'><h2><span class="special">Adr</span>esse</h2></cms:if>
  221.                
  222.             </div>
  223.             <div class="half_box text tr" rel="left">
  224.                 <div class="section_name tr show--medium">
  225.                     <a id="adres"></a>
  226.                     <cms:if my_lang='pl'><h2><span class="special">A</span>dres</h2></cms:if>
  227.                     <cms:if my_lang='en'><h2><span class="special">Add</span>ress</h2></cms:if>
  228.                     <cms:if my_lang='de'><h2><span class="special">Adr</span>esse</h2></cms:if>
  229.                 </div>
  230.                 <cms:if my_lang='pl'><cms:show address_content /></cms:if>
  231.                 <cms:if my_lang='en'><cms:show address_content_en /></cms:if>
  232.                 <cms:if my_lang='de'><cms:show address_content_de /></cms:if>
  233.             </div>
  234.             <div class="half_box image" style="background-image:url('<cms:show main_photo_thumb />')" rel="right">
  235.                 <div class="read_more">
  236.                     <a href="<cms:show main_photo />" class="btn gallery" data-group='3' title="<cms:if my_lang='pl'><cms:show photo_title /></cms:if><cms:if my_lang='en'><cms:show photo_title_en /></cms:if><cms:if my_lang='de'><cms:show photo_title_de /></cms:if>">
  237.                         <cms:if my_lang='pl'>Zobacz więcej</cms:if>
  238.                         <cms:if my_lang='en'>See more</cms:if>
  239.                         <cms:if my_lang='de'>mehr sehen</cms:if>
  240.                     </a>
  241.                     <cms:show_repeatable 'gallery_images' >
  242.                         <a href="<cms:show gallery_photo />" class="gallery"  data-group='3' title="<cms:if my_lang='pl'><cms:show photo_title /></cms:if><cms:if my_lang='en'><cms:show photo_title_en /></cms:if><cms:if my_lang='de'><cms:show photo_title_de /></cms:if>"></a>
  243.                     </cms:show_repeatable>
  244.                 </div>
  245.             </div>
  246.             </cms:pages>
  247.         </div>
  248.     </div>
  249.  
  250.     <!-- Third section -->
  251.     <div class="big_image m-mt40 map_image" data-parallax="scroll" data-image-src="<cms:show paralax_3 />">
  252.         <div class="read_more">
  253.             <a href="<cms:show map_link />" target="_blank" class="btn">
  254.                 <cms:if my_lang='pl'>Zobacz jak dojechać</cms:if>
  255.                 <cms:if my_lang='en'>See on map</cms:if>
  256.                 <cms:if my_lang='de'>Sehen Sie, wie man</cms:if>
  257.             </a>
  258.         </div>
  259.     </div>
  260.     <div class="section_wrapper m-mt40 contact tc">
  261.         <a id="kontakt"></a>
  262.         <div class="section_name tl show--medium">
  263.             <cms:if my_lang='pl'><h2>kon<span class="special">tak</span>t</h2></cms:if>
  264.             <cms:if my_lang='en'><h2>con<span class="special">tact</span>t</h2></cms:if>
  265.             <cms:if my_lang='de'><h2>kon<span class="special">tak</span>t</h2></cms:if>
  266.         </div>
  267.         <div class="section_name tl">
  268.             <cms:if my_lang='pl'><h2>kon<span class="special">tak</span>t</h2></cms:if>
  269.             <cms:if my_lang='en'><h2>con<span class="special">tact</span>t</h2></cms:if>
  270.             <cms:if my_lang='de'><h2>kon<span class="special">tak</span>t</h2></cms:if>
  271.         </div>
  272.             <div class="row show--medium additional" rel="left">
  273.                 <a href="tel:<cms:show phone_link />" class="btn">
  274.                     <cms:if my_lang='pl'>Zadzwoń do nas</cms:if>
  275.                     <cms:if my_lang='en'>Call us</cms:if>
  276.                     <cms:if my_lang='de'>Anruf</cms:if>
  277.                 </a>
  278.             </div>
  279.             <div class="row show--medium additional" rel="left">
  280.                 <a href="mailto:<cms:show email_link />" class="btn">
  281.                 <cms:if my_lang='pl'>Napisz do nas</cms:if>
  282.                 <cms:if my_lang='en'>E-mail us</cms:if>
  283.                 <cms:if my_lang='de'>Sein</cms:if>
  284.                 </a>
  285.             </div>
  286.          <cms:embed 'contact_form.html' />
  287.     </div>
  288.     <div class="section_wrapper pb40 social">
  289.         <div class="section_name tr show--medium">
  290.             <a id="social"></a>
  291.             <h2><span class="special">soci</span>al</h2>
  292.         </div>
  293.         <div class="icon fb wow fadeInUp">
  294.             <a href="<cms:show facebook_link />" target="_blank" class=""><i class="fa fa-facebook"></i></a>
  295.         </div>
  296.         <div class="icon pinterest ml25 wow fadeInUp" data-wow-duration="1.2s">
  297.             <a href="<cms:show pinterest_link />" target="_blank" class="">
  298.                 <i class="fa fa-pinterest"></i>
  299.             </a>
  300.         </div>
  301.         <div class="icon yt ml25 wow fadeInUp" data-wow-duration="1.3s">
  302.             <a href="<cms:show youtube_link />" target="_blank" class=" ">
  303.                 <i class="fa fa-youtube">
  304.         </i>
  305.             </a>
  306.         </div>
  307.         <div class="icon gplus ml25 wow fadeInUp" data-wow-duration="1.4s">
  308.             <a href="<cms:show gplus_link />" target="_blank" class=" ">
  309.                 <i class="fa fa-google-plus">
  310.         </i>
  311.             </a>
  312.         </div>
  313.     </div>
  314.     <!-- Footer section -->
  315.     <div class="big_image m-mt40" data-parallax="scroll" data-image-src="<cms:show paralax_4 />">
  316.         <div class="goup wow fadeIn">
  317.             <span class="special">
  318.                     A
  319.                 </span>
  320.                 <cms:if my_lang='pl'><span>wróć na górę</span><span> NA ZDROWIE</span></cms:if>
  321.                 <cms:if my_lang='en'><span>back to top</span><span> CHEERS</span></cms:if>
  322.                 <cms:if my_lang='de'><span>zurück nach oben</span><span> Gesundheit</span></cms:if>
  323.             <a href="#home" class="toplink"></a>
  324.         </div>
  325.         <footer>
  326.             z <i class="fa fa-heart pulse infinite animated"></i> / <a href="">adrianratajczak.pl</a>
  327.         </footer>
  328.     </div>
  329.     <!-- O nas czytaj więcej -->
  330.     <div id="onas-more" class="white-popup mfp-hide">
  331.     <cms:pages masterpage='about.php'>
  332.         <p>
  333.         <cms:if my_lang='pl'><cms:show aboutus_more_content /></cms:if>
  334.         <cms:if my_lang='en'><cms:show aboutus_more_content_en /></cms:if>
  335.         <cms:if my_lang='de'><cms:show aboutus_more_content_de /></cms:if>
  336.         </p>
  337.     </cms:pages>
  338.        
  339.     </div>
  340.     <!-- Zastosowanie czytaj więcej -->
  341.     <div id="offer-more" class="white-popup mfp-hide">
  342.     <cms:pages masterpage='offer.php'>
  343.         <p>
  344.         <cms:if my_lang='pl'><cms:show offer_more_content /></cms:if>
  345.         <cms:if my_lang='en'><cms:show offer_more_content_en /></cms:if>
  346.         <cms:if my_lang='de'><cms:show offer_more_content_de /></cms:if>
  347.         </p>
  348.      </cms:pages>
  349.     </div>
  350.    
  351.  
  352.     <script>
  353.     var groups = {};
  354.         $('.gallery').each(function() {
  355.           var id = parseInt($(this).attr('data-group'), 10);
  356.          
  357.           if(!groups[id]) {
  358.             groups[id] = [];
  359.           }
  360.          
  361.           groups[id].push( this );
  362.         });
  363.  
  364.  
  365.         $.each(groups, function() {
  366.          
  367.           $(this).magnificPopup({
  368.               type: 'image',
  369.               closeOnContentClick: true,
  370.               closeBtnInside: false,
  371.               gallery: { enabled:true }
  372.           })
  373.          
  374.         });
  375. </script>
  376.  
  377.  
  378. </body>
  379.  
  380. </html>
  381. <?php COUCH::invoke(); ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!