{% load static %} {% load staticfiles cms_tags menu_tags sekizai_tags menu_tags bootstrap3 %} {% load i18n %} <!DOCTYPE html> <html lang="en"> <head> <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="viewport" content="width=device-width" /> <meta name="description" content=""> <meta name="author" content=""> <title>Digital Glarus</title> <link href="{% static 'digitalglarus/css/bootstrap.min.css' %}" rel="stylesheet"> <!-- Bootstrap Core CSS --> <link href="{% static 'digitalglarus/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet"> <link href="{% static 'ungleich_page/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> <link href="{% static 'digitalglarus/css/agency.css' %}" rel="stylesheet"> <link href="{% static 'digitalglarus/css/ungleich.css' %}" rel="stylesheet"> <link href="{% static 'digitalglarus/css/history.css' %}" rel="stylesheet"> <link href="{% static 'digitalglarus/css/price.css' %}" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" /> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.min.css" /> <!-- <link href="css/bootstrap.min.css" rel="stylesheet"> --> <link href="{% static 'digitalglarus/css/lib/animate.min.css' %}" rel="stylesheet"> <!-- <link href="{% static 'css/membership.css' %}" rel="stylesheet"> --> <!-- Custom CSS --> <!-- <link href="css/agency.css" rel="stylesheet"> --> <!-- 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="{% static 'digitalglarus/https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="{% static 'digitalglarus/https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!-- <link href="css/ungleich.css" rel="stylesheet" type="text/css"></link> --> <!-- Google tracking --> <script src="//www.google-analytics.com/analytics.js" async></script><script> (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-62285904-1', 'auto'); ga('send', 'pageview'); </script> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <style id="igtranslator-color" type="text/css"></style> <style type="text/css"> .navbar-default .nav .dropdown.open .dropdown-toggle { background: none !important; color: white !important; } .navbar-default .nav .dropdown li a{ color:#0f1221; text-transform: capitalize; } .navbar-default .nav li a .glyphicon-user{ font-size: 15px; display: inline-block; margin: 0px; color:white; } html,body{ width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } @media only screen and (min-width: 769px){ .dropdown.home-dropdown-mobile { display: none; } .dropdown.home-dropdown { display: block; } } @media only screen and (max-width: 768px){ .dropdown.home-dropdown-mobile { display: block; background-color: } .dropdown.home-dropdown-mobile .dropdown-menu{ display: block; background-color: #0f1221; } .dropdown.home-dropdown-mobile .dropdown-menu li a { color:white; } .dropdown.home-dropdown-mobile .dropdown-menu li a:hover { color: #0f1221; } .dropdown.home-dropdown { display: none; } } </style> {% block extra_css %} {% endblock %} </head> <body id="page-top" class="index"> <!-- Navigation --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container" style="margin-right: -; margin-left: 0px;margin-right: 0px;"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" 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> <p><a class="navbar-brand page-scroll" href="{% url 'digitalglarus:landing' %}"><img src="{% static 'digitalglarus/img/logo_white.svg' %}"></a></p> </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 navbar-right" style="margin-right: -; margin-left: 0px;margin-right: 0px;"> <li class="hidden active"> <a href="#page-top"></a> </li> <li> <a class="page-scroll" href="{% url 'digitalglarus:booking' %}" >booking & price</a> </li> <li> <a class="page-scroll" href="{% url 'digitalglarus:history' %}">history</a> </li> <li> <a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a> </li> <li> <a class="page-scroll" href="#contact">Contact</a> </li> {% if request.user.is_authenticated %} <li class="dropdown home-dropdown-mobile open"> <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"> <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span> </a> <ul id="g-account-menu" class="dropdown-menu" role="menu" aria-hidden="true"> <li> <a href="{% url 'digitalglarus:booking_orders_list' %}"> <i class="fa fa-home" aria-hidden="true"></i> {% trans "Bookings"%} </a> </li> <li> <a href="{% url 'digitalglarus:membership_orders_list' %}"><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Membership"%} </a> </li> <li> <a href="{% url 'digitalglarus:logout' %}"> <i class="fa fa-lock" aria-hidden="true"></i> {% trans "Logout"%} </a> </li> </ul> </li> <li class="dropdown home-dropdown"> <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"> <i class="glyphicon glyphicon-user"></i>{{request.user.name}} <span class="caret"></span> </a> <ul id="g-account-menu" class="dropdown-menu" role="menu"> <li> <a href="{% url 'digitalglarus:booking_orders_list' %}"> <i class="fa fa-home" aria-hidden="true"></i> {% trans "Bookings"%} </a> </li> <li> <a href="{% url 'digitalglarus:membership_orders_list' %}"><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Membership"%} </a> </li> <li> <a href="{% url 'digitalglarus:logout' %}"> <i class="fa fa-lock" aria-hidden="true"></i> {% trans "Logout"%} </a> </li> </ul> </li> {% else %} <li> <a class="page-scroll" href="{% url 'digitalglarus:login' %}">Login</a> </li> {% endif %} <!-- <li> <a class="page-scroll" href="{% url 'digitalglarus:signup' %}">Sign Up</a> </li> --> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> {% block content %} {% endblock %} <footer> <div class="container"> <div class="row"> <div class="col-md-4"> <span class="copyright">Copyright © ungleich GmbH 2016</span> </div> <div class="col-md-4"> <ul class="list-inline social-buttons"> <li><a href="https://facebook.com/digitalglarus"><i class="fa fa-facebook"></i></a> </li> <li><a href="https://twitter.com/ungleich"><i class="fa fa-twitter"></i></a> </li> <li><a href="https://github.com/ungleich"><i class="fa fa-github"></i></a> </li> <li><a href="https://www.linkedin.com/company/ungleich-gmbh?trk=nav_account_sub_nav_company_admin/"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> <div class="col-md-4"> <ul class="list-inline quicklinks"> <li><a href="http://www.ungleich.ch/">ungleich Home</a> </li> </ul> </div> </div> </div> </footer> <script type="text/javascript" src="{% static 'digitalglarus/bower_components/jquery/dist/jquery.min.js' %}"></script> <!-- jQuery --> <script src="{% static 'digitalglarus/js/jquery.js' %}"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script> <!-- Bootstrap Core JavaScript --> <script src="{% static 'digitalglarus/js/bootstrap.min.js' %}"></script> <!-- Plugin JavaScript --> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> <script src="{% static 'digitalglarus/js/classie.js' %}"></script> <script src="{% static 'digitalglarus/js/cbpAnimatedHeader.js' %}"></script> <!-- Stripe Lib --> <script type="text/javascript" src="//js.stripe.com/v2/"></script> <!-- Proccess payment lib --> <script src="{% static 'digitalglarus/js/payment.js' %}"></script> <!-- Contact Form JavaScript --> <script src="{% static 'digitalglarus/js/jqBootstrapValidation.js' %}"></script> <!-- <script src="{% static 'digitalglarus/js/contact_me.js' %}"></script> --> <script src="{% static 'digitalglarus/./js/lib/wow.min.js' %}"></script> <!-- Custom Theme JavaScript --> <script src="{% static 'digitalglarus/js/agency.js' %}"></script> <script src="{% static 'digitalglarus/js/ungleich.js' %}"></script> <!-- Include Required Prerequisites --> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> <!-- <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" /> --> <!-- Include Date Range Picker --> <script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js "></script> <!-- Booking JavaScript --> <script src="{% static 'digitalglarus/js/booking.js' %}"></script> <!-- Utils JavaScript --> <script src="{% static 'digitalglarus/js/utils.js' %}"></script> <!-- Custom Fonts --> <link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css"> <link href="{% static 'digitalglarus/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css"> </html>