Template source: home/non_loggedin_homepage.html

<!DOCTYPE html> {% load static from staticfiles %} {% load loc_tags %} <html> {% with loc_name=request|get_loc%} <head> <meta charset="UTF-8"> <meta name="description" content="Get updates on reviews and schedules for kids after school activity providers and summe camps in {{loc_name}}. Register online for summer camps and lessons for sports, dance, music, academics, college prep, creative art, soccer, basketball, Tennis."> <title>After school activities, Summer Camps, Classes and local events for kids in sports, music, dance, art, college prep, after school care and academics </title> <meta property="og:url" content="http://wwww.versatilekids.com" /> <meta property="og:title" content="After school activities, Summer Camps, Classes and local events for kids in sports, music, dance, art, college prep, after school care and academics" /> <meta property="og:description" content="Reviews and Schedules for kids after school activity providers and summer, spring and winter camps in {{loc_name}}. Register online for camps and lessons for sports, dance, music, academics, college prep, creative art, soccer, basketball, Tennis. Connect with other local parents and activity providers." /> <meta property="og:image" content="{% static 'img/homepage/bk3.jpg' %}" /> <meta property="fb:app_id" content="374560322710328"> <meta name="google-site-verification" content="RHSUEZIBaGXd4jGtYQd19bnm5CCAST274rP0h401_UM" /> <meta name="msvalidate.01" content="11E6328109934670C5678DB343D69360" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="p:domain_verify" content="58279bf1690169e217e09f1f8bbe9466"/> <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700"> <!-- <script src="{% static 'js/jquery.min.js' %}"></script> --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{% static 'css/main_1.css' %} "> <link rel="stylesheet" type="text/css" href="{% static 'css/footer.css' %}?ver=1.1"> <link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %} "> <!-- Bootstrap --> <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %} "> <link rel="shortcut icon" type="image/png" href="{% static 'img/16x16_crop_favicon__3_.png' %}"/> <script src="{% static 'js/respond.js' %}"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> <script src="{% static 'js/script.js' %}"></script> <link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %} "> <!-- Static files necessary for autocomplete --> {% include 'autocomplete_light/static.html' %} <script type="text/javascript" src="{% static 'autocomplete_light/autocomplete_custom.js' %}"></script> <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 class="home-page non-logged"> {% include "locations/change_location_template.html" %} <div class="row header-row-content"> <nav class="navbar navbar-custom hidden-xs" role="navigation"> <div class="container"> <!--<img class="logo" src="img/logo.png">--> <div class="navbar-header"> <a class=" logo"><img src="{% static 'img/homepage/Logo_750_110.png' %}" style="width: 30%"></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class=" navbar-right"> <ul class="nav navbar-nav"> <!-- Hidden li included to remove active class from about link when scrolled up past about section --> <li class="hidden"><a href="#page-top"></a></li> <li><a href="/services/register">Join as Provider </a></li> <li><a href = "/accounts/register"class="page-scroll" href="Home">Sign Up</a></li> <li><a href="/accounts/login" class="page-scroll" >Log In</a></li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> <div class="row"> <div class="container"> <div class="col-sm-6 text-center"> <div class="header"> <h1 class="hidden-xs">Best after school activities and camps in your area</h1> <!--<h5 class="text-center hidden-xs">See schedules for classes and camps and register online</h5> <h1 class="hidden-xs">Find the best local activities and camps for your kids</h1>--> <div class="fom"> <img src="{% static 'img/homepage/Logo_750_110.png' %}" style="width: 200px;" class="visible-xs img-responsive mobile-logo"> <!--<div class="mobile visible-xs"> <a href="/services/register">Create Listing </a> <a href="/accounts/register">Sign Up </a> <a href="/accounts/login">Log In </a> </div>--> <h1 class="visible-xs">Best after school activities and camps in your area</h1> {% with loc_slug=request|get_loc_slug%} <div class="row"> <div class="col-xs-12 hero-action"> <a href="/accounts/register" class="btt btn btn-success btn-lg" title="Sign Up for VersatileKids" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'JoinVKButton', 'eventAction': 'ButtonClickedAction', 'eventLabel': 'clickedJoinVKButton' });">Join VersatileKids</a> <p class="text-center">{{loc_name}} &nbsp;<a href="#" data-toggle="modal" data-target="#changelocation">Change</a></p> </div> </div> </div> </div> </div> </div> </div> <img class="img slid hidden-xs" src="{% static 'img/homepage/bk3.jpg' %}"> <div class="mobile-bg visible-xs" style="background-image:url({% static 'img/homepage/bk3.jpg' %}); height: 420px;"></div> <nav class="navbar navbar-default" role="navigation" style="margin-bottom: 0px; "> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="link" id="nav_home"><a href="/" title="Home">Home</a></li> <li class="link" id="nav_classproviders"><a href="/kidsactivities/all-providers/{{loc_slug}}" title="classproviders" title="classproviders">Activity Providers</a></li> <li class="link" id="nav_classes"><a href="/classes-camps/all/{{loc_slug}}" title="classesandcamps">Classes and Camps</a></li> {% if request.user.is_authenticated %} <li class="link" id="nav_community"><a href="/community" title="community">Community</a></li> {% else %} <li class="link" id="nav_community"><a href="/accounts/register-redirect?next=/community" title="community">Community</a></li> {% endif %} <li class="link" id="nav_events"><a href="/kidsevents/{{loc_slug}}" title="events">Events</a></li> {% if request.user.is_authenticated %} <li class="link" id="nav_review"><a href="/write-a-review" title="review">Write a Review</a></li> {% else %} <li class="link" id="nav_review"><a href="/accounts/register-redirect?next=/write-a-review" title="review">Write a Review</a></li> {% endif %} <li class="link" id="nav_blog"><a href="https://blog.versatilekids.com/" title="blog">Blog</a></li> <li class="visible-xs"><a href="/accounts/login" class="page-scroll" >Log In</a></li> <li class="visible-xs"><a href = "/accounts/register"class="page-scroll" href="Home">Sign Up</a></li> <!-- <li class="link" id="nav_friends"><a href="/friends" title="friends">Find Friends</a></li> --> </ul> </div> </div> </nav> {% if messages %} <div class = 'row'> <div class = 'col-xs-12'> {% for message in messages %} <div {% if message.tags == "success" %} class = "alert alert-success"{% endif %} role="alert"> {{message}} <button type="button" class="close" data-dismiss="alert"> <span aria-hidden="true">&times;</span> <span class="sr-only">Close</span> </button> </div> {% endfor %} </div> </div> {% endif %} </div> <div class="container-fluid page-content"> <div class="row "> <div class="tumb"> <h2 class="tumbh2">All your kids' activities in one place!</h2> <!--.............--> <div class="col-sm-4 buzz-out"> <div class="thumbnail"> <div class="dark text-center"> <h2>Research and Discover</h2> <p> Read reviews, check references and compare prices for kids classes, camps and activities. </p> </div> <img class="im" src="{% static 'img/homepage/references1.jpg' %}" alt="..."> </div> </div> <div class="col-sm-4 buzz-out"> <div class="thumbnail"> <div class="dark text-center"> <h2>Message and Register</h2> <p>Send messages to the provider and register online. Enter kids data once and use for all providers. </p> </div> <img class="im" src="{% static 'img/homepage/reg-and-comm1.jpg' %}" alt="..."> </div> </div> <div class="col-sm-4 buzz-out"> <div class="thumbnail"> <div class="dark text-center"> <h2>Local Events</h2> <p> Find all types of local events for your kids. Also it's free to add your own event. </p> </div> <img class="im" src="{% static 'img/homepage/event1_cropped.jpg' %}" alt="..."> </div> </div> </div> </div> </div> <div class="container page-content"> <div class="row"> <h2 class="tumbh2">Popular Categories In {{loc}}</h2> {% if default_popular_subcat_list %} <div class="col-sm-10 col-sm-offset-1"> {% for subcat in default_popular_subcat_list %} {% if forloop.counter < 4 %} {% with subcat_slug=subcat.name_slug %} <div class="col-sm-4 small-box "> <div class="thumbnail"> <div class="caption"> <h3> <a href="/kidsactivities/view/{{subcat_slug}}/{{loc_slug}}" style = "color: white;">{{subcat.name}}</a></h3> <!-- <p>{{service.classes.all.count}}</p> --> </div> <a href="/kidsactivities/view/{{subcat_slug}}/{{loc_slug}}" style = "color: white;"> <img src= "{% static "" %}img/homepage/{{subcat_slug}}.jpg" alt="{{subcat.name}} popular classes in {{loc}}" class="image-responsive"> </a> </div> </div> {% endwith %} {% endif %} {% endfor %} </div> <div class="col-sm-10 col-sm-offset-1"> {% for subcat in default_popular_subcat_list %} {% if forloop.revcounter < 4 %} {% with subcat_slug=subcat.name_slug %} <div class="col-sm-4 small-box "> <div class="thumbnail"> <div class="caption"> <h3> <a href="/kidsactivities/view/{{subcat_slug}}/{{loc_slug}}" style = "color: white;">{{subcat.name}}</a></h3> <!-- <p>{{service.classes.all.count}}</p> --> </div> <a href="/kidsactivities/view/{{subcat_slug}}/{{loc_slug}}" style = "color: white;"> <img src= "{% static "" %}img/homepage/{{subcat_slug}}.jpg" alt="{{subcat.name}} popular classes in {{loc}}" class="image-responsive"> </a> </div> </div> {% endwith %} {% endif %} {% endfor %} </div> {% else %} <div class="col-sm-10 col-sm-offset-1"> {% for key, value in popular_subcats_dict.items %} {% if forloop.counter < 4 %} <div class="col-sm-4 small-box "> {% with subcategory_slug=key|get_subcategory_slug %} <div class="thumbnail"> <div class="caption"> <h3> <a href="/kidsactivities/view/{{subcategory_slug}}/{{loc_slug}}" style = "color: white;">{{key}}</a></h3> {% if value == 1%} <p> {{value}} Activity Provider </p> {% else %} <p> {{value}} Activity Providers </p> {% endif %} </div> <!-- need a template tag to get the slug here --> <a href="/kidsactivities/view/{{subcategory_slug}}/{{loc_slug}}" style = "color: white;"> <img src= "{% static "" %}img/homepage/{{subcategory_slug}}.jpg" alt="{{ key }} popular classes in {{loc}}" class="image-responsive"> </a> </div> {% endwith %} </div> {% endif %} {% endfor %} </div> <div class="col-sm-10 col-sm-offset-1"> {% for key, value in popular_subcats_dict.items %} {% if forloop.revcounter < 4 %} <div class="col-sm-4 small-box "> {% with subcategory_slug=key|get_subcategory_slug%} <div class="thumbnail"> <div class="caption"> <h3> <a href="/kidsactivities/view/{{subcategory_slug}}/{{loc_slug}}" style = "color: white;">{{key}}</a></h3> {% if value == 1%} <p> {{value}} Activity Provider </p> {% else %} <p> {{value}} Activity Providers </p> {% endif %} </div> <!-- need a template tag to get the slug here --> <a href="/kidsactivities/view/{{subcategory_slug}}/{{loc_slug}}" style = "color: white;"> <img src= "{% static "" %}img/homepage/{{subcategory_slug}}.jpg" alt="{{ key }} popular classes in {{loc}}" class="image-responsive"> </a> </div> {% endwith%} </div> {% endif %} {% endfor %} </div> {% endif %} <div class="clearfix"></div> <p class="text-center"><a href= "/kidsactivities/all-providers/{{loc_slug}}" title="See all Categories in {{city_name}} " class="btn-secondary" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'SeeAllLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedSeeAllLinkNonLoggedInHomepage' });"> See All Categories</a></p> </div> <div class="row"> <div class="col-sm-12 text-center"> <h2 class="fth2">Join your local community of parents,<br> Get updates on kids activities, trends and events in your area!</h2> <!--<a href="/accounts/register" class="btt btn btn-success btn-lg" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'JoinVKButton', 'eventAction': 'ButtonClickedAction', 'eventLabel': 'clickedJoinVKButton' });">Join VersatileKids</a>--> <a href="/accounts/register" class="text-center see-all btn btn-primary btn-lg btt" title="Sign Up for VersatileKids" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'JoinVKButton', 'eventAction': 'ButtonClickedAction', 'eventLabel': 'clickedJoinVKButton' });">Join {{city_name}} VersatileKids</a> </div> </div> </div> <br> {% include "footer.html" %} <script> $(document).ready(function() { // when the main search button is pressed, we redirect to the right url $('#search_form').on('submit', function(e) { e.preventDefault(); var query = $('#main_search_box input').serialize(); var location = $('#location_box option').val(); var url = "{% url 'search_results' %}"; url = url + "?" + query + '&loc=' + location; window.location = url; }); // initialize the autocomplete for the main search text field $('#main_search_box').find('input:visible').yourlabsAutocomplete( $.extend({}, CustomAutocomplete, { url: '{% url "show_autocomplete" %}', choiceSelector: 'a', minimumCharacters: 3, addDataToRequest: function() { this.data['loc'] = $('#location_box option').val(); }, }) ); }); // when the location autocomplete is ready, we set the initial value to the current location $('#id_location_field-wrapper').on('widgetCreated', function(e, widget) { autocomplete = widget.autocomplete; console.log("Widget created"); autocomplete.fixPosition(); autocomplete.input.val("{{loc_slug}}"); choice = '<span class="div" data-value="{{loc_slug}}">{{loc_name}}</span>'; autocomplete.box.html(choice); params = [autocomplete.box.find(":first-child"), autocomplete] autocomplete.input.trigger('selectChoice', params); $('#main_search_box').find('input').focus() }); // handle enabling and disabling of the search button $('#id_location_field-autocomplete').bind('selectChoice', function(e, choice, autocomplete) { $('#search_form').find(':submit').prop('disabled', false); }); $('#id_location_field-autocomplete').bind('change input', function(e, choice, autocomplete) { $('#search_form').find(':submit').prop('disabled', true); }); </script> <!-- ends loc_slug variable --> {% endwith %} {% endwith %} </body> </html>