API tools faq
paste
Advertisement
mstranieri

Html Freemarker

mstranieri
Nov 26th, 2014
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.99 KB | None | 0 0
raw download clone embed print report
  1. <@template.extend file="/templates/mobile.ftl">
  2.     <@template.block name="content" >
  3.         <@pages.use>
  4.        
  5.         <#include "../../commons/mobile/header.ftl">
  6.        
  7.         <div id="wrapper">
  8.            
  9.                 <!-- HELLO SECTION -->
  10.                
  11.                 <section id="hello">
  12.                
  13.                 <!--  menu-fixer class for the header. Should always be present when header is set to "solid-header". Delete it when you use "transparent-header" or "no-header" classes for the header  -->
  14.             <!--    <div class="menu-fixer"></div> -->
  15.            
  16.                     <div class="fullscreenbanner-container">
  17.                         <div class="fullscreenbanner">
  18.                             <ul>
  19.  
  20.                                 <@inplace.componentList key="slider" valid=["mobile/slider"] initial=["mobile/slider"] min=1 />
  21.  
  22.                             </ul>
  23.                             <!-- Slider Timer Banner-->
  24.                             <!--<div class="tp-bannertimer"></div>-->
  25.                            
  26.                       </div>   
  27.                     </div>
  28.                 </section> 
  29.                
  30.                 <!-- ABOUT SECTION -->
  31.                 <section id="cantina"> 
  32.                    
  33.                     <div class="double-space"></div>   
  34.                     <div class="centered-wrapper">
  35.                        
  36.                         <h1 class="section-title"><@inplace.text key="cantina">Cantina</@inplace.text></h1>
  37.                         <!--            <h2 class="section-tagline">Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse</h2> -->
  38.                        
  39.                         <div class="space"></div>
  40.                    
  41.                         <div class="team">
  42.                        
  43.                             <@inplace.componentList key="teamList" valid=["mobile/team"] initial=["mobile/team"] min=1 />
  44.    
  45.                         </div><!--end team-->  
  46.                        
  47.                        
  48.                         <div class="double-space"></div>
  49.                     </div>
  50.                 </section><!--end centered-wrapper-->
  51.                
  52.                 <!-- QUOTE SECTION -->
  53.                 <section class="parallax-section" id="quote">
  54.                     <div class="darker-overlay">   
  55.                         <section class="centered-wrapper">
  56.                             <div class="double-space"></div>
  57.                            
  58.             <!--                <h2 class="parallax-quote">ARGIOLAS Turriga Isola dei Nuraghi 2008: <br>
  59.                               "<em>Unquestionably Italy’s best wine region of 2013.</em>"</h2>   
  60.                             <span class="quote-author">James Suckling, "<em>Tasting Report: Top 100 New-Release Italian Wines in 2013</em>" </span>
  61.              -->               
  62.                             <div class="double-space"></div>
  63.                         </section> 
  64.                     </div>
  65.                 </section>     
  66.                
  67.                 <!-- WORK SECTION -->
  68.                 <section id="vini">
  69.                
  70.                     <div class="double-space"></div>
  71.                    
  72.                     <h1 class="section-title box fadeInDown"><@inplace.text key="viniTitle">Vini</@inplace.text></h1>
  73.                    
  74.                     <div class="space"></div>
  75.                    
  76.                     <section id="options">
  77.                         <ul id="filters" class="option-set clearfix" data-option-key="filter">
  78.                             <li><a href="#filter" data-option-value="*" class="selected active"><@inplace.text key="vini2">Tutti</@inplace.text></a></li>
  79.                             <li><a href="#filter" data-option-value=".prestigio"><@inplace.text key="vini3">Linea prestigio</@inplace.text></a></li>
  80.                             <li><a href="#filter" data-option-value=".tradizione"><@inplace.text key="vini4">Linea tradizione</@inplace.text></a></li>
  81.                             <li><a href="#filter" data-option-value=".altri"><@inplace.text key="vini5">Altri prodotti</@inplace.text></a></li>
  82.                         </ul>          
  83.                     </section>     
  84.                    
  85.                     <div class="space"></div>  
  86.            
  87.                     <ul class="portfolio grid box fadeInUp">
  88.                        
  89.                         <#assign vini = argiolasServiceHelper.getAllVini() />
  90.                        
  91.                         <#list vini as vino>
  92.                             ${vino.title} <br />
  93.                        
  94.                         </#list>
  95.                        
  96.                        
  97.                         <#--
  98.                             <@inplace.componentList key="viniList" valid=["mobile/vini"] initial=["mobile/vini"] min=1 />
  99.                         -->
  100.                                                                                
  101.                     </ul>  
  102.                    
  103.                     <div class="clear"></div>
  104.                     <div class="double-space"></div>
  105.                 </section>     
  106.            
  107.                 <!-- SERVICES SECTION -->
  108.                 <section class="parallax-section" id="ospitalita">
  109.                     <div class="lighter-overlay">  
  110.                
  111.                         <section class="centered-wrapper"> 
  112.                    
  113.                             <div class="double-space"></div>
  114.                            
  115.                             <h1 class="section-title"><@inplace.text key="ospitalitaTitle">Ospitalit&agrave;</@inplace.text></h1>
  116.                            
  117.                             <div class="space"></div>
  118.                            
  119.                             <ul class="homepage-services box fadeInUp">
  120.    
  121.                                 <@inplace.componentList key="ospitalita" valid=["mobile/ospitalita"] initial=["mobile/ospitalita"] min=1 max=4 />
  122.            
  123.                             </ul>
  124.                            
  125.                             <div class="double-space"></div>
  126.                        
  127.                         </section>
  128.                     </div>
  129.                 </section>
  130.            
  131.                 <!-- TESTIMONIALS SECTION -->
  132.                 <section id="news" class="clear">
  133.                     <section class="centered-wrapper">
  134.                         <div class="double-space"></div>
  135.                        
  136.                         <h1 class="section-title"><@inplace.text key="newsTitle">News</@inplace.text></h1> 
  137.                         <div class="space"></div>
  138.                        
  139.                         <div class="testimonials-carousel">
  140.                             <div id="owl-testimonials" class="owl-carousel box fadeInDown">
  141.                            
  142.                                 <@inplace.componentList key="news" valid=["mobile/news"] initial=["mobile/news"] min=1 max=10 />       
  143.    
  144.                             </div>
  145.                         </div><!--end carousel-->  
  146.                         <div class="double-space"></div>
  147.                     </section>
  148.                 </section>
  149.                
  150.                 <!-- CLIENTS SECTION -->
  151.                 <!--
  152.                 <section id="clients"> 
  153.                     <section class="centered-wrapper">
  154.                         <div class="double-space"></div>
  155.                        
  156.                         <h1 class="section-title">Clients</h1> 
  157.                         <div class="space"></div>
  158.                        
  159.                         <div class="clients-carousel">
  160.                             <div id="owl-clients" class="owl-carousel box fadeInDown">     
  161.                                 <div class="client-item">
  162.                                     <a href="#">
  163.                                         <img src="/mobile/images/clients/brilliant.png" alt="" />
  164.                                     </a>
  165.                                 </div>
  166.                                 <div class="client-item">
  167.                                     <a href="#">
  168.                                         <img src="/mobile/images/clients/diagblock.png" alt="" />
  169.                                     </a>
  170.                                 </div>
  171.                                 <div class="client-item">
  172.                                     <a href="#">
  173.                                         <img src="/mobile/images/clients/goodwaves.png" alt="" />
  174.                                     </a>
  175.                                 </div>
  176.                                 <div class="client-item">
  177.                                     <a href="#">
  178.                                         <img src="/mobile/images/clients/homeenergy.png" alt="" />
  179.                                     </a>
  180.                                 </div>
  181.                                 <div class="client-item">
  182.                                     <a href="#">
  183.                                         <img src="/mobile/images/clients/spectrum.png" alt="" />
  184.                                     </a>
  185.                                 </div>
  186.                                 <div class="client-item">
  187.                                     <a href="#">
  188.                                         <img src="/mobile/images/clients/videosms.png" alt="" />
  189.                                     </a>
  190.                                 </div>                 
  191.                             </div>
  192.                         </div>
  193.                         <div class="double-space"></div>
  194.                     </section>
  195.                 </section>     
  196.                 -->
  197.            
  198.  
  199.                 <@inplace.componentList key="formPrenotazione" valid=["mobile/form"] initial=["mobile/form"] min=1 max=1 />
  200.  
  201.                
  202.                 <!-- CONTACT SECTION -->
  203.                 <section class="parallax-section" id="contatti">
  204.                     <div class="darker-overlay">
  205.                     <section class="centered-wrapper">
  206.                         <div class="double-space"></div>
  207.                        
  208.                         <@inplace.text tag="h1" key="contatti1" class="section-title">Contatti</@inplace.text>
  209.                         <div class="percent-one-half box fadeInLeft">
  210.                             <h3 class="title-bg"><span><@inplace.text key="contatti2">Contatti</@inplace.text></span></h3>
  211.                             <ul class="contact-info">
  212.                                 <li><i class="fa fa-map-marker"></i><@inplace.text key="contatti3">Via Roma, 28/30 - 09040 Serdiana (CA) SARDEGNA, ITALIA</@inplace.text></li>
  213.                                 <li><i class="fa fa-phone"></i><@inplace.text key="contatti4">+39 070 740606 fax +39 070 743264</@inplace.text></li>
  214.                                 <li><i class="fa fa-envelope"></i><@inplace.richtext key="contatti5"><a href="mailto:info@argiolas.it">info@argiolas.it</a></@inplace.richtext></li>
  215.                                 <li><i class="fa fa-globe"></i><@inplace.richtext key="contatti6"><a href="/">www.argiolas.it</a></@inplace.richtext></li>
  216.                                 <li><i class="fa fa"><img src="/mobile/images/twitter.jpg"></i><@inplace.richtext key="contatti7"><a href="http://www.twitter.com/argiolaswinery" target="_blank">twitter.com/argiolaswinery</a></@inplace.richtext></li>
  217.                                 <li><i class="fa fa"><img src="/mobile/images/facebook.jpg" ></i><@inplace.richtext key="contatti8"><a href="http://www.facebook.com/argiolaswinery" target="_blank">facebook.com/argiolaswinery</a></@inplace.richtext></li>
  218.                                 <li><i class="fa fa"><img src="/mobile/images/pinterest.png" ></i><@inplace.richtext key="contatti9"><a href="http://www.pinterest.com/argiolaswinery" target="_blank">pinterest.com/argiolaswinery</a></@inplace.richtext></li>
  219.                             </ul>
  220.                         </div>
  221.                        
  222.                         <div class="double-space"></div>
  223.                     </section>
  224.                     </div>
  225.                 </section>
  226.                
  227.                 <!-- GOOGLE MAP CONTROLS -->
  228.                 <a class="button-map close-map"><span><@inplace.text key="come-arrivare">Come arrivare - Guarda la mappa</@inplace.text></span></a>
  229.                 <div id="google_map"></div>
  230.            
  231.            
  232.                
  233.                 <#if !inplace.editMode>
  234.                     <!-- GOOGLE MAPS -->
  235.                     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>     
  236.                     <script type="text/javascript" src="/mobile/js/custom-map.js"></script>
  237.                
  238.                
  239.                     <script type="text/javascript">
  240.                         $( document ).ready(function() {
  241.                             $( ".team" ).find(".percent-one-third").last().addClass("column-last");
  242.                         });
  243.                     </script>
  244.                 </#if>
  245.                
  246.                 <#include "../../commons/mobile/footer.ftl">
  247.                
  248.             </div>
  249.             </@pages.use>
  250.     </@template.block>
  251. </@template.extend>
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!