templates/parent.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">
  7. <meta name="keywords" content="advanced search, agency, agent, classified, directory, google maps, house, listing, property, real estate, real estate agency, real estate agent, realestate, realtor, rental">
  8. <meta name="description" content="Houzing - Real Estate HTML Template">
  9. <meta name="CreativeLayers" content="ATFN">
  10. <script src="https://kit.fontawesome.com/927ec38f06.js" crossorigin="anonymous"></script>
  11. {% block stylesheets %}
  12.     <!-- css file -->
  13.     <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
  14.     <link rel="stylesheet" href="/assets/css/style.css">
  15.     <!-- Responsive stylesheet -->
  16.     <link rel="stylesheet" href="/assets/css/responsive.css">
  17.     <!-- Title -->
  18.     <title>Pub-Up</title>
  19.     <!-- Favicon -->
  20.     <link href="/assets/images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon" />
  21.     <link href="/assets/images/favicon.ico" sizes="128x128" rel="shortcut icon" />
  22. {% endblock %}
  23. </head>
  24. <body>
  25. <div class="wrapper">
  26. <style>
  27. .flash{
  28.   height: 40px;
  29.   border-radius: 5px;
  30.   position: fixed;
  31.   top: 12vh;
  32.   left: 50%;
  33.   transform: translateX(-50%);
  34.   color: white;
  35.   z-index: 10;
  36.   padding: 15px;
  37.   display: flex;
  38.   align-items: center;
  39.   font-size: 2ch;
  40.   animation: disapear 1s ease-in-out;
  41.   opacity: 1;
  42.   animation-delay: 2s;
  43.   animation-fill-mode: forwards;
  44. }
  45. .flash-success{
  46.   background-color: #60b84f;
  47. }
  48. @keyframes disapear{
  49.   0%{
  50.     top: 12vh;
  51.     opacity: 1;
  52.   }
  53.   100%{
  54.     top: 5vh;
  55.     opacity: 0;
  56.   }
  57. }
  58. </style>
  59.   {% for message in app.flashes('info') %}
  60.     <div class="flash flash-success">
  61.     {{ message }}
  62.     </div>
  63.   {% endfor %}
  64.  {#  <div class="preloader"></div> #}
  65.     <!-- Main Header Nav -->
  66.     <header class="header-nav menu_style_home_one home6_style navbar-scrolltofixed stricky main-menu">
  67.         <div class="container posr"> 
  68.         <!-- Ace Responsive Menu -->
  69.         <nav> 
  70.             <!-- Menu Toggle btn-->
  71.             <div class="menu-toggle">
  72.                 <img class="nav_logo_img img-fluid" src="/assets/images/header-logo.svg" alt="header-logo.svg">
  73.             <button type="button" id="menu-btn">
  74.                             <span class="icon-bar"></span>
  75.                             <span class="icon-bar"></span>
  76.                             <span class="icon-bar"></span>
  77.                         </button>
  78.             </div>
  79.             <a href="/" class="navbar_brand float-left dn-md">
  80.                         <span>Pub-Up</span>
  81.                     </a> 
  82.             <!-- Responsive Menu Structure-->
  83.             <ul id="respMenu" class="ace-responsive-menu custom_menu_space_home2 wa" data-menu-style="horizontal">
  84.             <li> <a href="/"><span class="title">Accueil</span></a>
  85.             </li>
  86.             <li> <a href="/listing-panels"><span class="title">Nos panneaux</span></a>
  87.             </li>
  88.             <li> <a href="/about-us"><span class="title">Notre équipe</span></a>
  89.             </li>
  90.             <li><a href="/contact">Contact</a></li>
  91.             </ul>
  92.             <ul id="respMenu2" class="ace-responsive-menu widget_menu_home2 home6 wa" data-menu-style="horizontal">
  93.             <li class="list-inline-item list_c"><a href="tel:+32730621123" style="color: #0D263B;"><span class="flaticon-phone mr7 fz20"></span> (+32) 497 48 12 54</a></li>
  94.             </ul>
  95.         </nav>
  96.         </div>
  97.     </header>
  98.    
  99.   <!-- Modal -->
  100.   <div class="sign_up_modal modal fade" id="logInModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-hidden="true">
  101.     <div class="modal-dialog modal-dialog-centered">
  102.       <div class="modal-content">
  103.         <div class="modal-header">
  104.           <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  105.         </div>
  106.         <div class="modal-body container pb30 pl0 pr0 pt0">
  107.           <div class="row">
  108.             <div class="col-lg-12">
  109.               <ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
  110.                 <li class="nav-item">
  111.                   <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Sign in</a>
  112.                 </li>
  113.                 <li class="nav-item">
  114.                   <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Register</a>
  115.                 </li>
  116.               </ul>
  117.             </div>
  118.           </div>
  119.           <div class="tab-content container" id="myTabContent">
  120.             <div class="row mt30 tab-pane fade show active pl20 pr20" id="home" role="tabpanel" aria-labelledby="home-tab">
  121.               <div class="col-lg-12">
  122.                 <div class="login_form">
  123.                   <form action="#">
  124.                     <div class="mb-2 mr-sm-2">
  125.                       <label for="formGroupExampleInput" class="form-label mb0">Login</label>
  126.                       <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Ali Tufa..">
  127.                     </div>
  128.                     <div class="form-group mb5">
  129.                       <input type="password" class="form-control" placeholder="Password">
  130.                     </div>
  131.                     <div class="custom-control custom-checkbox">
  132.                       <input type="checkbox" class="custom-control-input" id="exampleCheck2">
  133.                       <label class="custom-control-label" for="exampleCheck2">Remember me</label>
  134.                       <a class="btn-fpswd float-right text-thm" href="#">Forgot</a>
  135.                     </div>
  136.                     <button type="submit" class="btn btn-log btn-block btn-thm mt20">Sign in</button>
  137.                     <div class="row mt10">
  138.                       <div class="col-lg-12">
  139.                         <div class="user_log_info">
  140.                           <p>Username: <span>agency or agent</span></p>
  141.                           <p>Password: <span>demo</span></p>
  142.                         </div>
  143.                       </div>
  144.                     </div>
  145.                   </form>
  146.                 </div>
  147.               </div>
  148.             </div>
  149.             <div class="row mt30 tab-pane fade pl20 pr20" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  150.               <div class="col-lg-12">
  151.                 <div class="sign_up_form">
  152.                   <form action="#">
  153.                     <div class="form-group input-group">
  154.                       <input type="text" class="form-control" placeholder="Login">
  155.                     </div>
  156.                     <div class="form-group input-group">
  157.                       <input type="text" class="form-control" placeholder="First name">
  158.                     </div>
  159.                     <div class="form-group input-group">
  160.                       <input type="text" class="form-control" placeholder="Last name">
  161.                     </div>
  162.                     <div class="form-group input-group">
  163.                       <select class="selectpicker form-control" data-width="100%">
  164.                         <option data-tokens="banking">User role</option>
  165.                         <option data-tokens="digital&creative">User role 2</option>
  166.                         <option data-tokens="retail">User role 3</option>
  167.                         <option data-tokens="humanresource">User role 4</option>
  168.                       </select>
  169.                     </div>
  170.                     <div class="form-group input-group">
  171.                       <input type="email" class="form-control" placeholder="Email">
  172.                     </div>
  173.                     <div class="form-group input-group mb20">
  174.                       <input type="password" class="form-control" placeholder="Password">
  175.                     </div>
  176.                     <div class="form-group input-group mb30">
  177.                       <input type="password" class="form-control" placeholder="Re-enter password">
  178.                     </div>
  179.                     <button type="submit" class="btn btn-signup btn-block btn-dark mb0">REGISTER</button>
  180.                   </form>
  181.                 </div>
  182.               </div>
  183.             </div>
  184.           </div>
  185.         </div>
  186.       </div>
  187.     </div>
  188.   </div>
  189.   
  190.   <!-- Main Header Nav For Mobile -->
  191.   <div id="page" class="stylehome1 h0">
  192.     <div class="mobile-menu">
  193.       <div class="header stylehome1">
  194.         <div class="main_logo_home2 text-center" style="top: 50%;transform:translateY(-50%);"><span class="mt15">Pub-Up</span></div>
  195.         <ul class="menu_bar_home2">
  196.           <li class="list-inline-item"><a class="custom_search_with_menu_trigger msearch_icon" href="#"></a></li>
  197.           <li class="list-inline-item"><a class="muser_icon" href="#" data-toggle="modal" data-target="#logInModal"><span class="flaticon-user"></span></a></li>
  198.           <li class="list-inline-item"><a class="menubar" href="#menu"><span></span></a></li>
  199.         </ul>
  200.       </div>
  201.     </div>
  202.     <!-- /.mobile-menu -->
  203.     <nav id="menu" class="stylehome1">
  204.       <ul>
  205.         <li><a href="/"><span>Accueil</span></a>
  206.         </li>
  207.         <li><a href="/listing-panels"><span>Nos Panneaux</span></a>
  208.         </li>
  209.         <li><a href="/about-us"><span>Notre équipe</span></a>
  210.         </li>
  211.         <li><a href="/contact"><span>Contact</span></a>
  212.         </li>
  213.       </ul>
  214.     </nav>
  215.   </div>
  216.   
  217.   
  218.   {% block body %}{% endblock %}
  219.   {% block footer %}
  220.     <!-- Our Footer -->
  221.     <section class="footer_one home1 home6">
  222.         <div class="container pt10 pb30">
  223.         <div class="row">
  224.             <div class="col-md-4 col-lg-8">
  225.             <div class="footer_logo_widget mb15-767">
  226.                 <div class="wrapper">
  227.                   <div class="logo" style="display:flex;">
  228.                     <span class="logo_title text-white pl15">Pub-Up</span>
  229.                     <div style="margin-left: 2vw;">
  230.                       <a href="#" class="btn" data-toggle="modal" data-target="#logInModal"><span class="flaticon-user" style="color: white;"></span></a>
  231.                       <small class="fz14 text-white ml10">| © 2022 Pubup | Developed by <a href="https://wecodx.com/" target="_blank">Wecodx.</a></small>
  232.                     </div>
  233.                   </div>
  234.                 </div>
  235.             </div>
  236.             </div>
  237.             <div class="col-md-4 col-lg-4">
  238.             <div class="footer_menu_widget text-right tac-md mt15">
  239.                 <ul>
  240.                 <li class="list-inline-item"><a href="/">Accueil</a></li>
  241.                 <li class="list-inline-item"><a href="/listing-panels">Nos Panneuax</a></li>
  242.                 <li class="list-inline-item"><a href="/about-us">Notre Équipe</a></li>
  243.                 <li class="list-inline-item"><a href="/contact">Contact</a></li>
  244.                 </ul>
  245.             </div>
  246.             </div>
  247.         </div>
  248.         </div>
  249.     </section>
  250.     <a class="scrollToHome" href="#"><i class="fa fa-angle-up"></i></a> </div>
  251.   {% endblock %}
  252.   {% block javascripts %}
  253.     <!-- Wrapper End --> 
  254.     <script src="/assets/js/jquery-3.6.0.js"></script>
  255.     <script src="/assets/js/jquery-migrate-3.0.0.min.js"></script>
  256.     <script src="/assets/js/popper.min.js"></script>
  257.     <script src="/assets/js/bootstrap.min.js"></script>
  258.     <script src="/assets/js/jquery.mmenu.all.js"></script>
  259.     <script src="/assets/js/ace-responsive-menu.js"></script>
  260.     <script src="/assets/js/bootstrap-select.min.js"></script>
  261.     <script src="/assets/js/isotop.js"></script>
  262.     <script src="/assets/js/snackbar.min.js"></script>
  263.     <script src="/assets/js/simplebar.js"></script>
  264.     <script src="/assets/js/parallax.js"></script>
  265.     <script src="/assets/js/scrollto.js"></script>
  266.     <script src="/assets/js/jquery-scrolltofixed-min.js"></script>
  267.     <script src="/assets/js/jquery.counterup.js"></script>
  268.     <script src="/assets/js/wow.min.js"></script>
  269.     <script src="/assets/js/progressbar.js"></script>
  270.     <script src="/assets/js/slider.js"></script>
  271.     <script src="/assets/js/pricing-slider.js"></script>
  272.     <script src="/assets/js/timepicker.js"></script>
  273.     <script src="/assets/js/wow.min.js"></script>
  274.     <!-- Custom script for all pages --> 
  275.     <script src="/assets/js/script.js"></script>
  276.   {% endblock %}
  277.   
  278. </body>
  279. </html>