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.             <li><a href="/a-propos">A-propos </a></li>
  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>
  77.            
  78.             <li><a href="/#section-sponsors">Nos Partenaires</a></li>
  79.              <li><a href="/blog">Blog</a></li>
  80.              <li><a href="/contact">Contact</a></li>
  81.                 {% if app.session.get('email') != null and app.session.get('password') != null  %}
  82.                  <li><a href="/espace-client/">Profile</a></li>
  83.                 {% else %}
  84.                  <li><a href="/connexion/">Connexion</a></li>
  85.                  <li><a href="/inscription/">Inscription</a></li>
  86.                 {% endif %}
  87.            
  88.           </ul> 
  89.         </nav>
  90.         <!-- /MAIN MENU -->
  91.     </div>    
  92. </header>
  93. <style>
  94. #loader-name img{display:none !important}
  95. .loader-job{display:none}
  96.     .fos_user_registration_register{width:500px;margin-left:35%}
  97.     .fos_user_registration_register label{width:100%}
  98.     .fos_user_registration_register input,select{width: 100%;
  99.         -webkit-border-radius: 0;
  100.         -moz-border-radius: 0;
  101.         border-radius: 0;
  102.         height: 50px;
  103.         font-size: 14px;
  104.         color: #111;
  105.         margin-bottom: 5px;
  106.         font-family: 'Montserrat', sans-serif;
  107.         display: block;
  108.     width: 100%;
  109.     height: 34px;
  110.     padding: 6px 12px;
  111.     font-size: 14px;
  112.     line-height: 1.42857143;
  113.     color: #555;
  114.     background-color: #fff;
  115.     background-image: none;
  116.     border: 1px solid #ccc;
  117.     border-radius: 4px;
  118.     -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  119.     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  120.     -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  121.     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  122.     }
  123.     .fos_user_registration_register input[type='submit']{font-family: 'Montserrat', sans-serif;
  124.     display: inline-block;
  125.     padding: 20px;
  126.     padding-top: 10px;
  127.     padding-bottom: 10px;
  128.     background: ;
  129.     color: #ffffff;
  130.     font-weight: bold;
  131.     text-transform: uppercase;
  132.     -webkit-border-radius: 0;
  133.     -moz-border-radius: 0;
  134.     border-radius: 0;
  135.     -webkit-transition: all 0.3s ease-in-out;
  136.     -moz-transition: all 0.3s ease-in-out;
  137.     transition: all 0.3s ease-in-out;
  138.     margin-bottom: 5px;
  139.     border: 0px solid transparent!important;
  140.     position: relative;
  141.     overflow: hidden;
  142.     z-index: 1;
  143.     background: url(../img/bgmask-btn.png) no-repeat top left #2d8ea4 !important;color: #fff;
  144.     background-color: #5cb85c;
  145.     border-color: #4cae4c;width:30%;height:45px}
  146.     .navbar-nav{border:0}
  147.     .navbar-nav li {width:20%;float:left;text-align:center}
  148.     .navbar-nav .fa{font-size:27px;color:white}
  149.     .navbar-nav .active a{background:#00c2bc !important;BORDER: 0;}
  150. </style>
  152. <div class="col-lg-6 menu2">
  153. <button class="btn btn-danger close" style="color:white">X</button>
  154.  <nav class="">
  155.           <ul class="hd-list-menu" style="display:block">
  156.             <li class="active"><a href="/">Accueil</a></li>
  157.             <li><a href="/a-propos">A-propos </a></li>
  158.            
  159.         
  160.           <li><a href="/evenement/1/congre/">Congres</a></li>
  161.                <li><a href="/evenement/2/formation-avec-paiment/">Formation  payante</a></li>
  162.               <li><a href="/evenement/3/webinaire-sans-paiment/">Webinaire gratuit</a></li>
  163.                 <li><a href="/evenement/4/Symposium-avec-paiment/">Symposium payant</a></li>
  164.                   <li><a href="/evenement/5/action-humanitaire-sans-paiment/">Action humanitaire</a></li>
  165.           
  166.     
  167.            
  168.             <li><a href="/#section-sponsors">Nos Partenaires</a></li>
  169.              <li><a href="/blog">Blog</a></li>
  170.              <li><a href="/contact">Contact</a></li>
  171.                 {% if app.session.get('email') != null and app.session.get('password') != null  %}
  172.                  <li><a href="/profile">Profile</a></li>
  173.                 {% else %}
  174.                  <li><a href="/connexion">Connexion</a></li>
  175.                  <li><a href="/inscription">Inscription</a></li>
  176.                 {% endif %}
  177.            
  178.           </ul> 
  179.         </nav>
  180. </div>