<div class="wrapper">
            <!-- Header -->
            <header id="main-header">
                <div class="px-top-bar">
                    <div class="container">
                        <div class="left-side">
                            <nav class="top-nav">
                                <ul>
                                    <li><a href="about.html">About us</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="contact.html">Contact us</a></li>
                                </ul>
                            </nav>
                        </div>
                        <div class="right-side">
                            <div class="social-media">
                                <ul>
                                    <li><a href="#"><i class="icon-facebook7"></i></a></li>
                                    <li><a href="#"><i class="icon-twitter6"></i></a></li>
                                    <li><a href="#"><i class="icon-googleplus7"></i></a></li>
                                    <li><a href="#"><i class="icon-dribbble6"></i></a></li>
                                    <li><a href="#"><i class="icon-linkedin2"></i></a></li>
                                </ul>
                            </div>
                            <div class="lang_sel_list_horizontal" id="lang_sel_list">
                                <ul>
                                    <li>
                                        <a class="lang_sel_sel icl-en" href="#">
                                            <img title="English" alt="english" src="{{ url_for('static', filename='images/ico-eng.png') }}" class="iclflag">&nbsp;English
                                        </a>                                    
                                        <ul>
                                            <li class="icl-fr">          
                                                <a href="#">
                                                    <img title="French" alt="french" src="{{ url_for('static', filename='images/ico-fra.png') }}" class="iclflag">&nbsp;French
                                                </a>
                                            </li>
                                            <li class="icl-spa">          
                                                <a href="#">
                                                    <img title="Spanish" alt="spanish" src="{{ url_for('static', filename='images/ico-spa.png') }}" class="iclflag">&nbsp;Spanish
                                                </a>
                                            </li>
                                        </ul>            
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="px-main-nav">
                    <div class="container">
                        <div class="px-logo-area">
                            <div class="left-side">
                            <!--                                <div class="logo"><a href="#"><img src="{{ url_for('static', filename='images/logo.png') }}" alt=""></a></div> !-->
                            </div>
                            <div class="right-side">
                                <div class="px-head-info">
                                    <ul>
<!--                                        <li><span>Opening Hours</span>Mon - Sat 8.00 - 18.00</li> !-->
                                        <li><span>Call Us</span>416-258-2422</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="px-nav-area">
                            <nav class="navigation">
                            <a class="cs-click-menu" href="#"><i class="icon-list8"></i></a>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About Us</a></li>
<!--                                    <li>
                                        <a href="#">Pages</a>
                                        <ul class="sub-dropdown">
                                            <li><a href="services.html">Services</a></li>
                                            <li><a href="contactus2.html">Contact Us 2</a></li>
                                            <li><a href="faq.html">Faq</a></li>
                                            <li><a href="404.html">404</a></li>
                                            <li><a href="underconstruction.html">Under construction</a></li>
                                            <li><a href="result.html">Result</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="price-packages.html">Pricing</a></li> !-->
                                    <li>
                                        <a href="portfolio.html">Portfolio</a>
                                        <!--<ul class="sub-dropdown">-->
                                            <!--<li><a href="portfolio-list.html">Portfolio List</a></li>-->
                                            <!--<li><a href="portfolio-columns2.html">Portfolio columns2</a></li>-->
                                            <!--<li><a href="portfolio-columns3.html">Portfolio columns3</a></li>-->
                                            <!--<li><a href="portfolio-columns4.html">Portfolio columns4</a></li>-->
                                            <!--<li><a href="portfolio-modren.html">Portfolio modren</a></li>-->
                                            <!--<li>-->
                                                <!--<a href="#">Portfolio Detail</a>-->
                                                <!--<ul>-->
                                                <!--<li><a href="portfolio-detail.html">Portfolio Detail</a></li>-->
                                                <!--<li><a href="portfolio-detail2.html">Portfolio Detail 2</a></li>-->
                                                <!--<li><a href="portfolio-detail3.html">Portfolio Detail 3</a></li>-->
                                                 <!--<li><a href="portfolio-detail4.html">Portfolio Detail 4</a></li>-->
                                                <!--</ul>-->
                                            <!--</li>-->
                                        <!--</ul>-->
                                    </li>
<!--                                    <li><a href="#">Blog</a>
                                        <ul class="sub-dropdown">
                                            <li><a href="bloglarge.html">Blog Large</a></li>
                                            <li><a href="blogbox.html">Blog Box</a></li>
                                            <li><a href="blogdetail.html">Blog Detail 1</a></li>
                                            <li><a href="blogdetail1.html">Blog Detail 2</a></li>
                                            <li><a href="blogdetail2.html">Blog Detail 3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Team</a>
                                        <ul class="sub-dropdown">
                                            <li><a href="team-grid.html">Team Grid</a></li>
                                            <li><a href="team-list.html">Team List</a>
                                            <li><a href="team-detail.html">Team Detail</a></li>
                                        </ul>
                                    </li>!-->
                                    <li><a href="contactus.html">Contact Us</a></li>
                                </ul>
                            </nav>
<!--                           <a href="contactus2.html" class="btn-quote">Get Quick Quote</a>!-->
                        </div>
                    </div>
                </div>
<!--                <div class="px-banner">
                    <div class="flexslider px-bannerslider">
                      <ul class="slides">
                        <li>
                          <img src="assets/extra-images/banner.jpg"/>
                          <div class="caption">
                            <div class="container">
                                <img src="assets/extra-images/amazing.png">
                                <h1>Design<span>Furniture</span><br>
                                    Make<span>Doors</span><br>
                                    Refine<span>Cabinets</span>
                                </h1>
                                <a class="px-btn" href="#">Get Quick Qoute</a>
                            </div> !-->
                         <!--</div>
                        </li>
                         <li>
                          <img src="assets/extra-images/banner1.jpg"/>
                        </li>
                         <li>
                          <img src="assets/extra-images/banner2.jpg"/>
                        </li>
                      </ul>
                    </div>
                </div>!--> 
            </header>
            <!-- Header -->