{% if pagetype == 1 %}
        <header>
                <nav class="navigation navigation-header">
                    <div class="container">
                        <div class="navigation-brand">
                            <div class="brand-logo">
                                <a href="/home/" class="logo"></a>
                                <span class="sr-only">AirDo</span>
                            </div>
                            <button class="navigation-toggle visible-xs" type="button" data-toggle="dropdown" data-target=".navigation-navbar">
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                              <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="navigation-navbar">
                            <ul class="navigation-bar navigation-bar-left">
                                <li class="active"><a href="#hero">Home</a></li>
                                <li><a href="#who_we_are">About</a></li>
                                <li><a href="#who_it_work">How It Works</a></li>
                                <li><a href="#process">who we Are</a></li>
                                <li><a href="#footer">Contact</a></li>
                            </ul>
                            {% if user.is_authenticated %}
                                <ul class="navigation-bar navigation-bar-right">
                                    <li class="featured"><a href="/home/booking/">Book</a></li>
                                    <li class=""><a href="/home/logout_user/">Logout</a></li>
                                </ul>
                            {% else %}
                                <ul class="navigation-bar navigation-bar-right">
                                    <li class="featured"><a href="/home/login_user/">Login</a></li>
                                    <li class="featured"><a href="/home/signup/">Sign up</a></li>
                                </ul>

                            {% endif %}
                        </div>
                    </div>
                </nav>
        </header>
{% elif pagetype == 11 %}
    <header>
        <nav class="navigation navigation-header">
            <div class="container">
                <div class="navigation-brand">
                    <div class="brand-logo">
						<a href="/home/" class="logo"></a>
						<span class="sr-only">AirDo</span>
                    </div>
                    <button class="navigation-toggle visible-xs" type="button" data-toggle="dropdown" data-target=".navigation-navbar">
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navigation-navbar">
                    <ul class="navigation-bar navigation-bar-left">
                        <li class="active"><a href="#hero">Home</a></li>
                        <li><a href="#who_we_are">About</a></li>
                        <li><a href="#who_it_work">How It Works</a></li>
                        <li><a href="#process">who we Are</a></li>
                        <li><a href="#footer">Contact</a></li>

                    </ul>
                    {% if request.user.is_authenticated %}
                        <ul class="navigation-bar navigation-bar-right">
                            <li class="featured"><a href="/home/booking/">Search</a></li>
                            <li class=""><a href="/home/logout_user/">Logout</a></li>
                        </ul>
                    {% else %}
                        <ul class="navigation-bar navigation-bar-right">
                            <li class="featured"><a href="/home/login_user/">Login</a></li>
                            <li class="featured"><a href="/home/signup/">Sign up</a></li>
                        </ul>

                    {% endif %}
                </div>
            </div>
        </nav>
    </header>



{% else %}

    		<!--=== PAGE PRELOADER ===-->
		<div id="page-loader"><span class="page-loader-gif"></span></div>

		<!-- ==============================================
		MAIN NAV
		=============================================== -->
		<div id="main-nav" class="navbar navbar-fixed-top">
			<div class="container">

			 <nav class="navigation navigation-header">
            <div class="container">
                <div class="navigation-brand">
                    <div class="brand-logo">


                        <a class="navbar-brand scrollto" href="/home/"><img src="/static/ace/profile/assets/images/logo-inverted.png" alt="" /></a>

                    </div>
                    <button class="navigation-toggle visible-xs" type="button" data-toggle="dropdown" data-target=".navigation-navbar">
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navigation-navbar">
                    <ul class="nav navbar-nav navbar-right">
                       {% if request.user.is_authenticated %}
						    <li><a href="/home/my_account/"><i class="fa fa-briefcase"></i>My Account</a></li>
                            <li><a href="/home/logout_user/">Logout</a></li>
                       {% else %}
                            <li><a href="/home/" class=""><i class="fa fa-arrow-circle-o-left"></i>Home</a></li>
                            {% if pagetype != 22 %}
                                <li><a href="#services" class="scrollto"><i class="fa fa-cog"></i>Specialties</a></li>
                                <li><a href="#about" class="scrollto"><i class="fa fa-graduation-cap"></i>Profile</a></li>
                                <li><a href="#portfolio" class="scrollto"><i class="fa fa-briefcase"></i>Portfolio</a></li>

                                  <li><a href="/home/my_account/" ><i class="fa fa-arrow-circle-o-left"></i>My Account</a></li>

                            {% endif %}
                       {% endif %}
                    </ul>

                </div>
            </div>
        </nav>

			</div><!--End container -->

		</div><!--End main-nav -->

        {% if pagetype != 22 %}
		<!-- ==============================================
		HEADER
		=============================================== -->
		<header id="home">

			<div class="container">

				<div class="row">

					<div class="col-sm-10 col-sm-offset-1 text-left">

						<h1 class="scrollimation fade-down d1">I am {{ store_owner.first_name }} {{ store_owner.last_name }}</h1>

                        <div class="left">
                            <div class="col-xs-6 col-sm-3 pricing-box">
                                <div class="widget-box widget-color-red3">
                                    <div class="widget-header">
                                        <h5 class="widget-title bigger lighter">Certified by the State to work on:</h5>
                                    </div>

                                    <div class="widget-body">
                                        <div class="widget-main">
                                            <ul class="list-unstyled spaced3">
                                                {% if stylist.stylist_is_hair_certified == 1 %}
                                                <li>
                                                    <div class="checkbox">
                                                        <label class="block">
                                                            <input name="serv_id" id="children" value="yes" class="ace input-lg" checked type="checkbox"/>
                                                            <span class="lbl bigger-120 float-left "> Hair Services</span>
                                                        </label>
                                                    </div>
                                                </li>
                                                {% endif %}
                                                {% if stylist.stylist_is_nails_certified == 1 %}

                                                <li>
                                                    <div class="checkbox">
                                                        <label class="block">
                                                            <input name="serv_id" id="children" value="yes" class="ace input-lg" checked  type="checkbox"/>
                                                            <span class="lbl bigger-120 float-left "> Nails Services</span>
                                                        </label>
                                                    </div>
                                                </li>
                                                {% endif %}
                                                {% if stylist.stylist_is_makeup_certified == 1 %}
                                                <li>
                                                    <div class="checkbox">
                                                        <label class="block">
                                                            <input name="serv_id" id="children" value="yes" class="ace input-lg" checked  type="checkbox"/>
                                                            <span class="lbl bigger-120 float-left "> MakeUp Services</span>
                                                        </label>
                                                    </div>
                                                </li>
                                                {% endif %}
                                                {% if stylist.stylist_is_massage_certified == 1 %}
                                                <li>
                                                    <div class="checkbox">
                                                        <label class="block">
                                                            <input name="serv_id" id="children" value="yes" class="ace input-lg" checked  type="checkbox"/>
                                                            <span class="lbl bigger-120 float-left "> Massage Services</span>
                                                        </label>
                                                    </div>
                                                </li>
                                                {% endif %}
                                                {% if stylist.stylist_is_fitness_certified == 1 %}
                                                <li>
                                                    <div class="checkbox">
                                                        <label class="block">
                                                            <input name="serv_id" id="children" value="yes" class="ace input-lg" checked  type="checkbox"/>
                                                            <span class="lbl bigger-120 float-left "> Fitness Services</span>
                                                        </label>
                                                    </div>
                                                </li>
                                                {% endif %}
                                                {% if stylist.stylist_work_with_childrens == 1 %}
                                                <li>
                                                    <div class="checkbox">
                                                        <label class="block">
                                                            <input name="serv_id" id="children" value="yes" class="ace input-lg" checked  type="checkbox"/>
                                                            <span class="lbl bigger-120 float-left "> Work with Chindrens</span>
                                                        </label>
                                                    </div>
                                                </li>
                                               {% endif %}
                                            </ul>
                                            {% if stylist.stylist_rewards != None %}
                                                <div class="price">
                                                   {{ stylist.stylist_rewards }} %
                                                  <small>Discount</small>
                                                </div>
                                            {% endif %}
                                        </div>

                                        <div>
                                            <a href="/home/book/{{  stylist.stylist_id }}" class="btn btn-block btn-danger">
                                                <i class="ace-icon fa fa-shopping-cart bigger-110"></i>
                                                <span>Resquest Appointment</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

					</div>

				</div>

				<div class="header-img scrollimation fade-up d1">
				<!--	<img class="img-responsive" src="/static/ace/profile/assets/images/header-img.png" alt="Airdo Stylist" /> -->
                    <img class="img-responsive"  alt="{{ stylist.stylist_legal_name }}" {% if stylist.stylist_photo %}src="{{ stylist.stylist_photo}}"{% else %} src="/media/profile.png" {% endif %}/>

				</div>

			</div>

		</header><!--End header -->
       {% endif %}



{% endif %}