	<!DOCTYPE html>
	<html lang="zxx" class="no-js">
	<head>
		<!-- Mobile Specific Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Favicon-->
		<link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.png' )}}">
		<!-- Author Meta -->
		<meta name="author" content="colorlib">
		<!-- Meta Description -->
		<meta name="description" content="">
		<!-- Meta Keyword -->
		<meta name="keywords" content="">
		<!-- meta character set -->
		<meta charset="UTF-8">
		<!-- Site Title -->
		<title>faceit</title>

		<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet"> 
        <!--
        CSS
        ============================================= -->
        <link rel="stylesheet" href="{{ url_for('static',filename='css/linearicons.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/font-awesome.min.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/owl.carousel.css') }}">
        <link rel="stylesheet" href="{{ url_for('static',filename='css/main.css') }}">

        <!-- Stylesheets /-->
        <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css_team/style.css') }}" />
        <!-- Main stylesheet /-->
        <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css_team/bootstrap.css') }}">
        <!-- Grid framework /-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
        <!-- Open Sans /-->
        <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
        <!-- PT Sans Narrow /-->
        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
        <!-- Font Awesome /-->

        <link rel="shortcut icon" href="{{ url_for('static',filename='img/favicon.png') }}" type="image/x-icon" />
        <!-- Favicon /-->



		<style rel="text/stylesheet">
			.button {
				background-color: #E65100;
				border-radius: 2px;
				border: none;
				color: white;
				padding: 15px 32px;
				text-align: center;
				text-decoration: none;
				display: inline-block;
				font-size: 16px;
				margin: 4px 2px;
				cursor: pointer;
				position: relative;
				height : 50px;
				border : 2px solid #757575;
				}
			.button-login{
				background-color: #FF6D00; 
				color: white; 
				border: 2px solid #E65100;
			}
			.button span {
			  cursor: pointer;
			  display: inline-block;
			  position: relative;
			  transition: 0.5s;
			}

			.button span:after {
			  content: '\00bb';
			  position: absolute;
			  opacity: 0;
			  top: 0;
			  right: -20px;
			  transition: 0.5s;
			}

			.button:hover span {
			  padding-right: 25px;
			}

			.button:hover span:after {
			  opacity: 1;
			  right: 0;
			}
			.footer {
			height:170px;
			width : 100%;
			background-color:black;
			}
			.footer-align{
			padding:20px;
			}
		</style>
		</head>
		<body>

        <!-- Start Header Area -->
        <header class="default-header">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <a class="navbar-brand" href="{{ url_for('index') }}">
                        <img src="{{ url_for('static',filename='img/favicon.png') }}" alt="">
                    </a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
                        <ul class="navbar-nav">
                            <li>
                                <a href="#home">Home</a>
                            </li>
                            <li>
                                <a href="#news">About</a>
                            </li>
                            <li>
                                <a href="#speakers">team</a>
                            </li>
                            <li>
                                <a href="#contact-us">contact us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <!-- End Header Area -->

        <!-- start banner Area -->
        <section class="banner-area relative" id="home" data-parallax="scroll" data-image-src=" {{ url_for('static', filename='img/header-woman.jpg') }}">
            <div class="overlay-bg overlay"></div>
            <div class="container">
                <div class="row fullscreen">
                    <div class="banner-content d-flex align-items-center col-lg-12 col-md-12">
                        <h1>
                            Unleash the Power
                            <br/>of your
                            <span style="color:#40C4FF;">Face</span>.
                            <br>
                        </h1>
                    </div>
                    <div>
                        <form action="{{ url_for('sign_up') }}">
                            <button class="button" style="vertical-align:middle">
                                <span>Sign Up</span>
                            </button>
                        </form>
                    </div>
                    &nbsp; &nbsp; &nbsp; &nbsp;
                    <div>
                        <form action="{{ url_for('login') }}" >
                            <button class="button button-login" style="vertical-align:middle" type="submit">
                                <span>Log In </span>
                            </button>
                        </form>
                    </div>
                    <div class="head-bottom-meta d-flex justify-content-between align-items-end col-lg-12">
                    </div>
                </div>
            </div>
        </section>
        <!-- End banner Area -->


        <!-- Start category Area -->
        <section class="category-area section-gap" id="news">
            <div class="container">
                <div class="row d-flex justify-content-center">
                    <div class="menu-content pb-70 col-lg-8">
                        <div class="title text-center">
                            <h1 class="mb-10">Latest News from all categories</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
                                et dolore magna aliqua.</p>
                        </div>
                    </div>
                </div>
                <div class="active-cat-carusel">
                    <div class="item single-cat">
                        <img src="{{ url_for('static', filename='img/c1.jpg') }}" alt="">
                        <p class="date">10 Jan 2018</p>
                        <h4>
                            <a href="#">It S Hurricane Season Visiting Hilton</a>
                        </h4>
                    </div>
                    <div class="item single-cat">
                        <img src="{{ url_for( 'static', filename='img/c2.jpg') }}" alt="">
                        <p class="date">10 Jan 2018</p>
                        <h4>
                            <a href="#">What Makes A Hotel Boutique</a>
                        </h4>
                    </div>
                    <div class="item single-cat">
                        <img src="{{ url_for('static', filename='img/c3.jpg') }}" alt="">
                        <p class="date">10 Jan 2018</p>
                        <h4>
                            <a href="#">Les Houches The Hidden Gem Valley</a>
                        </h4>
                    </div>
                </div>
            </div>
        </section>
        <!-- End category Area -->
        
        <!-- Start team Area -->
        <section id="speakers" style="background-color:white;">
            <h3 style="color:#E65100;">Meet The Team</h3>
            <!-- Section Title -->
            <div class="separator"></div>
            <div class="container">
                <div>
                    <p></p>
                </div>
                <!-- Speakers 1-->
                <div  >
                    <div class="row1">
                        <!-- Speaker 2 -->
                        <div class="col-sm-3 col-lg-4 col-md-5">
                            <a href="#" class="member-profile">
                                <div class="unhover_img">
                                    <img src="{{ url_for('static', filename='img/speaker-2.JPG') }}" alt="" />
                                </div>
                                <div class="hover_img">
                                    <img src="{{ url_for('static', filename='img/speaker-2_lack_white.JPG') }}" alt="" />
                                </div>
                                <span>Web Designer</span>
                                <h4>
                                    <span>Aditya</span> Singh</h4>
                            </a>
                            <ul>
                                <li>
                                    <a href="https://www.facebook.com/adibyte95" target="_blank">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.github.com/adibyte95" target="_blank">
                                        <i class="fa fa-github  "></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.quora.com/profile/Aditya-Singh-588" target="_blank">
                                        <i class="fa fa-quora"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.linkedin.com/in/aditya-singh-185863aa/" target="_blank">
                                        <i class="fa fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- Speaker 2 -->
                        <div class="col-sm-3 col-lg-4 col-md-5" >
                            <a href="#" class="member-profile">
                                <div class="unhover_img">
                                    <img src="{{ url_for('static', filename='img/speaker-3.jpg') }}" alt="" />
                                </div>
                                <div class="hover_img">
                                    <img src="{{ url_for('static', filename='img/speaker-3_black_white.jpg') }}" alt="" />
                                </div>
                                <span>Machine Learning Engineer</span>
                                <h4>
                                    <span>Susanta</span> Biswas</h4>
                            </a>
                            <ul>
                                <li>
                                    <a href="https://www.facebook.com/thesusantabiswas" target="_blank">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://github.com/susantabiswas" target="_blank">
                                        <i class="fa fa-github  "></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.quora.com/profile/Susanta-Biswas-9" target="_blank">
                                        <i class="fa fa-quora"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.linkedin.com/in/susantab/" target="_blank">
                                        <i class="fa fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
        
                        <!-- Speaker 3 -->
                        <div class="col-sm-3 col-lg-4 col-md-5">
                            <a href="#" class="member-profile">
                                <div class="unhover_img">
                                    <img src="{{ url_for('static', filename='img/speaker-4.jpg') }}" alt="" />
                                </div>
                                <div class="hover_img">
                                    <img src="{{ url_for('static', filename='img/speaker-4_black_white.JPG') }}" alt="" />
                                </div>
                                <span>Database Expert</span>
                                <h4>
                                    <span>Mukesh</span> Kumar</h4>
                            </a>
                            <ul>
                                <li>
                                    <a href="https://www.facebook.com/profile.php?id=100002277244094" target="_blank">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <i class="fa fa-quora"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" target="_blank">
                                        <i class="fa fa-linkedin"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
        
                    </div>
                    <!-- End of speakers  -->
                </div>
                <div class="clear"></div>
        
            </div>
        </section>
        <!-- End team Area -->
			
        <!-- start footer Area -->
        
        <footer class="footer" id="contact-us">
            <div class="footer-align">
                <h2 style="color:white;position:absolute; margin-left:40%;">Contact Us</h2>
                <br/>
                <br/>
                <br/>
                <div class="footer-social " style="position:absolute; margin-left:40%;">
                    <a href="#">
                        <i class="fa fa-facebook"></i>
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <i class="fa fa-twitter"></i>
                    </a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="#">
                        <i class="fa fa-youtube"></i>
                    </a>
                </div>
            </div>
        </footer>
        <!-- End footer Area -->

			<script src="{{ url_for('static', filename='js/vendor/jquery-2.2.4.min.js') }}"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
			<script src="{{ url_for('static', filename='js/vendor/bootstrap.min.js') }}" ></script>
			<script src="{{ url_for('static', filename='js/jquery.ajaxchimp.min.js') }}" ></script>
			<script src="{{ url_for('static', filename='js/parallax.min.js') }}"></script>			
			<script src="{{ url_for('static', filename='js/owl.carousel.min.js') }}" ></script>		
			<script src="{{ url_for('static', filename='js/jquery.magnific-popup.min.js') }}" ></script>				
			<script src="{{ url_for('static', filename='js/jquery.sticky.js') }}" ></script>
			<script src="{{ url_for('static', filename='js/main.js') }}"></script>	
		</body>
	</html>
