Template source: home/service_landing_page.html

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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="description" content="VersatileKids for kids Classes and Camps providers"> <title>Get new students, publish a schedule of classes and get free promotion for your business on VersatileKids</title> <!-- Bootstrap --> {% load static from staticfiles %} {% load loc_tags %} <link rel="shortcut icon" type="image/png" href="{% static 'img/16x16_crop_favicon__3_.png' %}"/> <!-- <link rel="icon" href="{% static 'img/favicon.ico' %}"> --> <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/style1.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/service_landing_style.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/services.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/serviceproviderlanding.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/footer.css' %} "> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <script> if (document.location.hostname.search("www.versatilekids.com") !== -1) { (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-60950544-1', 'auto'); ga('send', 'pageview'); } </script> </head> <body cz-shortcut-listen="true"> <div id="wrap"> <header class="header2 header user-logged"> <div class="container-fluid"> <div class="row"> <div class="col-lg-8 col-md-8 col-sm-6"> <a href="/"> <img id="logo" src="{% static 'img/LOGO6.png' %}" > </a> </div> <div class="col-lg-4 col-md-4 col-sm-6"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown" > {% if user.first_name %} <a href="#" class="dropdown-toggle" data-toggle="dropdown" >{{user.first_name|slice:":10"}}<b class="caret" ></b></a> {% else %} {% if user.username and user.service %} <a href="#" class="dropdown-toggle" data-toggle="dropdown" >{{user.service.service_name|slice:":10"}}<b class="caret"></b> </a> {% else %} <!-- case for admin users --> {% if user.username %} <a href="#" class="dropdown-toggle" data-toggle="dropdown" >{{user.username|slice:":10"}}<b class="caret"></b> </a> {% endif %} {% endif %} {% endif %} {% if user.username and not user.service %} <ul class="dropdown-menu" style="margin-right: 15px; background-color: #34495e;"> {% if not user %} <li><a href="/accounts/login">Sign In</a></li> {% endif %} <li><a href="/accounts/profile">Account Settings</a></li> <li><a href="/accounts/logout">Log Out</a></li> </ul> {% elif user.username and user.service %} <ul class="dropdown-menu" style="background-color: #34495e;"> {% if not user %} <li><a href="/accounts/login">Sign In</a></li> {% endif %} {% if user.service.regular_service == True %} <li><a href="/dashboard/view/{{user.username}}"> Dashboard</a></li> {% endif %} <li><a href="/accounts/profile">Account Settings</a></li> <li><a href="/accounts/logout">Log Out</a></li> </ul> {% else %} <a href="/accounts/login" >Login </a> {% endif %} </li> </ul> </div> </div> </div> </header> <!--<nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> {% if service %} <li class="active"><a href="/dashboard/view/{{service.user.username}}">Manage Listing</a></li> <li><a href="/dashboard/locations/{{service.user.username}}">Locations</a></li> <li><a href="/dashboard/classes/{{service.user.username}}">Classes</a></li> <li><a href="/dashboard/registrations/{{service.user.username}}">Registrations</a></li> <li><a href="/dashboard/communications/{{service.user.username}}">Communications</a></li> <li><a href="/dashboard/payments/{{service.user.username}}">Payments</a></li> <li><a href="/dashboard/promotions/{{service.user.username}}">Promotion Materials</a></li> {% else %} <li class="active"><a href="/">Manage Listing</a></li> <li><a href="/">Locations</a></li> <li><a href="/">Classes</a></li> <li><a href="/">Registrations</a></li> <li><a href="/">Communications</a></li> <li><a href="/">Payments</a></li> <li><a href="/">Promotion Materials</a></li> {% endif %} </ul> </div>--><!--/.nav-collapse --> <!-- </div>/.container --> <!--</nav> --> <header class="intro-header"> <div class="container"> <div class="row"> <div class="hero"> <hgroup class="hero1 pull-right" > <h2>VersatileKids works for you!</h2> <h3>So you can do what you do best, <br>Train kids!</h3> <a href="/services/register"><button class="btn btn-primary btn-lg" role="button">Create Free Listing</button> </a> </hgroup> </div> </div> <!-- /.row --> </div> </header> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-5 col-sm-6 col-xs-12"> <!-- <hr class="section-heading-spacer"> --> <div class="clearfix"></div> <h2 class="section-heading">Build A Reputation</h2> <p class="lead">VersatileKids helps you build a great reputation via online reviews, ratings and references from parents. You can just focus on training the kids and leave the rest to us.</p> </div> <div class="col-lg-5 col-lg-offset-2 col-sm-6 col-xs-12"> <img class="img-responsive" src= "{% static 'img/guitar_lesson.jpg' %}" alt=""> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-b"> <div class="container"> <div class="row"> <div class="col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6 col-xs-12"> <!-- <hr class="section-heading-spacer"> --> <div class="clearfix"></div> <h2 class="section-heading">Get More Students</h2> <p class="lead"> Through your free web listing, user reviews and SEO optimization, VersatileKids helps you reach more students and parents.</p> </div> <div class="col-lg-5 col-sm-pull-6 col-sm-6 col-xs-12"> <img class="img-responsive" src= "{% static 'img/camp.jpg' %}" alt=""> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-b --> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-5 col-sm-6"> <!-- <hr class="section-heading-spacer"> --> <div class="clearfix"></div> <h2 class="section-heading">Less Administrative Work</h2> <p class="lead">VersatileKids takes the hassle out of Administrative work. Our Free online registration and class management tools make it very easy to enroll, manage and communicate with students for various classes and camps. </p> </div> <div class="col-lg-5 col-lg-offset-2 col-sm-6"> <img class="img-responsive" src= "{% static 'img/drawing1.jpg' %}" alt=""> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <br> <!-- services --> <section id="section-services" class="section pad-bot30 bg-white"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">How VersatileKids Works</h2> <!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> --> </div> </div> <br> <div class="row mar-bot40"> <div class="col-lg-4 col-md-4 col-sm-4" > <div class="align-center"> <p class="get-started-counter mod-centy">1</p> <p class="lead">Create A Free Listing.</p> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4" > <div class="align-center"> <p class="get-started-counter mod-centy">2</p> <p class="lead">Add Some Photos, Description and Classes.</p> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4" > <div class="align-center"> <p class="get-started-counter mod-centy">3</p> <p class="lead">Have Fun Taking Your Classes.</p> </div> </div> </div> </br> <div class="align-center"> <a href="/services/register"><button class="btn btn-primary btn-lg" role="button">Create Your Free Listing</button></a> </div> </div> </section> <br> </div> {% include "footer.html" %} <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="{% static 'js/bootstrap.min.js' %}"></script> <script src="{% static 'js/wow.js' %}"></script> <script src="{% static 'js/owl.carousel.js' %}"></script> <script> new WOW().init(); $(document).ready(function(){ $("#owl-example").owlCarousel(); }); </script> </body> </html>