templates/landing_page/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Santé+</title>
  8.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,300,700,800,900" rel="stylesheet" type="text/css">
  9.     <link href="https://cdn.imperium.plus/assets/css/bootstrap/v5.2.0/bootstrap.min.css" rel="stylesheet" type="text/css">
  10.     <link href="https://cdn.imperium.plus/assets/fonts/fontawesome/v5.11.2/css/all.css" rel="stylesheet" type="text/css">
  11.     <link href="{{asset('assets/css/LandingPage.css')}}" rel="stylesheet" type="text/css" >
  12. </head>
  13. <body>
  14.     
  15.     <section class="Landing_page">
  16.         <div class="nav_bar">
  17.             <div class="navbar_container">
  18.                 <div class="navbar_left">
  19.                     <img src="/assets/images/logo.svg" alt="logo">
  20.                 </div>
  21.                 <div class="navbar_middle">
  22.                     <ul class="navigation">
  23.                         <li class="currentPage" >  <a href=""></a> Home </li>
  24.                         <li>  <a href=""></a>Service </li>
  25.                         <li>  <a href=""></a>Rendes-vous médicaux </li>
  26.                         <li>  <a href=""></a>Contact us </li>
  27.                         <li>  <a href=""></a> About us </li>
  28.                         <li>  <a href=""></a>  Besoin d'aide ? </li>
  29.                        
  30.                     </ul>
  31.                 </div>
  32.                 <div class="navbar_right">
  33.                     <a class="hovred" href="{{path('doctorAuthGetSignin')}}">
  34.                         Espace Doctor
  35.                     </a>
  36.                     <a href="{{path('patientAuthGetSignin')}}">
  37.                         Espace patient 
  38.                     </a>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.         <div class="presentation">
  43.             <div class="presentation_container">
  44.                 <div class="row">
  45.                     <div class="col-lg-6 col-md-12 presentation_left">
  46.                             <h2>Le service public pour gérer sa santé Vous avez <span class="target">la main sur votre santé</span></h2>
  47.                             <span class="description">Mon espace santé vous permet de stocker et partager vos documents et données de santé en toute confidentialité.</span>
  48.                             <div class="display_column">
  49.                                 <div class="items"><i class="far fa-check icon"></i> <span>Vos maladies et sujets de santé</span></div>
  50.                                 <div class="items"><i class="far fa-check icon"></i> <span>Vos traitements</span></div>
  51.                                 <div class="items"><i class="far fa-check icon"></i> <span>Vos mesures de santé</span></div>
  52.                             </div>
  53.                             <form class="mail_section">
  54.                                 <input type="text" placeholder="Vous@exemple.com" name="" id="">
  55.                                 <button type="submit">Contacter</button>
  56.                             </form>
  57.                     </div>
  58.                     <div class="col-lg-6 col-md-12 presentation_right">
  59.                         <img src="/assets/images/landing.png" alt="">
  60.                     </div>
  61.                 </div>
  62.             </div>
  63.         </div>
  64.         <div class="services">
  65.             <div class="services_container">
  66.                 <div class="display_items">
  67.                     <div class="hovred">
  68.                     </div>
  69.                     <div class="items">
  70.                        <div class="container_image"><img src="/assets/images/ordonance.svg" alt=""></div> 
  71.                         <span>
  72.                             Etiam convallis elementum sapien, a aliquam turpis aliquam vitae.
  73.                         </span>
  74.                     </div>
  75.                 </div>
  76.                 <div class="display_items">
  77.                     <div class="hovred">
  78.                     </div>
  79.                     <div class="items">
  80.                        <div class="container_image"><img src="/assets/images/hand.svg" alt=""></div> 
  81.                         <span>
  82.                             Integer ac interdum lacus. Nunc porta semper lacus a varius.
  83.                         </span>
  84.                     </div>
  85.                 </div>
  86.                 <div class="display_items">
  87.                     <div class="hovred">
  88.                     </div>
  89.                     <div class="items">
  90.                        <div class="container_image"><img src="/assets/images/search.svg" alt=""></div> 
  91.                         <span>
  92.                             Sed a magna semper, porta purus eu, ullamcorper ligula.
  93.                         </span>
  94.                     </div>
  95.                 </div>
  96.                 <div class="display_items">
  97.                     <div class="hovred">
  98.                     </div>
  99.                     <div class="items">
  100.                        <div class="container_image"><img src="/assets/images/params.svg" alt=""></div> 
  101.                         <span>
  102.                             Aenean non accumsan ante. Duis et risus accumsan sem.
  103.                         </span>
  104.                     </div>
  105.                 </div>
  106.                 <div class="display_items">
  107.                     <div class="hovred">
  108.                     </div>
  109.                     <div class="items">
  110.                        <div class="container_image"><img src="/assets/images/bottle.svg" alt=""></div> 
  111.                         <span>
  112.                             Praesent eu dolor eu orci vehicula euismod.
  113.                         </span>
  114.                     </div>
  115.                 </div>
  116.                 <div class="display_items">
  117.                     <div class="hovred">
  118.                     </div>
  119.                     <div class="items">
  120.                        <div class="container_image"><img src="/assets/images/papier.svg" alt=""></div> 
  121.                         <span>
  122.                             Phasellus finibus enim nulla, quis ornare odio.
  123.                         </span>
  124.                     </div>
  125.                 </div>
  126.             </div>  
  127.         </div>
  128.         <div class="documents">
  129.             <div class="documents_section">
  130.                 <div class="row">
  131.                     <div class="col-lg-6 col-md-12">
  132.                         <div class="documents_left">
  133.                             <p>Mes documents de santé </p>
  134.                             <h2>Retrouvez vos documents médicaux au meme endroit</h2>
  135.                             <span>Vous pouvez comme vos professionnels de santé déposer tous vos documents importants dans Mon espace santé.
  136.                             Vous y retrouvez le contenu de votre Dossier Médical Partagé, si vous en possédez un.
  137.                             </span>
  138.                             <div class="display_column">
  139.                                 <div class="items"><i class="far fa-check icon"></i> <span>Vos documents et ceux de vos enfants</span></div>
  140.                                 <div class="items"><i class="far fa-check icon"></i> <span>Vos documents par catégorie </span></div>
  141.                                 <div class="items"><i class="far fa-check icon"></i> <span>Vos documents en un clic </span></div>
  142.                             </div>
  143.                             <button>Je m'inscris</button>
  144.                         </div>
  145.                     </div>
  146.                     <div class="col-lg-6 col-md-12">
  147.                         <div class="documents_right">
  148.                             <img src="/assets/images/documents.png" alt="">
  149.                         </div>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         </div>
  154.         <div class="questions">
  155.             <div class="questions_container">
  156.                 <h4>Frequently Asked Questions</h4>
  157.                 <div class="questions_parent">
  158.                     <div class="questions_items">
  159.                         <div class="display"> <span>Nisl Gravida Magna ?</span> <i class="fal fa-plus showIcon "> </i>   </div>
  160.                         <div class="dropped_section">
  161.                             <span>
  162.                                 I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate
  163.                                 laboriosam fugiat.nibh rhoncus varius in non lorem. Donec interdum, lectus in convallis pulvinar, enim elit porta sapien,
  164.                                  vel finibus erat felis sed neque.
  165.                             </span>
  166.                           
  167.                         </div>
  168.                     </div>
  169.                     <div class="questions_items">
  170.                         <div class="display"> <span>How Do Lorem Ipsum Dolor Sit Amet Consectetur Adipisici ?</span> <i class="fal fa-plus showIcon ">  </i> </div>
  171.                         <div class="dropped_section">
  172.                             <span>
  173.                                 I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate
  174.                                 laboriosam fugiat.nibh rhoncus varius in non lorem. Donec interdum, lectus in convallis pulvinar, enim elit porta sapien,
  175.                                  vel finibus erat felis sed neque.
  176.                             </span>
  177.                           
  178.                         </div>
  179.                     </div>
  180.                     <div class="questions_items">
  181.                         <div class="display"> <span>Mauris Imperdiet Orci Dapibus, Commodo Libero Nec, Interdum ?</span> <i class="fal fa-plus showIcon ">  </i>   </div>
  182.                         <div class="dropped_section">
  183.                             <span>
  184.                                 I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate
  185.                                 laboriosam fugiat.nibh rhoncus varius in non lorem. Donec interdum, lectus in convallis pulvinar, enim elit porta sapien,
  186.                                  vel finibus erat felis sed neque.
  187.                             </span>
  188.                           
  189.                         </div>
  190.                     </div>
  191.                     <div class="questions_items">
  192.                         <div class="display"> <span>Donec Dapibus Mauris Id Odio Ornare Tempus. Duis Sit Amet ?</span> <i class="fal fa-plus showIcon ">  </i>   </div>
  193.                         <div class="dropped_section">
  194.                             <span>
  195.                                 I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate
  196.                                 laboriosam fugiat.nibh rhoncus varius in non lorem. Donec interdum, lectus in convallis pulvinar, enim elit porta sapien,
  197.                                  vel finibus erat felis sed neque.
  198.                             </span>
  199.                           
  200.                         </div>
  201.                     </div>
  202.                     <div class="questions_items">
  203.                         <div class="display"> <span>Duis Mauris Augue, Efficitur Eu Arcu Sit Amet, Posuere Dignissim Neque ?</span> <i class="fal fa-plus showIcon ">  </i>   </div>
  204.                         <div class="dropped_section">
  205.                             <span>
  206.                                 I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate
  207.                                 laboriosam fugiat.nibh rhoncus varius in non lorem. Donec interdum, lectus in convallis pulvinar, enim elit porta sapien,
  208.                                  vel finibus erat felis sed neque.
  209.                             </span>
  210.                           
  211.                         </div>
  212.                     </div>
  213.                 </div>
  214.             </div>
  215.         </div>
  216.         <div class="data">
  217.             <div class="data_container">
  218.                 <div class="row">
  219.                     <div class="col-lg-6">
  220.                         <div class="data_left">
  221.                             <h2>Vos Données Sont Sécurisées </h2>
  222.                         </div>
  223.                     </div>
  224.                     <div class="col-lg-6">
  225.                         <div class="data_right">
  226.                             <span>Integer ac interdum lacus. Nunc porta semper lacus a varius. Pellentesque habitant
  227.                                  morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc sagittis consectetur velit,
  228.                                   ac gravida nunc gravida et. Vestibulum at eros imperdiet,</span>
  229.                                 <button>Je m'inscris</button>  
  230.                         </div>
  231.                     </div>
  232.                 </div>
  233.             </div>
  234.         </div>
  235.         <div class="footer">
  236.             <div class="footer_container">
  237.                 <div class="row footer_top">
  238.                     <div class="col-md-3 items">
  239.                         <img src="/assets/images/logoWhite.png" alt="">
  240.                         <span class="description">
  241.                             Sed ut perspiciatis undmnis is iste natus error sit amet voluptatem totam rem aperiam.
  242.                         </span>
  243.                         <div class="phone">
  244.                             <i class="far fa-phone-rotary"></i>
  245.                             <span>
  246.                                 +012 (345) 678 99
  247.                             </span>
  248.                         </div>
  249.                     </div>
  250.                     <div class="col-md-9 links-items">
  251.                         <div class="links-item">
  252.                             <span class="bold">Integer augue</span>
  253.                             <div class="elemets">
  254.                                 <a href="">Mauris imperdiet</a>
  255.                                 <a href="">Mauris imperdiet</a>
  256.                                 <a href="">Mauris imperdiet</a>
  257.                                 <a href="">Mauris imperdiet</a>
  258.                                 <a href="">Mauris imperdiet</a>
  259.     
  260.                             </div>
  261.                         </div>
  262.                         <div class="links-item">
  263.                             <span class="bold">Integer augue</span>
  264.                             <div class="elemets">
  265.                                 <a href="">Mauris imperdiet</a>
  266.                                 <a href="">Mauris imperdiet</a>
  267.                                 <a href="">Mauris imperdiet</a>
  268.                                 <a href="">Mauris imperdiet</a>
  269.                                 <a href="">Mauris imperdiet</a>
  270.     
  271.                             </div>
  272.                         </div>
  273.                         <div class="links-item">
  274.                             <span class="bold">Integer augue</span>
  275.                             <div class="elemets">
  276.                                 <a href="">Mauris imperdiet</a>
  277.                                 <a href="">Mauris imperdiet</a>
  278.                                 <a href="">Mauris imperdiet</a>
  279.                                 <a href="">Mauris imperdiet</a>
  280.                                 <a href="">Mauris imperdiet</a>
  281.     
  282.                             </div>
  283.                         </div>
  284.                         <div class="links-item">
  285.                             <span class="bold">Integer augue</span>
  286.                             <div class="elemets">
  287.                                 <a href="">Mauris imperdiet</a>
  288.                                 <a href="">Mauris imperdiet</a>
  289.                                 <a href="">Mauris imperdiet</a>
  290.                                 <a href="">Mauris imperdiet</a>
  291.                                 <a href="">Mauris imperdiet</a>
  292.     
  293.                             </div>
  294.                         </div>
  295.                     </div>
  296.                  
  297.                 </div>
  298.                 <div class="footer_bottom">
  299.                     <span>Copyright C 2023-2024</span>
  300.                     <div class="social">
  301.                         <a href="#"><img src="/assets/images/insta.svg" alt=""></a>
  302.                         <a href="#"><img src="/assets/images/whatsap.svg" alt=""></a>
  303.                         <a href="#"><img src="/assets/images/facebook.svg" alt=""></a>
  304.                         <a href="#"><img src="/assets/images/linked.svg" alt=""></a>
  305.                 </div>
  306.                     <span>Nulla suspendisse ultrices</span>
  307.                 </div>
  308.             </div>
  309.         </div>
  310.         <div class="help_content">
  311.             <i class="far fa-comments-alt icon"></i>
  312.             <span>Besoin d'aide ?</span>
  313.         </div>
  314.     </section>
  315.     
  316. </body>
  317. <script src="https://cdn.imperium.plus/assets/js/jquery/v3.1/jquery.min.js"></script>
  318. <script src="https://cdn.imperium.plus/assets/js/popper/v2.11.5/popper.min.js"></script>
  319. <script src="https://cdn.imperium.plus/assets/js/bootstrap/v5.2.0/bootstrap.min.js"></script>
  320. <script src="{{asset('assets/js/LandingPage.js')}}"></script>
  321. </html>