templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block revoSliderCss %}
  4.     <link rel="stylesheet" type="text/css" href="{{ asset ('include/rs-plugin/css/settings.css') }}" media="screen" />
  5.     <link rel="stylesheet" type="text/css" href="{{ asset ('include/rs-plugin/css/layers.css') }}">
  6.     <link rel="stylesheet" type="text/css" href="{{ asset ('include/rs-plugin/css/navigation.css') }}">
  7. {% endblock %}
  9. {% block title %}Homepage{% endblock %}
  11. {% block recaptcha %}<script src='https://www.google.com/recaptcha/api.js'></script>{% endblock %}
  13. {% block content %}
  14.     <div class="stripe bg_th"></div>
  16.     <section id="slider" class="slider-element revslider-wrap clearfix">
  17.         <div class="slider-parallax-inner">
  18.             <div id="main_slider_wrapper" class="rev_slider_wrapper fullwidth-container"  style="padding:0px;">
  19.                 <div id="main_slider" class="rev_slider fullwidthbanner" style="display:none;" data-version="5.1.4">
  20.                     <ul>
  21.                         <li class="slide-overlay" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="{{ asset ('images/graphics/homepage/slider_1.jpg') }}" data-delay="15000"  data-saveperformance="off"  data-title="Semplifica il tuo antiriciclaggio">
  22.                         
  23.                             <img src="{{ asset ('images/graphics/homepage/slider_1.jpg') }}"  alt="kenburns6" data-bgposition="center bottom" data-bgpositionend="center top" data-kenburns="on" data-duration="25000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="140" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina>
  25.                             <div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
  26.                             data-x="middle" data-hoffset="0"
  27.                             data-y="top" data-voffset="185"
  28.                             data-fontsize="['70','70','70','40']"
  29.                             data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
  30.                             data-speed="800"
  31.                             data-start="1200"
  32.                             data-easing="easeOutQuad"
  33.                             data-splitin="none"
  34.                             data-splitout="none"
  35.                             data-elementdelay="0.01"
  36.                             data-endelementdelay="0.1"
  37.                             data-endspeed="1000"
  38.                             data-textAlign="center"
  39.                             data-endeasing="Power4.easeIn" style="z-index: 3; color: #fff; white-space: nowrap;">Gruppo EAML</div>
  41.                             <div class="tp-caption ltl tp-resizeme revo-slider-desc-text"
  42.                             data-x="middle" data-hoffset="0"
  43.                             data-y="top" data-voffset="295"
  44.                             data-fontsize="['40','40','40','10']"
  45.                             data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;s:800;e:Power4.easeOutQuad;"
  46.                             data-speed="800"
  47.                             data-lineheight="['30','30','34','26']"
  48.                             data-width="['750','750','550','360']"
  49.                             data-start="1400"
  50.                             data-easing="easeOutQuad"
  51.                             data-splitin="none"
  52.                             data-splitout="none"
  53.                             data-elementdelay="0.01"
  54.                             data-endelementdelay="0.1"
  55.                             data-endspeed="1000"
  56.                             data-textAlign="center"
  57.                             data-endeasing="Power4.easeIn" style="z-index: 3; color: #fff; max-width: 650px; white-space: normal;">Semplifica il tuo antiriciclaggio</div>
  58.                         </li>
  59.                     </ul>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     </section>
  65.     {# LA NOSTRA MISSIONE #}
  66.     <section id="mission" class="m_tb_50p">
  67.         <div class="container">
  68.             <div class="row">
  69.                 <div class="col-12">
  70.                     <h2 class="uppercase txt_a_c">La <b class="color_pr">missione</b></h2>
  71.                     <p class="font_14 l_h_35p f_w_500 txt_a_j m_b_10p"><b class="color_pr">EAML</b> - Easy Anti-Money Laundering - è un progetto sostenuto da un gruppo di professionisti ed aziende, che si prefigge come obbiettivo la <b class="color_pr">semplificazione nell'adempimento a tutti gli obblighi in materia di antiriciclaggio</b>.</p>
  72.                     <p class="font_14 l_h_35p f_w_500 txt_a_j m_b_none">Mettiti al riparo dalle <b class="color_pr">pesanti sanzioni amministrative</b> e resta aggiornato sulle modifiche che vengono apportate alla normativa, facilitando il lavoro del tuo studio.</p>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </section>
  78.     {# IL NOSTRO SOFTWARE #}
  79.     <section id="software" class="section bg_sc m_none">
  80.         <div class="container">
  81.             <div class="row justify-content-center">
  82.                 <div class="col-12 txt_a_j">
  83.                     <h2 class="uppercase color_w txt_a_c">Il <b>Software</b></h2>
  84.                     <p class="m_b_20p color_w">EAML sta realizzando un software che permette al tuo studio di creare ad aggiornare i fascicoli dei clienti in modo semplice e veloce.</p>
  85.                     <p class="m_b_20p color_w">La praticità nel estrapolare lo storico e l'individuazione di informazioni mancanti o obsolete, permettono allo studio di mantenere i dati in formato corretto e sempre aggiornati.</p>
  86.                     <div class="d-none d-md-block">
  87.                         <div class="row sw_process justify-content-center justify-content-lg-start m_none m_b_20p m_t_30p">
  88.                             <div class="sw_icon txt_a_c slideInLeft animated" data-animate="slideInLeft">
  89.                                 <img src="{{ asset('images/graphics/homepage/anagraphics.jpg') }}" alt="Anagrafica"/>
  90.                                 <p class="l_h_20p color_w">Gestione<br>Anagrafica</p>
  91.                             </div>
  92.                             <div class="sw_arrow txt_a_c">
  93.                                 <img src="{{ asset('images/graphics/homepage/arrow1.png') }}" alt="->"/>
  94.                             </div>
  95.                             <div class="sw_icon txt_a_c slideInUp animated" data-animate="slideInUp">
  96.                                 <img src="{{ asset('images/graphics/homepage/performances.jpg') }}" alt="Operazione"/>
  97.                                 <p class="l_h_20p color_w">Inserimento<br>Operazioni</p>
  98.                             </div>
  99.                             <div class="sw_arrow txt_a_c">
  100.                                 <img class="m_t_50" src="{{ asset('images/graphics/homepage/arrow2.png') }}" alt="->"/>
  101.                             </div>
  102.                             <div class="sw_icon txt_a_c slideInDown animated" data-animate="slideInDown">
  103.                                 <img src="{{ asset('images/graphics/homepage/printing.jpg') }}" alt="Documenti"/>
  104.                                 <p class="l_h_20p color_w">Stampa<br>Documenti</p>
  105.                             </div>
  106.                             <div class="sw_arrow txt_a_c">
  107.                                 <img src="{{ asset('images/graphics/homepage/arrow1.png') }}" alt="->"/>
  108.                             </div>
  109.                             <div class="sw_icon txt_a_c slideInRight animated" data-animate="slideInRight">
  110.                                 <img src="{{ asset('images/graphics/homepage/control.jpg') }}" alt="Controllo costante"/>
  111.                                 <p class="l_h_20p color_w">Controllo<br>Costante</p>
  112.                             </div>
  113.                         </div>
  114.                     </div>
  115.                     <table class="d-block d-md-none">
  116.                         <tr>
  117.                             <td class="p_10p"><img class="icon_circle" src="{{ asset('images/graphics/homepage/anagraphics.jpg') }}" alt="Anagrafica"/></td>
  118.                             <td class="p_10p color_w font_16">Gestione Anagrafica</td>
  119.                         </tr>
  120.                         <tr>
  121.                             <td class="p_10p"><img class="icon_circle" src="{{ asset('images/graphics/homepage/performances.jpg') }}" alt="Operazione"/></td>
  122.                             <td class="p_10p color_w font_16">Inserimento Operazioni</td>
  123.                         </tr>
  124.                         <tr>
  125.                             <td class="p_10p"><img class="icon_circle" src="{{ asset('images/graphics/homepage/printing.jpg') }}" alt="Documenti"/></td>
  126.                             <td class="p_10p color_w font_16">Stampa Documenti</td>
  127.                         </tr>
  128.                         <tr>
  129.                             <td class="p_10p"><img class="icon_circle" src="{{ asset('images/graphics/homepage/control.jpg') }}" alt="Controllo costante"/></td>
  130.                             <td class="p_10p color_w font_16">Controllo Costante</td>
  131.                         </tr>
  132.                     </table>
  133.                 </div>
  134.             </div>
  135.         </div>
  136.     </section>
  137.     
  138.     {# CARATTERISTICHE PRINCIPALI #}
  139.     <section id="features" class="section parallax parallax-bg nomargin notopborder" data-rellax-speed="2" style="background: url({{ asset ('images/graphics/homepage/price.jpg') }}) center center; padding: 100px 0;" data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px -200px;">
  140.         <div class="container">
  141.             <div class="row justify-content-center">
  142.                 <div class="col-12 txt_a_j">
  143.                     <h2 class="uppercase txt_a_c">Caratteristiche <b>principali</b> del software</h2>
  144.                     <div class="row">
  145.                         <div class="col-12 col-md-6">
  146.                             <ul class="iconlist m_b_none">
  147.                                 <li><i class="icon-play color_pr"></i><label>Applicazione web based con archiviazione in cloud</label></li>
  148.                                 <li><i class="icon-play color_pr"></i><label>Gestione dell'anagrafica clienti</label></li>
  149.                                 <li><i class="icon-play color_pr"></i><label>Funzione di recupero dello storico</label></li>
  150.                                 <li><i class="icon-play color_pr"></i><label>Gestione delle operazioni dei clienti</label></li>
  151.                             </ul>
  152.                         </div>
  153.                         <div class="col-12 col-md-6">
  154.                             <ul class="iconlist m_b_none">
  155.                                 <li><i class="icon-play color_pr"></i><label>Scadenziario con avvisi automatici</label></li>
  156.                                 <li><i class="icon-play color_pr"></i><label>Stampa di modelli precompilati</label></li>
  157.                                 <li><i class="icon-play color_pr"></i><label>Funzionalità di controllo costante e adeguata verifica</label></li>
  158.                                 <li><i class="icon-play color_pr"></i><label>Documentazione utile per l'adempimento della normativa</label></li>
  159.                             </ul>
  160.                         </div>
  161.                     </div>
  162.                 </div>
  163.             </div>
  164.         </div>
  165.     </section>
  167.     {# CONTATTACI #}
  168.     <section id="contact" class="m_tb_50p">
  169.         <div class="container">
  170.             <div class="row">
  171.                 <div class="col-12 col-md-5">
  172.                     <div class="row">
  173.                         <div class="col-12 txt_a_c">
  174.                             <h2 class="uppercase">Dove siamo</h2>
  175.                         </div>
  176.                     </div>
  177.                     <div class="row m_t_30p">
  178.                         <div class="col-12">
  179.                             <div class="feature-box fbox-effect">
  180.                                 <div class="fbox-icon"><a href="#"><i class="icon-map-marker1 i-alt"></i></a></div>
  181.                                 <h3>Sede</h3>
  182.                                 <p>Via Trieste 61, Vittuone (MI) - Italia</p>
  183.                             </div>
  184.                             <div class="feature-box fbox-effect m_t_30p">
  185.                                 <div class="fbox-icon"><a href="#"><i class="icon-phone3 i-alt"></i></a></div>
  186.                                 <h3>Telefono</h3>
  187.                                 <p>(+39) 348 9121397</p>
  188.                             </div>
  189.                             <div class="feature-box fbox-effect m_t_30p">
  190.                                 <div class="fbox-icon"><a href="#"><i class="icon-email i-alt"></i></a></div>
  191.                                 <h3>E-mail</h3>
  192.                                 <p><a href="mailto:info@eaml.it">info@eaml.it</a></p>
  193.                             </div>
  194.                             <div class="feature-box fbox-effect m_t_30p">
  195.                                 <div class="fbox-icon"><a href="#"><i class="icon-globe1 i-alt"></i></a></div>
  196.                                 <h3>Autovalutazione</h3>
  197.                                 <p><a href="https://www.eaml.it" target="_blank">www.eaml.it</a></p>
  198.                             </div>
  199.                         </div>
  200.                     </div>
  201.                 </div>
  202.                 <div class="col-12 col-md-7">
  203.                     <div class="row">
  204.                         <div class="col-12 txt_a_c">
  205.                             <h2 class="uppercase">Contattaci</h2>
  206.                         </div>
  207.                     </div>
  208.                     {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
  209.                         <div class="row">
  210.                             <div class="col-12 col-md-6 form-group">
  211.                                 <label>Cognome*</label>
  212.                                 <div {{ form_errors(form.surname) }}> 
  213.                                     {{ form_widget(form.surname, {'attr':{'class': 'form-control'}}) }}
  214.                                 </div>
  215.                             </div>
  216.                             <div class="col-12 col-md-6 form-group">
  217.                                 <label>Nome*</label>
  218.                                 <div {{ form_errors(form.name) }}> 
  219.                                     {{ form_widget(form.name, {'attr':{'class': 'form-control'}}) }}
  220.                                 </div>
  221.                             </div>
  222.                             <div class="col-12 form-group">
  223.                                 <label>E-mail*</label>
  224.                                 <div {{ form_errors(form.email) }}> 
  225.                                     {{ form_widget(form.email, {'attr':{'class': 'form-control'}}) }}
  226.                                 </div>
  227.                             </div>
  228.                             <div class="col-12 form-group">
  229.                                 <label>Richiesta*</label>
  230.                                 <div {{ form_errors(form.message) }}> 
  231.                                     {{ form_widget(form.message, {'attr':{'class': 'form-control'}}) }}
  232.                                 </div>
  233.                             </div>
  234.                             <div class="col-12">
  235.                                 <div {{ form_errors(form.recaptcha) }}>
  236.                                     {{ form_widget(form.recaptcha) }}
  237.                                     <div id="divRecaptcha" class="g-recaptcha recoverRecaptcha" data-sitekey="6LcmTdgUAAAAAJErui2MPjIsV7-leG4N0xH7anfM"></div>
  238.                                 </div>
  239.                             </div>
  240.                             <div class="col-12 txt_a_c">
  241.                                 <button type="submit" class="button button-border button-rounded button-small button-green">Invia richiesta</button>
  242.                             </div>
  243.                         </div>
  244.                     {{ form_end(form) }}
  245.                 </div>
  246.             </div>
  247.         </div>
  248.     </section>
  249. {% endblock %}
  251. {% block footer %}
  252.     <footer id="footer" class="dark bg_pr_l notopborder">
  253.         <div class="container">
  254.             <div class="footer-widgets-wrap clearfix">
  255.                 <div class="row clearfix">
  256.                     <div class="col-12 col-md-2 txt_a_c">
  257.                         <img src="{{ asset ('images/graphics/logo.png') }}" alt="EAML" width="100" class="bounceInLeft animated" data-animate="bounceInLeft">
  258.                     </div>
  259.                     <div class="col-12 col-md-4">
  260.                         <h4 class="m_b_10p">Gruppo EAML</h4>
  261.                         <div class="row">
  262.                             <div class="col-12">
  263.                                 <p class="m_b_10p color_w"><i class="icon-map-marker1 font_20 m_r_10p"></i> <span class="v_a_tb">Via Trieste 61, Vittuone (MI) - Italia</span></p>
  264.                                 <p class="m_b_10p color_w"><i class="icon-phone3 font_20 m_r_10p"></i> <span class="v_a_tb">(+39) 348 9121397</span></p>
  265.                                 <p class="m_b_10p color_w"><i class="icon-email font_20 m_r_10p"></i> <a class="color_w v_a_tb" href="mailto:info@eaml.it">info@eaml.it</a></p>
  266.                                 <p class="m_b_none color_w"><i class="icon-globe1 font_20 m_r_10p"></i> <a class="color_w v_a_tb" href="https://www.eaml.it" target="_blank">www.eaml.it</a></p>
  267.                             </div>
  268.                         </div>
  269.                     </div>
  270.                     <div class="col-12 col-md-4">
  271.                         <h4 class="m_b_10p">Partner</h4>
  272.                         <a class="color_dg" href="https://www.rpgmultimedia.it" target="_blank"><p class="m_b_10p"><img width="50" src="{{ asset ('images/graphics/homepage/rpg_logo.png') }}" alt="R.P.G." class="m_r_10p">R.P.G. di Restelli Eliana E.</p></a>
  273.                         <p><img width="50" src="{{ asset ('images/graphics/homepage/cs_logo.png') }}" alt="Consultant Service di Filippo Graziano" class="m_r_10p">Consultant Service di Filippo Graziano</p>
  274.                     </div>
  275.                     <div class="col-12 col-md-2">
  276.                         <h4 class="m_b_10p">Seguici sui social</h4>
  277.                         <div>
  278.                             <a href="#" class="social-icon si-rounded si-small si-colored si-facebook">
  279.                                 <i class="icon-facebook"></i>
  280.                                 <i class="icon-facebook"></i>
  281.                             </a>
  282.                             <a href="#" class="social-icon si-rounded si-small si-colored si-linkedin">
  283.                                 <i class="icon-linkedin"></i>
  284.                                 <i class="icon-linkedin"></i>
  285.                             </a>
  286.                         </div>
  287.                     </div>
  288.                 </div>
  289.             </div>
  290.         </div>
  291.     </footer>
  293. {% endblock %}
  295. {% block javascripts %}
  296. {{ parent() }}
  297.     <script src="{{ asset ('include/rs-plugin/js/jquery.themepunch.tools.min.js') }}"></script>
  298.     <script src="{{ asset ('include/rs-plugin/js/jquery.themepunch.revolution.min.js') }}"></script>
  299.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.video.min.js') }}"></script>
  300.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js') }}"></script>
  301.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.actions.min.js') }}"></script>
  302.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js') }}"></script>
  303.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.kenburn.min.js') }}"></script>
  304.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.navigation.min.js') }}"></script>
  305.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.migration.min.js') }}"></script>
  306.     <script src="{{ asset ('include/rs-plugin/js/extensions/revolution.extension.parallax.min.js') }}"></script>
  307.     <script>
  308.         var tpj=jQuery;
  309.         tpj.noConflict();
  310.         tpj(document).ready(function() {
  311.             var apiRevoSlider = tpj('#main_slider').show().revolution(
  312.             {
  313.                 sliderType:"standard",
  314.                 sliderLayout:"fullwidth",
  315.                 delay:9000,
  316.                 navigation: {
  317.                     arrows:{enable:false}
  318.                 },
  319.                 responsiveLevels:[1240,1024,778,480],
  320.                 visibilityLevels:[1240,1024,778,480],
  321.                 gridwidth:[1240,1024,778,480],
  322.                 gridheight:[600,768,960,720],
  323.             });
  324.             apiRevoSlider.bind("revolution.slide.onloaded",function (e) {
  325.                 setTimeout( function(){ SEMICOLON.slider.sliderParallaxDimensions(); }, 400 );
  326.             });
  327.             apiRevoSlider.bind("revolution.slide.onchange",function (e,data) {
  328.                 SEMICOLON.slider.revolutionSliderMenu();
  329.             });
  330.         });
  331.     </script>
  332. {% endblock %}