templates/home.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
  4. <!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
  5. <!--[if gt IE 8]><!-->
  6. <html class="no-js" lang="">
  7. <!--<![endif]-->
  9. <head>
  10. <meta charset="utf-8">
  11. <meta name="description" content="">
  12. <meta name="viewport" content="width=device-width, initial-scale=1">
  13. <title>E-ROSO</title>
  14. <link rel="stylesheet" href="{{asset('lexis-template/css/bootstrap.min.css')}}">
  15. <link rel="stylesheet" href="{{asset('lexis-template/css/flexslider.css')}}">
  16. <link rel="stylesheet" href="{{asset('lexis-template/css/jquery.fancybox.css')}}">
  17. <link rel="stylesheet" href="{{asset('lexis-template/css/main.css')}}">
  18. <link rel="stylesheet" href="{{asset('lexis-template/css/responsive.css')}}">
  19. <link rel="stylesheet" href="{{asset('lexis-template/css/font-icon.css')}}">
  20. <link rel="stylesheet" href="{{asset('lexis-template/css/animate.min.css')}}">
  21. <link rel="stylesheet" href="{{asset('css/icon.css')}}">
  22. <link rel="icon" type="image/x-icon" href="{{asset('img/apw-small.png')}}">
  25. </head>
  27. <body>
  28. <!-- header section -->
  29. <section class="banner" role="banner">
  30.   <header id="header">
  31.     <div class="header-content clearfix"> <a class="logo" href=""><img src="{{asset('img/logoe.png')}}" style="height:60px;"> E-<span style="color: var(--primary-color);">RO</span>SO</a>
  32.       <nav class="navigation" role="navigation">
  33.         <ul class="primary-nav">
  34.           <li><a href="#intro">A propos</a></li>
  35.           <!--<li><a href="#works">Actions</a></li>-->
  38.           <li><a href="{{path('dashboard')}}"><span id="login-btn">
  39.             {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  40.                 Dashboard
  41.             {% else %}
  42.                 {{'user.login'|trans}}
  43.             {% endif %}
  44.           </span></a></li>
  45.         </ul>
  46.       </nav>
  47.       <a href="#" class="nav-toggle">Menu<span></span></a> </div>
  48.   </header>
  49.   <!-- banner text -->
  50.   <div class="container">
  51.     <div class="col-md-10 col-md-offset-1">
  52.       <div class="banner-text text-center">
  53.         <h2 style="font-size: 40px; color: #eaf4dc; font-variant: small-caps;">E-ROSO
  54.         <br />
  55.         OUTIL DE CONSEIL POUR LES AGRICULTEURS ET LEURS ORGANISATIONS
  56.         
  57.         </h1>
  58.         <p>
  59.           
  60.         </p>
  61.         <a href="{{path('app_login')}}" class="btn btn-large">Connexion</a> </div>
  62.       <!-- banner text -->
  63.     </div>
  64.   </div>
  65. </section>
  66. <!-- header section -->
  67. <!-- intro section -->
  68. <section id="intro" class="section intro" style="color: rgba(255, 255, 255, 0.85);padding: 40px 0 !important;">
  69.   <div class="container">
  70.     <div class="col-md-8 col-md-offset-2 text-center">
  71.       <h3>Un outil pour : </h3>
  72.       <br>
  73.       <p style="font-size:1.3em">
  74.         - Le conseil agricole individuel et collectif sur le terrain (conseil à l’exploitation, bilans de campagne, …)
  75.         <br>
  76.         <br>
  77.         - La production de références locales, régionales et nationales et de notes de conjoncture (évolution des coûts de production, des rendements et des marges, …) 
  78.         <br>
  79.         <br>
  80.         - Le suivi de l’évolution des résultats techniques et économiques des exploitations agricoles sur le long terme
  81. <br>
  82.       </p>
  83.     </div>
  84.   </div>
  85. </section>
  86. <!-- intro section -->
  87. <!-- services section -->
  88. <section id="services" class="services service-section">
  89.   <div class="container">
  90.     <div class="row">
  91.       <!--<div class="col-md-4 col-sm-6 services text-center"><i class="icon pe-7s-network" style="font-size: 60px;"></i>
  92.         <div class="services-content">
  93.           <h5>Irrigation  infrastructures</h5>
  94.           <p>Rehabilitation  and  completion  of  irrigation  and  drainage infrastructures</p>
  95.         </div>
  96.       </div>-->
  97.       <div class="col-md-4 col-sm-6 services text-center"> <i class="icon pe-7s-phone" style="font-size: 60px;"></i>
  98.         <div class="services-content">
  99.           <h5>Terrain</h5>
  100.           <p>Enregistrement avec le producteur ou en différé et consultation de l’historique du producteur</p>
  101.         </div>
  102.       </div>
  103.       <div class="col-md-4 col-sm-6 services text-center"> <i class="icon pe-7s-refresh-cloud" style="font-size: 60px;"></i>
  104.         <div class="services-content">
  105.           <h5>Centralisation</h5>
  106.           <p>Enregistrement sur tablette ou ordinateur et synchronisation centralisée</p>
  107.         </div>
  108.       </div>
  109.       <div class="col-md-4 col-sm-6 services text-center"> <i class="icon pe-7s-graph" style="font-family='FontAwesome'; font-size: 60px;"></i>
  110.         <div class="services-content">
  111.           <h5>Analyse</h5>
  112.           <p>Tableaux de bord pour l’aide à la décision et extraction pour analyses approfondies</p>
  113.         </div>
  114.       </div>
  115.     </div>
  116.   </div>
  117. </section>
  118. <!-- services section -->
  119. <!-- work section -->
  120. <section id="works" class="works section no-padding">
  121.   <div class="container-fluid">
  122.     <div class="row no-gutter">
  123.         {% set txt = [
  124.         "",
  125.         "",
  126.         "",
  127.         "",
  128.         "",
  129.         "",
  130.         ]
  131.         %}
  132.         {% for i in range(1, 4) %}
  133.         <div class="col-lg-3 col-md-6 col-sm-6 work"> <a href="{{asset('img/portfolio/img-'~ i ~'.jpg')}}" class="work-box"> <div class="img-folio" style="background-image: url('{{asset('img/portfolio/img-'~ i ~'.jpg')}}')" alt=""></div>
  134.           <div class="overlay">
  135.             <div class="overlay-caption">
  136.               <h5></h5>
  137.               <p>{{txt[i]}}</p>
  138.             </div>
  139.           </div>
  140.           <!-- overlay -->
  141.           </a> </div>
  142.         {% endfor %}
  144.     </div>
  145.   </div>
  146. </section>
  147. <!-- work section -->
  150. <style>
  151.   .img-folio{
  152.     width: 100%;
  153.     height: 0px;
  154.     padding-top: 100%;
  155.     background-position: center;
  156.     background-repeat: no-repeat;
  157.     background-size: cover;
  158.   }
  159. </style>
  161. <!--
  162. <section id="testimonials" class="section testimonials no-padding">
  163.   <div class="container-fluid">
  164.     <div class="row no-gutter">
  165.       <div class="flexslider">
  166.         <ul class="slides">
  167.           <li>
  168.             <div class="col-md-12">
  169.               <blockquote>
  170.                 <h1>"Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui. Phasellus non dolor nibh. Nullam elementum Aenean eu leo quam..." </h1>
  171.                 <p>Rene Brown, Open Window production</p>
  172.               </blockquote>
  173.             </div>
  174.           </li>
  175.           <li>
  176.             <div class="col-md-12">
  177.               <blockquote>
  178.                 <h1>"Cras dictum tellus dui, vitae sollicitudin ipsum. Phasellus non dolor nibh. Nullam elementum tellus pretium feugiat shasellus non dolor nibh. Nullam elementum tellus pretium feugiat." </h1>
  179.                 <p>Brain Rice, Lexix Private Limited.</p>
  180.               </blockquote>
  181.             </div>
  182.           </li>
  183.           <li>
  184.             <div class="col-md-12">
  185.               <blockquote>
  186.                 <h1>"Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur...." </h1>
  187.                 <p>Andi Simond, Global Corporate Inc</p>
  188.               </blockquote>
  189.             </div>
  190.           </li>
  191.           <li>
  192.             <div class="col-md-12">
  193.               <blockquote>
  194.                 <h1>"Lorem ipsum dolor sit amet, consectetur adipiscing elitPhasellus non dolor nibh. Nullam elementum tellus pretium feugiat. Cras dictum tellus dui sollcitudin." </h1>
  195.                 <p>Kristy Gabbor, Martix Media</p>
  196.               </blockquote>
  197.             </div>
  198.           </li>
  199.         </ul>
  200.       </div>
  201.     </div>
  202.   </div>
  203. </section>
  204.  Testimonials section -->
  208. <!-- Footer section -->
  209. <footer class="footer">
  210.   <div class="footer-top section">
  211.     <div class="container">
  212.         <div class="row">
  213.             <div class="footer-col col-md-12" style="text-align:center;">
  214.                 <p style=";font-size: 18px;">L’outil e-roso est développé par Fert et le Groupe Fifata (Cap Malagasy, Fekama, Ceffel et Fifata), en partenariat avec le Cirad.</p>
  215.                 <br />
  216.                 <img src="{{asset('img/log.png')}}" style="width: 500px;">
  217.             </div>
  218.         </div>
  219.       <div class="row">
  220.         <div class="footer-col col-md-4">
  221.           <h5>Contacts</h5>
  222.           <p>Cap Malagasy : <a href="mailto:[email protected]">[email protected]</a><br>
  223.           <p>Ceffel : <a href="[email protected]">[email protected]</a><br>
  224.          
  233.         </div>
  234.           <div class="footer-col col-md-4">
  235.             <h5>Partenaires</h5>
  236.           <img src="{{asset('img/fert.jpg')}}" style="width: 350px;">
  237.         </div>
  238.         <div class="footer-col col-md-3" style="padding: 0 0 0 80px;">
  239.           <h5>Liens</h5>
  240.           <p>
  241.           <ul>
  242.             <li><a href="https://www.fert.fr" target="_blank">www.fert.fr</a></li>
  243.           </ul>
  244.           </p>
  245.         </div>
  246.         
  247.       </div>
  248.     </div>
  249.   </div>
  250.   <!-- footer top -->
  252. </footer>
  253. <!-- Footer section -->
  254. <!-- JS FILES -->
  255. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  256. <script src="{{asset('lexis-template/js/bootstrap.min.js')}}"></script>
  257. <script src="{{asset('lexis-template/js/jquery.flexslider-min.js')}}"></script>
  258. <script src="{{asset('lexis-template/js/jquery.fancybox.pack.js')}}"></script>
  259. <script src="{{asset('lexis-template/js/retina.min.js')}}"></script>
  260. <script src="{{asset('lexis-template/js/modernizr.js')}}"></script>
  261. <script src="{{asset('lexis-template/js/main.js')}}"></script>
  262. <script type="text/javascript" src="{{asset('lexis-template/js/jquery.contact.js')}}"></script>
  263. </body>
  264. </html>