<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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">
<meta name="description" content="Houzing - Real Estate HTML Template">
<meta name="CreativeLayers" content="ATFN">
<script src="https://kit.fontawesome.com/927ec38f06.js" crossorigin="anonymous"></script>
{% block stylesheets %}
<!-- css file -->
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/style.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="/assets/css/responsive.css">
<!-- Title -->
<title>Pub-Up</title>
<!-- Favicon -->
<link href="/assets/images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon" />
<link href="/assets/images/favicon.ico" sizes="128x128" rel="shortcut icon" />
{% endblock %}
</head>
<body>
<div class="wrapper">
<style>
.flash{
height: 40px;
border-radius: 5px;
position: fixed;
top: 12vh;
left: 50%;
transform: translateX(-50%);
color: white;
z-index: 10;
padding: 15px;
display: flex;
align-items: center;
font-size: 2ch;
animation: disapear 1s ease-in-out;
opacity: 1;
animation-delay: 2s;
animation-fill-mode: forwards;
}
.flash-success{
background-color: #60b84f;
}
@keyframes disapear{
0%{
top: 12vh;
opacity: 1;
}
100%{
top: 5vh;
opacity: 0;
}
}
</style>
{% for message in app.flashes('info') %}
<div class="flash flash-success">
{{ message }}
</div>
{% endfor %}
{# <div class="preloader"></div> #}
<!-- Main Header Nav -->
<header class="header-nav menu_style_home_one home6_style navbar-scrolltofixed stricky main-menu">
<div class="container posr">
<!-- Ace Responsive Menu -->
<nav>
<!-- Menu Toggle btn-->
<div class="menu-toggle">
<img class="nav_logo_img img-fluid" src="/assets/images/header-logo.svg" alt="header-logo.svg">
<button type="button" id="menu-btn">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<a href="/" class="navbar_brand float-left dn-md">
<span>Pub-Up</span>
</a>
<!-- Responsive Menu Structure-->
<ul id="respMenu" class="ace-responsive-menu custom_menu_space_home2 wa" data-menu-style="horizontal">
<li> <a href="/"><span class="title">Accueil</span></a>
</li>
<li> <a href="/listing-panels"><span class="title">Nos panneaux</span></a>
</li>
<li> <a href="/about-us"><span class="title">Notre équipe</span></a>
</li>
<li><a href="/contact">Contact</a></li>
</ul>
<ul id="respMenu2" class="ace-responsive-menu widget_menu_home2 home6 wa" data-menu-style="horizontal">
<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>
</ul>
</nav>
</div>
</header>
<!-- Modal -->
<div class="sign_up_modal modal fade" id="logInModal" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body container pb30 pl0 pr0 pt0">
<div class="row">
<div class="col-lg-12">
<ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Sign in</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Register</a>
</li>
</ul>
</div>
</div>
<div class="tab-content container" id="myTabContent">
<div class="row mt30 tab-pane fade show active pl20 pr20" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="col-lg-12">
<div class="login_form">
<form action="#">
<div class="mb-2 mr-sm-2">
<label for="formGroupExampleInput" class="form-label mb0">Login</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Ali Tufa..">
</div>
<div class="form-group mb5">
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="exampleCheck2">
<label class="custom-control-label" for="exampleCheck2">Remember me</label>
<a class="btn-fpswd float-right text-thm" href="#">Forgot</a>
</div>
<button type="submit" class="btn btn-log btn-block btn-thm mt20">Sign in</button>
<div class="row mt10">
<div class="col-lg-12">
<div class="user_log_info">
<p>Username: <span>agency or agent</span></p>
<p>Password: <span>demo</span></p>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="row mt30 tab-pane fade pl20 pr20" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="col-lg-12">
<div class="sign_up_form">
<form action="#">
<div class="form-group input-group">
<input type="text" class="form-control" placeholder="Login">
</div>
<div class="form-group input-group">
<input type="text" class="form-control" placeholder="First name">
</div>
<div class="form-group input-group">
<input type="text" class="form-control" placeholder="Last name">
</div>
<div class="form-group input-group">
<select class="selectpicker form-control" data-width="100%">
<option data-tokens="banking">User role</option>
<option data-tokens="digital&creative">User role 2</option>
<option data-tokens="retail">User role 3</option>
<option data-tokens="humanresource">User role 4</option>
</select>
</div>
<div class="form-group input-group">
<input type="email" class="form-control" placeholder="Email">
</div>
<div class="form-group input-group mb20">
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="form-group input-group mb30">
<input type="password" class="form-control" placeholder="Re-enter password">
</div>
<button type="submit" class="btn btn-signup btn-block btn-dark mb0">REGISTER</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Header Nav For Mobile -->
<div id="page" class="stylehome1 h0">
<div class="mobile-menu">
<div class="header stylehome1">
<div class="main_logo_home2 text-center" style="top: 50%;transform:translateY(-50%);"><span class="mt15">Pub-Up</span></div>
<ul class="menu_bar_home2">
<li class="list-inline-item"><a class="custom_search_with_menu_trigger msearch_icon" href="#"></a></li>
<li class="list-inline-item"><a class="muser_icon" href="#" data-toggle="modal" data-target="#logInModal"><span class="flaticon-user"></span></a></li>
<li class="list-inline-item"><a class="menubar" href="#menu"><span></span></a></li>
</ul>
</div>
</div>
<!-- /.mobile-menu -->
<nav id="menu" class="stylehome1">
<ul>
<li><a href="/"><span>Accueil</span></a>
</li>
<li><a href="/listing-panels"><span>Nos Panneaux</span></a>
</li>
<li><a href="/about-us"><span>Notre équipe</span></a>
</li>
<li><a href="/contact"><span>Contact</span></a>
</li>
</ul>
</nav>
</div>
{% block body %}{% endblock %}
{% block footer %}
<!-- Our Footer -->
<section class="footer_one home1 home6">
<div class="container pt10 pb30">
<div class="row">
<div class="col-md-4 col-lg-8">
<div class="footer_logo_widget mb15-767">
<div class="wrapper">
<div class="logo" style="display:flex;">
<span class="logo_title text-white pl15">Pub-Up</span>
<div style="margin-left: 2vw;">
<a href="#" class="btn" data-toggle="modal" data-target="#logInModal"><span class="flaticon-user" style="color: white;"></span></a>
<small class="fz14 text-white ml10">| © 2022 Pubup | Developed by <a href="https://wecodx.com/" target="_blank">Wecodx.</a></small>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="footer_menu_widget text-right tac-md mt15">
<ul>
<li class="list-inline-item"><a href="/">Accueil</a></li>
<li class="list-inline-item"><a href="/listing-panels">Nos Panneuax</a></li>
<li class="list-inline-item"><a href="/about-us">Notre Équipe</a></li>
<li class="list-inline-item"><a href="/contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<a class="scrollToHome" href="#"><i class="fa fa-angle-up"></i></a> </div>
{% endblock %}
{% block javascripts %}
<!-- Wrapper End -->
<script src="/assets/js/jquery-3.6.0.js"></script>
<script src="/assets/js/jquery-migrate-3.0.0.min.js"></script>
<script src="/assets/js/popper.min.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/jquery.mmenu.all.js"></script>
<script src="/assets/js/ace-responsive-menu.js"></script>
<script src="/assets/js/bootstrap-select.min.js"></script>
<script src="/assets/js/isotop.js"></script>
<script src="/assets/js/snackbar.min.js"></script>
<script src="/assets/js/simplebar.js"></script>
<script src="/assets/js/parallax.js"></script>
<script src="/assets/js/scrollto.js"></script>
<script src="/assets/js/jquery-scrolltofixed-min.js"></script>
<script src="/assets/js/jquery.counterup.js"></script>
<script src="/assets/js/wow.min.js"></script>
<script src="/assets/js/progressbar.js"></script>
<script src="/assets/js/slider.js"></script>
<script src="/assets/js/pricing-slider.js"></script>
<script src="/assets/js/timepicker.js"></script>
<script src="/assets/js/wow.min.js"></script>
<!-- Custom script for all pages -->
<script src="/assets/js/script.js"></script>
{% endblock %}
</body>
</html>