<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Studi-O Designs</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Archi is best selling interior design website template with responsive stunning design">
    <meta name="keywords" content="architecture,building,business,bootstrap,creative,exterior design,furniture design,gallery,garden design,house,interior design,landscape design,multipurpose,onepage,portfolio,studio">
    <meta name="author" content="">


    <!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<![endif]-->


    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/jpreloader.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/animate.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/plugin.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/owl.carousel.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/owl.theme.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/owl.transitions.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/magnific-popup.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css">

    <!-- custom background -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bg.css') }}" type="text/css">

    <!-- color scheme -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/color.css') }}"type="text/css" id="colors">

    <!-- load fonts -->
    <link rel="stylesheet" href="{{ url_for('static', filename='fonts/font-awesome/css/font-awesome.css') }}"type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='fonts/elegant_font/HTML_CSS/style.css') }}"type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='fonts/et-line-font/style.css') }}"type="text/css">

    <!-- revolution slider -->
    <link rel="stylesheet" href="{{ url_for('static', filename='rs-plugin/css/settings.css') }}"type="text/css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/rev-settings.css') }}"type="text/css">
</head>

<body id="homepage">

    <div id="wrapper">

        <!-- header begin -->
        <header>
            <div class="info">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="col">Working Hours Monday - Friday <span class="id-color"><strong>08:00-16:00</strong></span></div>
                            <div class="col">Toll Free <span class="id-color"><strong>1800.899.900</strong></span></div>
                            <!-- social icons -->
                            <div class="col social">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-rss"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-envelope-o"></i></a>
                            </div>
                            <!-- social icons close -->
                        </div>
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- logo begin -->
                        <div id="logo">
                            <a href="{{ url_for('portfolio.index') }}">
                                <img class="logo" src="{{ url_for('static', filename='images/logo.png') }}" alt="" height="60px">
                            </a>
                        </div>
                        <!-- logo close -->

                        <!-- small button begin -->
                        <!-- <span id="menu-btn"></span> -->
                        <!-- small button close -->

                        <!-- mainmenu begin -->
                        <!-- <nav>
                            <ul id="mainmenu">
                                <li><a href="index.html">Home</a>
									<ul class="mega">
										<li>
											<div class="container-fluid">
												<div class="menu-content">
													<div class="row">
														<div class="col-md-4">
															<ul>
																<li class="title">Home Featured</li>
																<li><a href="index-arts.html">Arts</a></li>
																<li><a href="index-multipurpose-1.html">Multipurpose</a></li>
																<li><a href="index-portfolio-minimal.html">Portfolio Minimal</a></li>
																<li><a href="index-fresh.html">Fresh</a></li>				
																<li><a href="index-profession.html">New: Profession</a></li>
																<li><a href="index-new.html">Modern 2</a></li>
																<li><a href="index-header-bottom.html">Menu Bottom</a></li>
																<li><a href="index-minimal.html">Minimal</a></li>
																<li><a href="index-slider-2.html">Modern</a></li>			
																<li><a href="index-onepage.html">One Page Style</a></li>	
															</ul>
														</div>														
														<div class="col-md-4">
															<ul>
																<li class="title">Homepage Original</li>
																<li><a href="index.html">Slider</a></li>
																<li><a href="index-parallax.html">Parallax</a></li>
																<li><a href="index-video.html">Video</a></li>
															</ul>
															<div class="spacer-single"></div>
															<ul>
																<li class="title">Homepage Masonry</li>
																<li><a href="index-masonry-med-3-cols.html">Medium 3 Cols</a></li>
																<li><a href="index-masonry-med-4-cols.html">Medium 4 Cols</a></li>
																<li><a href="index-masonry-big-3-cols.html">Big 3 Cols</a></li>
																<li><a href="index-masonry-big-4-cols.html">Big 4 Cols</a></li>
																<li><a href="index-masonry-no-grid-3-cols.html">No Grid 3 Cols</a></li>
																<li><a href="index-masonry-no-grid-4-cols.html">No Grid 4 Cols</a></li>
															</ul>
														</div>														
														<div class="col-md-4">
															<ul>
																<li class="title">Homepage Sidebar</li>
																<li><a href="index-sidebar.html">Sidebar Parallax</a></li>
																<li><a href="index-sidebar-slider.html">Sidebar Slider</a></li>
																<li><a href="index-landing-page.html">Parallax</a></li>
																<li><a href="index-landing-page-video.html">Video</a></li>
																<li><a href="index.html">Slider</a></li>
																<li><a href="index-parallax.html">Parallax</a></li>
																<li><a href="index-video.html">Video</a></li>
															</ul>
															<div class="spacer-single"></div>
															<ul>
																<li class="title">Homepage Landing</li>
																<li><a href="index-landing-page.html">Parallax</a></li>
																<li><a href="index-landing-page-video.html">Video</a></li>
															</ul>
														</div>														
														<div class="clearfix"></div>
													</div>
												</div>
											</div>
										</li>                                        
                                    </ul>
                                </li>
                                <li><a href="projects.html">Projects</a>
                                    <ul>
                                        <li><a href="projects.html">Wide Style</a>
                                            <ul>
                                                <li><a href="projects-2-cols.html">2 Cols Wide</a></li>
                                                <li><a href="projects-3-cols.html">3 Cols Wide</a></li>
                                                <li><a href="projects.html">4 Cols Wide</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="projects-contained-3-cols.html">Contained Style</a>
                                            <ul>
                                                <li><a href="projects-contained-2-cols.html">2 Cols Contained</a></li>
                                                <li><a href="projects-contained-3-cols.html">3 Cols Contained</a></li>
                                                <li><a href="projects-contained-4-cols.html">4 Cols Contained</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="projects-carousel-3-cols.html">Carousel Style</a>
                                            <ul>
                                                <li><a href="projects-carousel-2-cols.html">2 Cols Carousel</a></li>
                                                <li><a href="projects-carousel-3-cols.html">3 Cols Carousel</a></li>
                                                <li><a href="projects-carousel-4-cols.html">4 Cols Carousel</a></li>
                                            </ul>
                                        </li>
										<li><a href="projects-inverted-3-cols.html">Inverted Style</a>
                                            <ul>
                                                <li><a href="projects-inverted-2-cols.html">2 Cols Inverted</a></li>
                                                <li><a href="projects-inverted-3-cols.html">3 Cols Inverted</a></li>
                                                <li><a href="projects-inverted-4-cols.html">4 Cols Inverted</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="projects-contained-3-cols.html">Simple Gallery</a>
                                            <ul>
                                                <li><a href="gallery-4-cols.html">4 Cols</a></li>
                                                <li><a href="gallery-3-cols.html">3 Cols</a></li>
                                                <li><a href="gallery-2-cols.html">2 Cols</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="services.html">Services</a>
                                    <ul>
                                        <li><a href="service-1.html">Residential Design</a></li>
                                        <li><a href="service-2.html">Hospitaly Design</a></li>
                                        <li><a href="service-3.html">Office Design</a></li>
                                        <li><a href="service-4.html">Commercial Design</a></li>
                                        <li><a href="services.html">All Services</a></li>
                                        <li><a href="services-style-2.html">New All Services</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Pages</a>
                                    <ul>
                                        <li><a href="about.html">About Us</a></li>
                                        <li><a href="pricing-3-cols.html">Pricing 3 Cols</a></li>
                                        <li><a href="pricing-4-cols.html">Pricing 4 Cols</a></li>
                                    </ul>
                                </li>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="shop.html">Shop</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                        </nav>

                    </div> -->
                    <!-- mainmenu close -->

                </div>
            </div>
        </header>
        <!-- header close -->

        <main class="content">
            <!-- child template -->
            {% block content %}
            {% endblock %}
        </main>



{% include 'footer.html' %}