templates/index/index.html.twig line 1

Open in your IDE?
  3. {% extends 'base.html.twig' %}
  4.  
  5. {% block stylesheets %}
  11.   <link href="theme/css/t-datepicker.min.css" rel="stylesheet" type="text/css">
  12.   <link href="theme/css/themes/t-datepicker-blue.css" rel="stylesheet" type="text/css">
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>     
  21.   {% set type =   2  %}
  23. <style>
  24. {% if   type ==  1 %}
  26. .home1_bgi1 {
  27.     background-image: url({{ image }});
  28.     -webkit-background-size: cover;
  29.     background-size: cover;
  30.     background-position: center center;
  31.     height: 960px;
  32. }
  33.      {% endif %} 
  38.  
  41. {% if   type ==  2 %}
  42. <style>
  43. .home1_bgi1 {
  44.     background-image: url({{ image }});
  45.     -webkit-background-size: cover;
  46.     background-size: cover;
  47.     background-position: center center;
  48.     height: 960px;
  49. }
  50.      {% endif %} 
  52.  
  54. .home1_bgi2 {
  55.   background-image: url({{ image }});
  56.   -webkit-background-size: cover;
  57.   background-size: cover;
  58.   background-position: center center;
  59.   height: 960px;
  60. }
  65. .our-testimonial:before{
  66.   background-image: url({{ asset('uploads/index/' ~ testimonial) | imagine_filter('testimonial') }});
  67.   bottom: 0;
  68.   content: "";
  69.   left: 0;
  70.   opacity: .5;
  71.   position: absolute;
  72.   right: 0;
  73.   top: 0;
  74. }
  77.  
  78. .user_setting .dropdown-menu .user_setting_content a.active,
  79. .user_setting .dropdown-menu .user_setting_content a.active span,
  80. .user_setting .dropdown-menu .user_setting_content a:hover,
  81. .user_setting .dropdown-menu .user_setting_content a:hover span {
  82.   background-color: transparent;
  83.   color: #484848;
  84. }
  87. header.header-nav.menu_style_home_one .ace-responsive-menu li a {
  88.   color: #FFFFFF;
  89. }
  91.  
  93. .home_adv_srch_opt .nav-pills {
  94.   border-bottom: none;
  95.   margin: 0 auto;
  96.   text-align: center;
  97.   width: 550px;
  98. }
  103. .t-datepicker {
  104.  
  105. background-color: #ffffff;
  106. border: 1px solid #ebebeb;
  107. border-radius: 8px;
  108. font-size: 14px;
  109. color: #484848;
  110. line-height: 1.2;
  111. height: 50px;
  112. width: 135px;
  113. }
  115. .t-check-in {
  116. font-size: 14px;
  117. height: 50px;
  118. }
  121. .t-dates {
  122.   padding: 10px 15px;
  123.   height: 46px;
  124.   box-sizing: border-box;
  125. }
  126.  
  127.  
  128. </style>
  131. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  132. <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script>
  133.   
  134. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  136. <style>
  137.     /* Popup container */
  138.   .popup {
  139.     position: relative;
  140.     display: inline-block;
  141.     cursor: pointer;
  142.   }
  143.   
  144.   /* The actual popup (appears on top) */
  145.   .popup .popuptext {
  146.     visibility: hidden;
  147.     width: 160px;
  148.     background-color: #fff;
  149.     color: #fff;
  150.     text-align: center;
  151.     border-radius: 6px;
  152.     padding: 8px 0;
  153.     position: absolute;
  154.     z-index: 1;
  155.     bottom: 125%;
  156.     left: 50%;
  157.     margin-left: -80px;
  158.   }
  159.   
  160.   /* Popup arrow */
  161.   .popup .popuptext::after {
  162.     content: "";
  163.     position: absolute;
  164.     top: 100%;
  165.     left: 50%;
  166.     margin-left: -5px;
  167.     border-width: 5px;
  168.     border-style: solid;
  169.     border-color: #fff transparent transparent transparent;
  170.   }
  171.   
  172.   /* Toggle this class when clicking on the popup container (hide and show the popup) */
  173.   .popup .show {
  174.     visibility: visible;
  175.     -webkit-animation: fadeIn 1s;
  176.     animation: fadeIn 1s
  177.   }
  178.   
  179.   /* Add animation (fade in the popup) */
  180.   @-webkit-keyframes fadeIn {
  181.     from {opacity: 0;}
  182.     to {opacity: 1;}
  183.   }
  184.   
  185.   @keyframes fadeIn {
  186.     from {opacity: 0;}
  187.     to {opacity:1 ;}
  188.   } 
  191.   body {
  192.           background: #fff;
  193.           color: #fff;
  194.           font-family: sans-serif;
  195.           margin: 0;
  196.           text-align: center;
  197.           -webkit-font-smoothing: antialiased;
  198.           -moz-osx-font-smoothing: grayscale;
  199.         }
  200.         
  201.         .twitter-share {
  202.           background: #fff;
  203.           color:  #00acee;
  204.           cursor: pointer;
  205.           display: inline-block;
  206.           -webkit-border-radius: 6px;
  207.           border-radius: 6px;
  208.         }
  209.         .twitter-share:hover {
  210.           position: relative;
  211.           top: -1px;
  212.         }
  214.          .facebook-share {
  215.           background: #fff;
  216.           color:  #3b5998;
  217.           cursor: pointer;
  218.           display: inline-block;
  219.           -webkit-border-radius: 6px;
  220.           border-radius: 6px;
  221.         }
  222.         .facebook-share:hover {
  223.           position: relative;
  224.           top: -1px;
  225.         }
  227.         .linkedin-share {
  228.           background: #fff;
  229.           color:  #0e76a8;
  230.           cursor: pointer;
  231.           display: inline-block;
  232.           -webkit-border-radius: 6px;
  233.           border-radius: 6px;
  234.         }
  235.         .linkedin-share:hover {
  236.           position: relative;
  237.           top: -1px;
  238.         }
  241.           </style>
  244. {% endblock %}
  245. {% block title %}Hello IndexController!{% endblock %}
  246. {% block nav %}
  247.     <header class="header-nav menu_style_home_one navbar-scrolltofixed stricky main-menu">
  248. {% endblock %}
  249.  {% block logo %}
  250.  
  251.               {{ include('include/logo.html.twig') }} 
  252. {% endblock %}
  254.  
  255. {% block body %}
  256.   {% set type =   1  %}
  257.     {% if   type ==  1 %}
  258.     {{ include('index/form1.html.twig') }}  
  259.      {% endif %}  
  261.          {% if   type ==  2 %}
  262.     {{ include('index/form2.html.twig') }}  
  263.      {% endif %}  
  264.     
  266.  {% set type =   1  %}
  267.     {% if   type ==  1 %}
  268.      {{ include('index/properties1.html.twig') }}  
  269.      {% endif %}  
  271.          {% if   type ==  2 %}
  272.      {{ include('index/properties2.html.twig') }}  
  273.      {% endif %}  
  274.     
  275.  {% set type =   1  %}
  276.  
  277.     {% if   type ==  1 %}
  279.  
  281.  {% if fra == 1 %}
  282.      {{ include('index/localite1.html.twig') }}  
  283. {% endif %}
  287.      {% endif %}  
  289. {% if   type ==  2 %}
  290.      {{ include('index/localite2.html.twig') }}  
  291.      {% endif %}  
  293.  
  294.     <!-- Why Chose Us -->
  295.     <section id="why-chose" class="whychose_us bgc-f7 pb30">
  296.         <div class="container">
  297.             <div class="row">
  298.                 <div class="col-lg-6 offset-lg-3">
  299.                     <div class="main-title text-center">
  300.                         <h2>Why Choose Us</h2>
  301.                         <p>We provide full service at every step.</p>
  302.                     </div>
  303.                 </div>
  304.             </div>
  305.             <div class="row">
  306.                 <div class="col-md-6 col-lg-4 col-xl-4">
  307.                     <div class="why_chose_us">
  308.                         <div class="icon">
  309.                             <span class="flaticon-high-five"></span>
  310.                         </div>
  311.                         <div class="details">
  312.                             <h4>Trusted By Thousands</h4>
  313.                             <p>Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
  314.                         </div>
  315.                     </div>
  316.                 </div>
  317.                 <div class="col-md-6 col-lg-4 col-xl-4">
  318.                     <div class="why_chose_us">
  319.                         <div class="icon">
  320.                             <span class="flaticon-home-1"></span>
  321.                         </div>
  322.                         <div class="details">
  323.                             <h4>Wide Renge Of Properties</h4>
  324.                             <p>Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
  325.                         </div>
  326.                     </div>
  327.                 </div>
  328.                 <div class="col-md-6 col-lg-4 col-xl-4">
  329.                     <div class="why_chose_us">
  330.                         <div class="icon">
  331.                             <span class="flaticon-profit"></span>
  332.                         </div>
  333.                         <div class="details">
  334.                             <h4>Financing Made Easy</h4>
  335.                             <p>Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
  336.                         </div>
  337.                     </div>
  338.                 </div>
  339.             </div>
  340.         </div>
  341.     </section>
  343.     <!-- Our Testimonials -->
  344.     <section id="our-testimonials" class="our-testimonial">
  345.         <div class="container">
  346.             <div class="row">
  347.                 <div class="col-lg-6 offset-lg-3">
  348.                     <div class="main-title text-center">
  349.                         <h2 class="color-white">Testimonials</h2>
  350.                         <p class="color-white">Here could be a nice sub title</p>
  351.                     </div>
  352.                 </div>
  353.             </div>
  354.             <div class="row">
  355.                 <div class="col-lg-6 offset-lg-3">
  356.                     <div class="testimonial_grid_slider">
  358.  {% for i in 0..8 %}
  360.                         <div class="item">
  361.                             <div class="testimonial_grid">
  362.                                 <div class="thumb">
  363.                                     <img src="images/testimonial/1.jpg" alt="1.jpg">
  364.                                 </div>
  365.                                 <div class="details">
  366.                                     <h4>Augusta Silva</h4>
  367.                                     <p>Sales Manager</p>
  368.                                     <p class="mt25">Aliquam dictum elit vitae mauris facilisis at dictum urna dignissim donec vel lectus vel felis.</p>
  369.                                 </div>
  370.                             </div>
  371.                         </div>
  372.  
  373.  {% endfor %}
  377.                     </div>
  378.                 </div>
  379.             </div>
  380.         </div>
  381.     </section>
  383.     <!-- Our Blog -->
  384.     <section class="our-blog bgc-f7 pb30">
  385.         <div class="container">
  386.             <div class="row">
  387.                 <div class="col-lg-6 offset-lg-3">
  388.                     <div class="main-title text-center">
  389.                         <h2>Articles & Tips</h2>
  390.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  391.                     </div>
  392.                 </div>
  393.             </div>
  394.             <div class="row">
  397.              {% for i in 0..2 %}
  398.                 <div class="col-md-6 col-lg-4 col-xl-4">
  399.                     <div class="for_blog feat_property">
  400.                         <div class="thumb">
  401.                             <img class="img-whp" src="images/blog/bh1.jpg" alt="bh1.jpg">
  402.                         </div>
  403.                         <div class="details">
  404.                             <div class="tc_content">
  405.                                 <p class="text-thm">Business</p>
  406.                                 <h4>Skills That You Can Learn In The Real Estate Market</h4>
  407.                             </div>
  408.                             <div class="fp_footer">
  409.                                 <ul class="fp_meta float-left mb0">
  410.                                     <li class="list-inline-item"><a href="#"><img src="images/property/pposter1.png" alt="pposter1.png"></a></li>
  411.                                     <li class="list-inline-item"><a href="#">Ali Tufan</a></li>
  412.                                 </ul>
  413.                                 <a class="fp_pdate float-right" href="#">7 August 2019</a>
  414.                             </div>
  415.                         </div>
  416.                     </div>
  417.                 </div>
  419.       {% endfor %}
  422.             </div>
  423.         </div>
  424.     </section>
  426.     <!-- Our Partners -->
  427.     <section id="our-partners" class="our-partners">
  428.         <div class="container">
  429.             <div class="row">
  430.                 <div class="col-lg-6 offset-lg-3">
  431.                     <div class="main-title text-center">
  432.                         <h2>Our Partners</h2>
  433.                         <p>We only work with the best companies around the globe</p>
  434.                     </div>
  435.                 </div>
  436.             </div>
  437.             <div class="row">
  438.                 <div class="col-sm-6 col-md-4 col-lg">
  439.                     <div class="our_partner">
  440.                         <img class="img-fluid" src="images/partners/1.png" alt="1.png">
  441.                     </div>
  442.                 </div>
  443.                 <div class="col-sm-6 col-md-4 col-lg">
  444.                     <div class="our_partner">
  445.                         <img class="img-fluid" src="images/partners/2.png" alt="2.png">
  446.                     </div>
  447.                 </div>
  448.                 <div class="col-sm-6 col-md-4 col-lg">
  449.                     <div class="our_partner">
  450.                         <img class="img-fluid" src="images/partners/3.png" alt="3.png">
  451.                     </div>
  452.                 </div>
  453.                 <div class="col-sm-6 col-md-4 col-lg">
  454.                     <div class="our_partner">
  455.                         <img class="img-fluid" src="images/partners/4.png" alt="4.png">
  456.                     </div>
  457.                 </div>
  458.                 <div class="col-sm-6 col-md-4 col-lg">
  459.                     <div class="our_partner">
  460.                         <img class="img-fluid" src="images/partners/5.png" alt="5.png">
  461.                     </div>
  462.                 </div>
  463.             </div>
  464.         </div>
  465.     </section>
  467.     <!-- Start Partners -->
  468.     <section class="start-partners bgc-thm pt50 pb50">
  469.         <div class="container">
  470.             <div class="row">
  471.                 <div class="col-lg-8">
  472.                     <div class="start_partner tac-smd">
  473.                         <h2>Become a Real Estate Agent</h2>
  474.                         <p>We only work with the best companies around the globe</p>
  475.                     </div>
  476.                 </div>
  477.                 <div class="col-lg-4">
  478.                     <div class="parner_reg_btn text-right tac-smd">
  479.                         <a class="btn btn-thm2" href="#">Register Now</a>
  480.                     </div>
  481.                 </div>
  482.             </div>
  483.         </div>
  484.     </section>
  486.     
  488.   {% block javascripts %}
  489.   
  492.  
  495. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  496. <!-- Script -->
  497.  
  499.   
  501.   {{ include('recherche/js.html.twig') }}  
  504.  
  505.     <script type='text/javascript' >
  506.  $(document).ready(function() {
  508.   const $valueSpan = $('.valueSpan');
  509.   const $value = $('#slider11');
  510.   $valueSpan.html($value.val());
  511.   $value.on('input change', () => {
  513.     $valueSpan.html($value.val());
  514.   });
  515. });
  516.  
  519.  $(document).ready(function() {
  521.   const $valueSpan = $('.valueSpan1');
  522.   const $value = $('#slider12');
  523.   $valueSpan.html($value.val());
  524.   $value.on('input change', () => {
  526.     $valueSpan.html($value.val());
  527.   });
  528. });
  529.  
  531.  $(document).ready(function() {
  533.   const $valueSpan = $('.valueSpan2');
  534.   const $value = $('#slider13');
  535.   $valueSpan.html($value.val());
  536.   $value.on('input change', () => {
  538.     $valueSpan.html($value.val());
  539.   });
  540. });
  541.  
  543.    </script>
  550.  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  552. <script>
  554.   
  556.     function onClickBtnLike(event) {
  557.     event.preventDefault();
  559.     const url = this.href;
  560.     const spanCount = this.querySelector('span.js-likes');
  561.     const icone = this.querySelector('i');
  563.     axios.get(url).then(function (response) {
  564.         spanCount.textContent = response.data.likes;
  567. if (response.status === 200){
  568.                if (icone.classList.contains('fas')) {
  569.             icone.classList.replace('fas','far');
  570.         }
  571.         else {
  572.             icone.classList.replace('far', 'fas');
  573.         }
  574.         
  575.         }
  576.  
  577.  
  579.     }).catch(function (error) {
  580.          
  581.     });
  582. }
  583. document.querySelectorAll('a.js-like').forEach(function (link){
  584.     link.addEventListener('click', onClickBtnLike)
  585. })
  587.         </script>
  589.  
  590. {% endblock %}
  593. {% block jsindex %}
  594.  
  595.               <script src="https://code.jquery.com/jquery-3.3.1.min.js"
  596.     integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"
  597.     crossorigin="anonymous"></script>
  598. {% endblock %}
  601. {% endblock %}