templates/includes/header.html.twig line 1

Open in your IDE?
  1. <style>
  2. html , body{ overflow-x: hidden;}
  3.     .doc{display:none}
  4.     .disf{position: absolute;
  5.         margin-left: -3px;
  6.         margin-top: -7px;
  7.         font-size: 19px;
  8.         /* font-weight: 900; */
  9.         background: red;
  10.         color: white;
  11.         border-radius: 50%;
  12.         width: 19px;
  13.         text-align: center;}
  14.         .fa-bars{
  15.             color:white;
  16.             font-size:30px;
  17.             position:absolute;
  18.             left: 14px;
  19.             top: 28%;
  20.             display:none
  21.     }
  22.     .img-anis{height:600px}
  23.     .disss{display:block}
  24.     #header{background:#005699}
  25.         @media screen and (max-width: 997px) {
  26.             /***** mobile versiion **/
  27.             .disss{display:none}
  28.             .event-infos{display:none}
  29.             .about-picture{height:auto}
  30.             .fa-bars{color:white;font-size:30px;position:absolute;left: 14px;
  31.     top: 28%;display:block}
  32.     .img-anis{height:auto}
  33.     /*********************/
  34.  #header {
  35.     position:relative;
  36.     display:block;
  37.     background:#005699 !important;
  38.   }
  39.   .header-logo img {margin-left: 16%;
  40.     margin-top: -10%;}
  41.   .menu2{position:fixed;height:100%;background:black;left:0;top:0;z-index:555555;width:80%;display:none}
  42.   .menu2 .hd-list-menu li{float:left;width:100%;font-size:32px;}
  43.  
  44.     .menu2 .hd-list-menu li a{ padding: 14px;}
  45.     .about-text-wrapper{width:90%;margin-left:5%}
  46. }
  47. .close{position :absolute;left:92%;top:3%;color:white;font-size:25px;opacity:1;background:none !important}
  48. .d-up{background-color:#005699;color:white}
  49. .d-up li a {color:white}
  50. </style>
  51. <header id="header" class="" style="">
  52.     <div class="container">
  53.         <!-- logo -->
  54.         <div class="header-logo" id="header-logo">
  55.         <i class="fa fa-bars" aria-hidden="true"></i>
  56.             <img src="/astp-image/logo-astp.png" alt=""/>
  57.         </div>
  58.         <!-- /logo -->
  59.         <!-- MAIN MENU -->
  60.         <nav class="">
  61.           <ul class="hd-list-menu">
  62.             <li class="active"><a href="/">Accueil</a></li>
  63.           
  64.             <li><a href="/evenement"></a></li>
  65.                 <li class="dropdown">
  66.         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Evenement
  67.         <span class="caret"></span></a>
  68.         <ul class="dropdown-menu d-up" style="text-align:center">
  69.           <li><a href="/evenement/1/congre/">Congres</a></li>
  70.             <li><a href="/evenement/2/formation-avec-paiment/">Formation  payante</a></li>
  71.               <li><a href="/evenement/3/webinaire-sans-paiment/">Webinaire gratuit</a></li>
  72.                 <li><a href="/evenement/4/Symposium-avec-paiment/">Symposium payant</a></li>
  73.                   <li><a href="/evenement/5/action-humanitaire-sans-paiment/">Action humanitaire</a></li>
  74.           
  75.         </ul>
  76.       </li>
  78.            
  79.             <li><a href="/#section-sponsors">Nos Partenaires</a></li>
  80.              <li><a href="/blog">Blog</a></li>
  81.              <li><a href="/contact">Contact</a></li>
  82.                 {% if app.session.get('email') != null and app.session.get('password') != null  %}
  83.                  <li><a href="/espace-client/">Profile</a></li>
  84.                 {% else %}
  85.                  <li><a href="/connexion/">Connexion</a></li>
  86.                  <li><a href="/inscription/">Inscription</a></li>
  87.                 {% endif %}
  88.                     <li><a href="/espace-client/" style="color: yellow">Devenir  adhérent</a></li>
  89.            
  90.           </ul> 
  91.         </nav>
  92.         <!-- /MAIN MENU -->
  93.     </div>    
  94. </header>
  95. <style>
  96. #loader-name img{display:none !important}
  97. .loader-job{display:none}
  98.     .fos_user_registration_register{width:500px;margin-left:35%}
  99.     .fos_user_registration_register label{width:100%}
  100.     .fos_user_registration_register input,select{width: 100%;
  101.         -webkit-border-radius: 0;
  102.         -moz-border-radius: 0;
  103.         border-radius: 0;
  104.         height: 50px;
  105.         font-size: 14px;
  106.         color: #111;
  107.         margin-bottom: 5px;
  108.         font-family: 'Montserrat', sans-serif;
  109.         display: block;
  110.     width: 100%;
  111.     height: 34px;
  112.     padding: 6px 12px;
  113.     font-size: 14px;
  114.     line-height: 1.42857143;
  115.     color: #555;
  116.     background-color: #fff;
  117.     background-image: none;
  118.     border: 1px solid #ccc;
  119.     border-radius: 4px;
  120.     -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  121.     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  122.     -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  123.     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  124.     }
  125.     .fos_user_registration_register input[type='submit']{font-family: 'Montserrat', sans-serif;
  126.     display: inline-block;
  127.     padding: 20px;
  128.     padding-top: 10px;
  129.     padding-bottom: 10px;
  130.     background: ;
  131.     color: #ffffff;
  132.     font-weight: bold;
  133.     text-transform: uppercase;
  134.     -webkit-border-radius: 0;
  135.     -moz-border-radius: 0;
  136.     border-radius: 0;
  137.     -webkit-transition: all 0.3s ease-in-out;
  138.     -moz-transition: all 0.3s ease-in-out;
  139.     transition: all 0.3s ease-in-out;
  140.     margin-bottom: 5px;
  141.     border: 0px solid transparent!important;
  142.     position: relative;
  143.     overflow: hidden;
  144.     z-index: 1;
  145.     background: url(../img/bgmask-btn.png) no-repeat top left #2d8ea4 !important;color: #fff;
  146.     background-color: #5cb85c;
  147.     border-color: #4cae4c;width:30%;height:45px}
  148.     .navbar-nav{border:0}
  149.     .navbar-nav li {width:20%;float:left;text-align:center}
  150.     .navbar-nav .fa{font-size:27px;color:white}
  151.     .navbar-nav .active a{background:#00c2bc !important;BORDER: 0;}
  152. </style>
  154. <div class="col-lg-6 menu2">
  155. <button class="btn btn-danger close" style="color:white">X</button>
  156.  <nav class="">
  157.           <ul class="hd-list-menu" style="display:block">
  158.             <li class="active"><a href="/">Accueil</a></li>
  159.             <li><a href="/a-propos">A-propos </a></li>
  160.            
  161.         
  162.           <li><a href="/evenement/1/congre/">Congres</a></li>
  163.                <li><a href="/evenement/2/formation-avec-paiment/">Formation  payante</a></li>
  164.               <li><a href="/evenement/3/webinaire-sans-paiment/">Webinaire gratuit</a></li>
  165.                 <li><a href="/evenement/4/Symposium-avec-paiment/">Symposium payant</a></li>
  166.                   <li><a href="/evenement/5/action-humanitaire-sans-paiment/">Action humanitaire</a></li>
  167.           
  168.     
  169.            
  170.             <li><a href="/#section-sponsors">Nos Partenaires</a></li>
  171.              <li><a href="/blog">Blog</a></li>
  172.              <li><a href="/contact">Contact</a></li>
  173.               
  174.                 {% if app.session.get('email') != null and app.session.get('password') != null  %}
  175.                  <li><a href="/profile">Profile</a></li>
  176.                 {% else %}
  177.                  <li><a href="/connexion">Connexion</a></li>
  178.                  <li><a href="/inscription">Inscription</a></li>
  179.                 {% endif %}
  180.                 <li><a href="/espace-client/"><dd   class="animated-link">Devenir  adhérent</dd></a></li>
  181.           
  182.           </ul> 
  183.         </nav>
  184. </div>