templates/admingrapespages/voir.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_website.html.twig' %}
  3. {% block title %}LOCATION, FABRICATION & VENTE DE VEHICULES A PROPULSION HUMAINE
  4. {% endblock %}
  7. {% block stylesheets %}
  8.     {{parent()}} 
  9.   <meta name="title" content="LOCATION, FABRICATION & VENTE DE VEHICULES A PROPULSION HUMAINE">
  10.   <meta name="description" content="{{GrapesPages.Meta1}}">
  11. <meta name="keywords" content="location, vente, triporteur, vélo-taxi, vélo cargo, food bike, fabrication sur-mesure, covering">
  12.     <link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
  13.     <link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
  14. <link rel="stylesheet" href="{{ asset('grapesjs/dist/css/grapes.min.css') }}">
  15. <script src="{{ asset('grapesjs/dist/grapes.min.js') }}"></script>
  16.     <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/style.css') }}">
  19. {% endblock %}
  21. {% block body_container %}
  22. <style>
  23. {{ GrapesPages.Css|raw }}
  24. </style>
  25. <style>
  26. form input{
  27.   -webkit-box-shadow: none !important;
  28. box-shadow: none !important;
  29. }
  30. form textarea{
  31.   -webkit-box-shadow: none !important;
  32. box-shadow: none !important;
  33. }
  34. .envoyerdemande{
  35.   cursor: pointer;
  36. }
  37. /*
  38. @media screen and (max-width: 1600px ){
  39.             html { font-size:100%; }
  40.     @media screen and (max-width: 1200px){
  41.             html { font-size:90%; }
  42.         @media screen and (max-width: 992px){
  43.             html { font-size:100%; }
  44.             @media screen and (max-width: 768px){
  45.             html { font-size:100%; }
  46.                 @media screen and (max-width: 576px){
  47.               html { font-size:90%; }
  48.                 }
  49.             }
  50.         }
  51.     }
  52. }*/
  53. </style>
  54. <div id="pages" class="body-container">
  57. {{ GrapesPages.Html|raw }}
  59. </div>
  62. {% endblock %}
  65. {% block javascripts %}
  66. <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  67. <script >
  68. $('.home').slick({
  69.   autoplay: true,
  70.   autoplaySpeed: 3000,
  71. })
  72. $('.slider').slick({
  73.   slidesToShow: 3,
  74.   slidesToScroll: 1,
  75.   centerMode: true,    
  76.   autoplay: true,
  77.   autoplaySpeed: 3000,
  78.   variableWidth: true
  79. })
  81. $('.envoyerdemande').on('click', function () {
  82.   const formData = new FormData();
  83.   formData.set( 'nom' , $( "input[name='nom']" ).val() )  
  84.   formData.set( 'prenom' , $( "input[name='prenom']" ).val()  )  
  85.   formData.set( 'email' , $( "input[name='email']" ).val()  )  
  86.   formData.set( 'telephone' , $( "input[name='telephone']" ).val()  )  
  87.   formData.set( 'projet' , $( ".textareainput" ).val()  )  
  89.   let urlreq = location.protocol +'//'+window.location.host +`/api/demandeprojet`;
  90.   console.log('env demande')
  91.   fetch (urlreq, {
  92.         method: 'POST',
  93.         body: formData,
  94.         credentials: 'include'
  95.         })
  96.       .then (res => res.json ())
  97.       .then (json =>{
  98.   console.log('demande envoyé')
  99.   if( json.mail == 'ok' ){
  100.     $( "input[name='nom']" ).val('') 
  101.     $( "input[name='prenom']" ).val('') 
  102.     $( "input[name='email']" ).val('')
  103.     $( "input[name='telephone']" ).val('')
  104.     $( ".textareainput" ).val('')
  106.     $('.messagepara').text('Votre demande à bien été envoyé')
  107.   } 
  108.       })
  109. });
  112.     let numbclick = document.getElementById('iwdeh')
  114.     if( numbclick ){
  115.       numbclick.onclick = function(){
  116.         numbclick.innerHTML = '+33(0)6 98 80 69 33'
  117.     }
  118.     }
  120. </script>
  121.  {% endblock %}