first iteration
This commit is contained in:
Arvind Tiwari
parent
5e8b34d39c
commit
695a8687fd
11 changed files with 652 additions and 131 deletions
160
datacenterlight/static/datacenterlight/css/glasfaser.css
Normal file
160
datacenterlight/static/datacenterlight/css/glasfaser.css
Normal file
|
|
@ -0,0 +1,160 @@
|
||||||
|
.topnav img {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default {
|
||||||
|
border-bottom: 1px solid #e7e7e7;
|
||||||
|
}
|
||||||
|
.navbar-transparent {
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-nav>li>a {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
/* font-family: 'Montserrat'; */
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
.navbar-transparent .navbar-nav>li>a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-transparent .navbar-nav>li>a:hover,
|
||||||
|
.navbar-transparent .navbar-nav>li>a:focus,
|
||||||
|
.navbar-transparent .navbar-nav>li>a:focus:active {
|
||||||
|
color: #fed136;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-transparent {
|
||||||
|
background: rgba(0,0,0,0.05);
|
||||||
|
box-shadow: 0 0 55px rgba(0,0,0,0.09);
|
||||||
|
}
|
||||||
|
.intro-header {
|
||||||
|
background: url(../img/header-nico-sans.jpg) no-repeat center center;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: left;
|
||||||
|
background-color: rgb(118, 140, 163);
|
||||||
|
background-attachment: fixed;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-toP: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.intro-header:before {
|
||||||
|
background: transparent;
|
||||||
|
background: rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-tag-container {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin-right: 8%;
|
||||||
|
margin-left: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-tag {
|
||||||
|
background: url(../img/header-pricetag.png) no-repeat center center;
|
||||||
|
height: 225px;
|
||||||
|
width: 225px;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.high-speed {
|
||||||
|
width: 100%;
|
||||||
|
text-align: right;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
position: relative;
|
||||||
|
/* background: rgba(0,0,0,0.2);
|
||||||
|
box-shadow: 0 0 150px rgba(0,0,0,0.41); */
|
||||||
|
}
|
||||||
|
|
||||||
|
.high-speed h1 {
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: 700;
|
||||||
|
font-family: 'Open Sans Condensed';
|
||||||
|
padding: 10px 15px 10px 0;
|
||||||
|
text-shadow: 0px 2px 2px rgba(0,0,0,0.52);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.high-speed-border {
|
||||||
|
background: #fff;
|
||||||
|
height: 3px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.high-speed-border:first-of-type {
|
||||||
|
width: 40%;
|
||||||
|
right: 0;
|
||||||
|
left: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.high-speed-border:before {
|
||||||
|
content: ' ';
|
||||||
|
display: inline-block;
|
||||||
|
height: 23px;
|
||||||
|
width: 23px;
|
||||||
|
border-radius: 100%;
|
||||||
|
background: #fff;
|
||||||
|
position: absolute;
|
||||||
|
left: -5px;
|
||||||
|
top: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-section h2,
|
||||||
|
.contact-section h3,
|
||||||
|
.contact-section p {
|
||||||
|
color: rgba(255,255,255,0.9);
|
||||||
|
text-transform: initial;
|
||||||
|
font-weight: 300;
|
||||||
|
font-family: 'Lato';
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-section p {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(min-width: 768px) {
|
||||||
|
section {
|
||||||
|
padding: 100px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.intro-header {
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
.high-speed h1 {
|
||||||
|
font-size: 88px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) and (max-width: 991px) {
|
||||||
|
.intro-header {
|
||||||
|
background-position: -100px;
|
||||||
|
background-size: auto 110%;
|
||||||
|
}
|
||||||
|
.price-tag {
|
||||||
|
height: 240px;
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.price-tag {
|
||||||
|
min-height: 320px;
|
||||||
|
width: 320px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -276,7 +276,7 @@ button, input, optgroup, select, textarea {
|
||||||
display: block;
|
display: block;
|
||||||
} */
|
} */
|
||||||
.intro-header {
|
.intro-header {
|
||||||
height: 100vh;
|
min-height: 100vh;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: url(../img/configure.jpg) no-repeat center center;
|
background: url(../img/configure.jpg) no-repeat center center;
|
||||||
|
|
@ -718,6 +718,7 @@ button, input, optgroup, select, textarea {
|
||||||
/* color: #eee;
|
/* color: #eee;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 25px;
|
||||||
text-align: right; */
|
text-align: right; */
|
||||||
|
/* color: #fff; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form .form-group {
|
.contact-form .form-group {
|
||||||
|
|
|
||||||
BIN
datacenterlight/static/datacenterlight/img/header-nico-sans.jpg
Normal file
BIN
datacenterlight/static/datacenterlight/img/header-nico-sans.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
datacenterlight/static/datacenterlight/img/header-pricetag.png
Normal file
BIN
datacenterlight/static/datacenterlight/img/header-pricetag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
|
|
@ -26,6 +26,8 @@
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
<!-- Custom CSS -->
|
||||||
<link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
|
<link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
|
||||||
|
{% block css_extra %}
|
||||||
|
{% endblock css_extra %}
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- 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:// -->
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
|
@ -42,7 +44,9 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
|
{% block navbar %}
|
||||||
{% include "datacenterlight/includes/_navbar.html" %}
|
{% include "datacenterlight/includes/_navbar.html" %}
|
||||||
|
{% endblock navbar %}
|
||||||
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
|
||||||
240
datacenterlight/templates/datacenterlight/glasfaser.html
Normal file
240
datacenterlight/templates/datacenterlight/glasfaser.html
Normal file
|
|
@ -0,0 +1,240 @@
|
||||||
|
{% load static bootstrap3 i18n %}
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{LANGUAGE_CODE}}">
|
||||||
|
|
||||||
|
<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="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<title>ungleich GmbH</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap Core CSS -->
|
||||||
|
<link href="{% static 'ungleich_page/css/bootstrap.min.css' %}" rel="stylesheet">
|
||||||
|
<link href="{% static 'ungleich_page/css/lib/animate.min.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="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel="stylesheet" type="text/css">
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<!-- Custom CSS -->
|
||||||
|
<link href="{% static 'ungleich_page/css/agency.css' %}" rel="stylesheet">
|
||||||
|
<link href="{% static 'ungleich_page/css/ungleich.css' %}" rel="stylesheet">
|
||||||
|
<link href="{% static 'datacenterlight/css/landing-page.css' %}" rel="stylesheet">
|
||||||
|
<link href="{% static 'datacenterlight/css/glasfaser.css' %}" rel="stylesheet">
|
||||||
|
|
||||||
|
<!-- Google analytics -->
|
||||||
|
{% include "google_analytics.html" %}
|
||||||
|
<!-- End Google Analytics -->
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="{% static 'ungleich_page/img/favicon.ico' %}" type="image/x-icon">
|
||||||
|
<style id="igtranslator-color" type="text/css"></style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="page-top" class="index">
|
||||||
|
{% include "datacenterlight/includes/_navbar_glasfaser.html" %}
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="intro-header" id="home">
|
||||||
|
<div class="price-tag-container">
|
||||||
|
<div class="price-tag"></div>
|
||||||
|
</div>
|
||||||
|
<div class="high-speed">
|
||||||
|
<div class="high-speed-border"></div>
|
||||||
|
<h1>{% trans "HIGH SPEED INTERNET" %}</h1>
|
||||||
|
<div class="high-speed-border"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section id="services">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center wow fadeInDown">
|
||||||
|
<h2 class="section-heading">Technische Details</h2>
|
||||||
|
<h3 class="section-subheading text-muted">
|
||||||
|
Im Angebot enthalten sind
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="team-member wow fadeInDown" data-wow-delay="0.5s">
|
||||||
|
<img src="{% static 'ungleich_page/img/team/5.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/hosting.png' %}" class="img-responsive img-circle img-toggle" alt="">
|
||||||
|
<div class="team-member-caption inline-block">
|
||||||
|
<h4 class="portfolio-caption">Title</h4>
|
||||||
|
<p> </p>
|
||||||
|
<p><span class="text-muted">Symmetrische Internetleitung 100 Mbit/s upload und 100 Mbit/s download</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="team-member wow fadeInDown" data-wow-delay="1s">
|
||||||
|
<img src="{% static 'ungleich_page/img/team/4.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/configuration.png' %}" class="img-responsive img-circle img-toggle" alt="">
|
||||||
|
<div class="team-member-caption inline-block">
|
||||||
|
<h4 class="portfolio-caption">Title</h4>
|
||||||
|
<p> </p>
|
||||||
|
<p><span class="text-muted">1 öffentliche IPv4-Adresse</span></p>
|
||||||
|
<p class="text-muted"> </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="team-member wow fadeInDown" data-wow-delay="1.5s">
|
||||||
|
<img src="{% static 'ungleich_page/img/team/6.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
|
||||||
|
<h4 class="portfolio-caption">Title</h4>
|
||||||
|
<p class="text-muted"> </p>
|
||||||
|
<div class="team-member-caption inline-block">
|
||||||
|
<p class="text-muted">1 öffentliches IPv6-Netzwerk (/64)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="team-member wow fadeInDown" data-wow-delay="1.5s">
|
||||||
|
<img src="{% static 'ungleich_page/img/team/6.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
|
||||||
|
<h4 class="portfolio-caption">Title</h4>
|
||||||
|
<p class="text-muted"> </p>
|
||||||
|
<div class="team-member-caption inline-block">
|
||||||
|
<p class="text-muted">2 vorkonfigurierte Endgeräte (benötigt zwei Steckdosen auf Ihrer Seite)</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- About Section -->
|
||||||
|
<section id="about">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center wow fadeInDown">
|
||||||
|
<h2 class="section-heading">Wie funktioniert es?</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<ul class="timeline">
|
||||||
|
<li>
|
||||||
|
<div class="timeline-image">
|
||||||
|
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/1.jpg' %}" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="timeline-panel wow slideInLeft">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4>Title</h4>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p>Senden Sie uns via E-Mail Ihren Firmennamen und Ihre Anschrift zu. Wir prüfen dann die Entfernung zum nächsten Anschlusspunkt und schicken Ihnen eine Offerte zu. Sollten Sie dem Angebot zustimmen, wird die Glasfaser zu Ihrem Standort verlegt und ein Endgerät installiert.</p>
|
||||||
|
</div>
|
||||||
|
</div></li>
|
||||||
|
<li class="timeline-inverted">
|
||||||
|
<div class="timeline-image">
|
||||||
|
<img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/2.jpg' %}" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="timeline-panel wow slideInRight">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h4>Title</h4>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p>Sie müssen dann nur noch Ihre Geräte anschliessen und schon surfen sie bllitzschnell im Internet!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- / contact section -->
|
||||||
|
<div class="full-contact-section">
|
||||||
|
<div class="intro-header-2 contact-section" id="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="title">
|
||||||
|
<h2>{% trans "Contact us" %}</h2>
|
||||||
|
</div>
|
||||||
|
<div class="contact-details">
|
||||||
|
<div class="subtitle">
|
||||||
|
<h3>ungleich GmbH</h3>
|
||||||
|
</div>
|
||||||
|
<div class="description">
|
||||||
|
<p>info@ungleich.ch</p>
|
||||||
|
<p>In der Au 7, Schwanden 8762</p>
|
||||||
|
<p>{% trans "Switzerland " %}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="social">
|
||||||
|
<a target="_blank" class="" href="https://twitter.com/datacenterlight"><i class="fa fa-twitter fa-fw"></i></a>
|
||||||
|
<a target="_blank" class="" href="https://github.com/ungleich"><i class="fa fa-github fa-fw"></i></a>
|
||||||
|
<a target="_blank" class="" href="https://www.facebook.com/ungleich.ch/"><i class="fa fa-facebook"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div id="contact-form" class="contact-form">
|
||||||
|
{% include "datacenterlight/contact_form.html" %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.banner -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
{% include "ungleich_page/includes/_footer.html" %}
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="{% static 'ungleich_page/js/jquery.js' %}" type="text/javascript"></script>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function () {
|
||||||
|
if ($(".has-error").length != 0) {
|
||||||
|
window.location = window.location.pathname + "#contact"
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="{% static 'ungleich_page/js/bootstrap.min.js' %}" type="text/javascript"></script>
|
||||||
|
|
||||||
|
<!-- Plugin JavaScript -->
|
||||||
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"
|
||||||
|
type="text/javascript"></script>
|
||||||
|
<script src="{% static 'ungleich_page/js/classie.js' %}" type="text/javascript"></script>
|
||||||
|
|
||||||
|
<!-- Contact Form JavaScript -->
|
||||||
|
<script src="{% static 'ungleich_page/js/jqBootstrapValidation.js' %}" type="text/javascript"></script>
|
||||||
|
<!-- <script src="{% static 'ungleich_page/js/contact_me.js' %}" type="text/javascript"></script> -->
|
||||||
|
<script src="{% static 'ungleich_page/js/lib/wow.min.js' %}" type="text/javascript"></script>
|
||||||
|
|
||||||
|
<!-- Custom Theme JavaScript -->
|
||||||
|
<script src="{% static 'ungleich_page/js/ungleich.js' %}" type="text/javascript"></script>
|
||||||
|
|
||||||
|
<!-- Custom Fonts -->
|
||||||
|
|
||||||
|
<script src="{% static 'datacenterlight/js/main.js' %}"></script>
|
||||||
|
<!-- Load form js -->
|
||||||
|
<script src="{% static 'datacenterlight/js/form.js' %}"></script>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
|
||||||
|
<link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
|
||||||
|
<link href="{% static 'ungleich_page/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">
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
{% load staticfiles i18n%}
|
||||||
|
{% load custom_tags %}
|
||||||
|
{% get_current_language as LANGUAGE_CODE %}
|
||||||
|
<nav class="navbar navbar-default navbar-fixed-top topnav">
|
||||||
|
<div class="topnav">
|
||||||
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
|
<div class="navbar-header">
|
||||||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||||
|
<span class="sr-only">{% trans "Toggle navigation" %}</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}" id="logoBlack" class="navbar-brand topnav"><img src="{% static 'ungleich_page/img/logo_black.svg' %}"></a>
|
||||||
|
<a href="{% url 'datacenterlight:index' %}" id="logoWhite" class="navbar-brand topnav"><img src="{% static 'ungleich_page/img/logo_white.svg' %}"></a>
|
||||||
|
</div>
|
||||||
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||||
|
<!-- Start Navbar collapse-->
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li>
|
||||||
|
<a class="page-scroll" href="#services">{% trans "Services"%}</a></li>
|
||||||
|
<li>
|
||||||
|
<a class="page-scroll" href="#portfolio">{% trans "products"%}</a></li>
|
||||||
|
<li></li>
|
||||||
|
<li>
|
||||||
|
<a class="page-scroll" href="#about">{% trans "About"%}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="page-scroll" href="#team">{% trans "WHY UNGLEICH?"%}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="page-scroll" href="http://blog.ungleich.ch">{% trans "BLOG"%}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="page-scroll" href="#contact">{% trans "CONTACT"%} </a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
@ -5,7 +5,14 @@ from .views import IndexView, BetaProgramView, LandingProgramView, \
|
||||||
PaymentOrderView, OrderConfirmationView, \
|
PaymentOrderView, OrderConfirmationView, \
|
||||||
WhyDataCenterLightView, ContactUsView
|
WhyDataCenterLightView, ContactUsView
|
||||||
|
|
||||||
|
from django.views.generic import TemplateView
|
||||||
|
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
|
url(r'test/?$',
|
||||||
|
TemplateView.as_view(template_name='datacenterlight/glasfaser.html'),
|
||||||
|
name='test'
|
||||||
|
),
|
||||||
url(r'^$', IndexView.as_view(), name='index'),
|
url(r'^$', IndexView.as_view(), name='index'),
|
||||||
url(r'^t/$', IndexView.as_view(), name='index_t'),
|
url(r'^t/$', IndexView.as_view(), name='index_t'),
|
||||||
url(r'^g/$', IndexView.as_view(), name='index_g'),
|
url(r'^g/$', IndexView.as_view(), name='index_g'),
|
||||||
|
|
|
||||||
|
|
@ -12,6 +12,9 @@ from django.views.generic import RedirectView
|
||||||
from django.core.urlresolvers import reverse_lazy
|
from django.core.urlresolvers import reverse_lazy
|
||||||
import debug_toolbar
|
import debug_toolbar
|
||||||
|
|
||||||
|
from django.views.generic import TemplateView
|
||||||
|
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
url(r'^index.html$', LandingView.as_view()),
|
url(r'^index.html$', LandingView.as_view()),
|
||||||
url(r'^open_api/', include('opennebula_api.urls',
|
url(r'^open_api/', include('opennebula_api.urls',
|
||||||
|
|
|
||||||
71
ungleich_page/static/ungleich_page/img/logo_black.svg
Normal file
71
ungleich_page/static/ungleich_page/img/logo_black.svg
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
width="448px" height="125px" viewBox="-32.5 -87.5 448 125" enable-background="new -32.5 -87.5 448 125" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<path fill="#050505" d="M93.06,20.975c0-1.765,0.621-3.482,1.869-5.161c1.247-1.674,3.027-3.184,5.338-4.517v-0.375
|
||||||
|
c-1.208-0.664-2.28-1.59-3.198-2.779c-0.906-1.189-1.364-2.725-1.364-4.609c0-1.462,0.473-2.938,1.419-4.432
|
||||||
|
c0.935-1.49,2.265-2.816,3.974-3.967v-0.368c-1.589-1.154-2.929-2.695-4.025-4.613c-1.089-1.916-1.636-4.212-1.636-6.887
|
||||||
|
c0-2.498,0.482-4.735,1.456-6.716c0.975-1.978,2.286-3.66,3.932-5.065c1.64-1.401,3.54-2.464,5.703-3.198
|
||||||
|
c2.158-0.729,4.455-1.091,6.893-1.091c2.492,0,4.745,0.363,6.759,1.091h18.348v6.85h-11.139c0.918,0.975,1.737,2.18,2.466,3.604
|
||||||
|
c0.733,1.438,1.096,3.037,1.096,4.799c0,2.44-0.455,4.607-1.366,6.481c-0.913,1.894-2.164,3.486-3.747,4.796
|
||||||
|
c-1.588,1.307-3.438,2.294-5.564,2.961c-2.131,0.668-4.416,1.013-6.852,1.013c-1.092,0-2.265-0.123-3.52-0.371
|
||||||
|
c-1.241-0.236-2.473-0.61-3.693-1.097c-2.071,1.345-3.104,2.891-3.104,4.66c0,1.641,0.762,2.834,2.279,3.562
|
||||||
|
c1.519,0.735,3.715,1.096,6.576,1.096h9.494c5.854,0,10.179,0.843,13.018,2.509c2.828,1.674,4.242,4.438,4.242,8.267
|
||||||
|
c0,2.136-0.597,4.139-1.779,6.025c-1.193,1.889-2.879,3.544-5.072,4.983c-2.188,1.423-4.838,2.552-7.947,3.374
|
||||||
|
c-3.098,0.827-6.571,1.234-10.407,1.234c-6.333,0-11.318-1.02-14.969-3.066C94.887,27.934,93.06,24.928,93.06,20.975z
|
||||||
|
M100.719,19.882c0,2.127,1.174,3.84,3.522,5.155c2.345,1.31,5.737,1.964,10.179,1.964c2.373,0,4.518-0.229,6.438-0.683
|
||||||
|
c1.919-0.453,3.562-1.059,4.932-1.824c1.373-0.762,2.412-1.633,3.15-2.601c0.727-0.971,1.091-2.005,1.091-3.106
|
||||||
|
c0-1.943-0.809-3.235-2.415-3.875c-1.615-0.644-4.036-0.962-7.26-0.962h-7.853c-1.398,0-2.644-0.042-3.737-0.137
|
||||||
|
c-1.1-0.091-2.136-0.285-3.106-0.592c-1.832,1.035-3.105,2.104-3.843,3.196C101.095,17.505,100.719,18.657,100.719,19.882z
|
||||||
|
M113.416-7.059c2.559,0,4.743-0.848,6.581-2.552c1.822-1.708,2.737-4.077,2.737-7.118c0-2.929-0.918-5.271-2.737-7.033
|
||||||
|
c-1.837-1.767-4.021-2.651-6.581-2.651c-2.561,0-4.748,0.885-6.575,2.651c-1.821,1.762-2.739,4.104-2.739,7.033
|
||||||
|
c0,3.041,0.92,5.413,2.739,7.118C108.668-7.906,110.855-7.059,113.416-7.059z"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#050505" d="M24.585,14.149h-7.651l-0.751-7.646h-0.379c-2.271,2.645-4.743,4.768-7.414,6.378
|
||||||
|
c-2.679,1.597-5.777,2.401-9.304,2.401c-5.476,0-9.478-1.585-11.995-4.767c-2.521-3.181-3.776-7.825-3.776-13.932v-23.191
|
||||||
|
l-12.225-0.238l21.669-8.342l-0.094,6.301v24.242c0,4.096,0.725,7.102,2.175,9.021C-3.712,6.299-1.229,7.262,2.3,7.262
|
||||||
|
c2.394,0,4.579-0.584,6.564-1.752c1.981-1.164,4.112-3.135,6.378-5.898v-31.645h9.352L24.585,14.149L24.585,14.149z"/>
|
||||||
|
<path fill="#050505" d="M40.078-32.037h7.649l0.755,7.465h0.372c2.333-2.398,4.851-4.427,7.562-6.093
|
||||||
|
c2.7-1.67,5.857-2.503,9.445-2.503c5.412,0,9.386,1.608,11.902,4.814c2.517,3.208,3.778,7.845,3.778,13.888v28.613h-9.353v-27.386
|
||||||
|
c0-4.027-0.722-7.008-2.167-8.922c-1.447-1.924-3.936-2.889-7.464-2.889c-2.46,0-4.659,0.624-6.616,1.845
|
||||||
|
c-1.948,1.229-4.129,3.065-6.518,5.529v31.824h-9.346v-46.184H40.078z"/>
|
||||||
|
<path fill="#050505" d="M185.909-8.892c0-3.78,0.661-7.167,1.982-10.157c1.32-2.989,3.079-5.543,5.291-7.649
|
||||||
|
c2.201-2.109,4.717-3.719,7.562-4.819c2.83-1.101,5.762-1.651,8.772-1.651c3.405,0,6.406,0.535,9.034,1.608
|
||||||
|
c2.602,1.07,4.827,2.56,6.65,4.475c1.83,1.931,3.218,4.225,4.156,6.907c0.945,2.673,1.423,5.616,1.423,8.825
|
||||||
|
c0,0.955-0.05,1.841-0.147,2.692c-0.094,0.856-0.199,1.56-0.33,2.123h-34.762c0.316,4.537,2,8.081,5.06,10.631
|
||||||
|
c3.055,2.549,6.903,3.822,11.566,3.822c2.522,0,4.862-0.346,7.038-1.042c2.176-0.686,4.302-1.661,6.372-2.916L228.88,9.9
|
||||||
|
c-2.383,1.514-5.083,2.786-8.069,3.829c-2.991,1.038-6.288,1.554-9.877,1.554c-3.465,0-6.715-0.545-9.768-1.65
|
||||||
|
c-3.063-1.102-5.713-2.684-7.983-4.767c-2.271-2.077-4.051-4.615-5.338-7.606C186.555-1.734,185.909-5.119,185.909-8.892z
|
||||||
|
M222.084-12.952c0-4.161-1.078-7.341-3.215-9.548c-2.142-2.202-5.196-3.3-9.162-3.3c-3.462,0-6.551,1.098-9.259,3.3
|
||||||
|
c-2.71,2.209-4.381,5.388-5.002,9.548H222.084z"/>
|
||||||
|
<path fill="#050505" d="M261.514-33.498l0.027,48.596h-9.352v-35.481h-17.538L261.514-33.498z M256.061-43.024
|
||||||
|
c-2.021,0-3.685-0.602-5.008-1.792c-1.315-1.198-1.978-2.806-1.978-4.819c0-2.014,0.657-3.633,1.978-4.862
|
||||||
|
c1.324-1.23,2.987-1.84,5.008-1.84c2.011,0,3.685,0.61,5.008,1.84c1.32,1.229,1.985,2.848,1.985,4.862
|
||||||
|
c0,2.014-0.665,3.624-1.985,4.819C259.745-43.626,258.071-43.024,256.061-43.024z"/>
|
||||||
|
<path fill="#050505" d="M274.5-7.952c0-3.839,0.694-7.275,2.081-10.291c1.386-3.027,3.278-5.571,5.672-7.658
|
||||||
|
c2.388-2.072,5.143-3.642,8.265-4.717c3.121-1.069,6.438-1.603,9.965-1.603c3.777,0,7.085,0.644,9.918,1.931
|
||||||
|
c2.834,1.291,5.199,2.857,7.088,4.678l-4.535,5.95c-1.829-1.513-3.72-2.69-5.676-3.541c-1.943-0.853-4.059-1.276-6.326-1.276
|
||||||
|
c-2.446,0-4.715,0.393-6.796,1.185c-2.07,0.786-3.857,1.9-5.331,3.35c-1.478,1.448-2.628,3.197-3.452,5.244
|
||||||
|
c-0.814,2.044-1.225,4.305-1.225,6.75c0,2.456,0.394,4.711,1.185,6.758c0.785,2.047,1.913,3.791,3.396,5.238
|
||||||
|
c1.48,1.44,3.226,2.572,5.242,3.356c2.015,0.781,4.245,1.174,6.708,1.174c2.832,0,5.386-0.531,7.646-1.597
|
||||||
|
c2.267-1.074,4.306-2.361,6.142-3.875l3.969,6.047c-2.645,2.267-5.545,4.013-8.691,5.238c-3.145,1.224-6.426,1.838-9.821,1.838
|
||||||
|
c-3.59,0-6.942-0.533-10.058-1.602c-3.118-1.065-5.807-2.644-8.081-4.726c-2.263-2.082-4.041-4.613-5.333-7.606
|
||||||
|
C275.146-0.69,274.5-4.107,274.5-7.952z"/>
|
||||||
|
<path fill="#050505" d="M318.894-51.604l19.584-9.712v27.204l-0.569,10.388c2.332-2.388,4.849-4.407,7.562-6.045
|
||||||
|
c2.706-1.632,5.855-2.45,9.443-2.45c5.411,0,9.38,1.603,11.899,4.814c2.517,3.212,3.774,7.841,3.774,13.89v28.615h-9.351v-27.398
|
||||||
|
c0-4.029-0.728-7.004-2.178-8.921c-1.441-1.919-3.923-2.885-7.454-2.885c-2.455,0-4.665,0.615-6.612,1.844
|
||||||
|
c-1.955,1.228-4.131,3.067-6.521,5.529v31.827h-9.354l-0.193-67.096L318.894-51.604z"/>
|
||||||
|
<g>
|
||||||
|
<polygon fill="#050505" points="372.346,-72.483 369.194,-65.904 408.349,-65.739 411.5,-72.447 "/>
|
||||||
|
<polygon fill="#050505" points="369.249,-58.129 365.997,-51.223 405.206,-51.144 408.349,-57.973 "/>
|
||||||
|
<polygon fill="#050505" points="376.891,-43.389 394.854,-81.627 401.77,-81.529 384.02,-43.38 "/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#050505" d="M162.481-0.869c0,3.097,0.775,5.34,2.332,6.713c1.552,1.364,3.569,2.056,6.069,2.056
|
||||||
|
c1.214,0,2.468-0.155,3.748-0.461c1.277-0.306,2.711-0.792,4.293-1.463l2.19,6.765c-1.039,0.358-2.028,0.691-2.968,1.003
|
||||||
|
c-0.954,0.302-1.902,0.556-2.877,0.768c-0.973,0.219-1.991,0.4-3.058,0.55c-1.068,0.149-2.239,0.232-3.518,0.232
|
||||||
|
c-4.993,0-8.783-1.43-11.37-4.297c-2.588-2.859-3.877-6.994-3.877-12.416v-60.796H138.84l23.641-16.66"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.6 KiB |
|
|
@ -18,10 +18,6 @@
|
||||||
<link href="{% static 'ungleich_page/css/bootstrap.min.css' %}" rel="stylesheet">
|
<link href="{% static 'ungleich_page/css/bootstrap.min.css' %}" rel="stylesheet">
|
||||||
<link href="{% static 'ungleich_page/css/lib/animate.min.css' %}" rel="stylesheet">
|
<link href="{% static 'ungleich_page/css/lib/animate.min.css' %}" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
|
||||||
<link href="{% static 'ungleich_page/css/agency.css' %}" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- 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:// -->
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
|
|
@ -29,12 +25,15 @@
|
||||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
|
<!-- Custom CSS -->
|
||||||
|
<link href="{% static 'ungleich_page/css/agency.css' %}" rel="stylesheet">
|
||||||
<link href="{% static 'ungleich_page/css/ungleich.css' %}" rel="stylesheet">
|
<link href="{% static 'ungleich_page/css/ungleich.css' %}" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Google analytics -->
|
<!-- Google analytics -->
|
||||||
{% include "google_analytics.html" %}
|
{% include "google_analytics.html" %}
|
||||||
<!-- End Google Analytics -->
|
<!-- End Google Analytics -->
|
||||||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
|
|
||||||
|
<link rel="shortcut icon" href="{% static 'ungleich_page/img/favicon.ico' %}" type="image/x-icon">
|
||||||
<style id="igtranslator-color" type="text/css"></style>
|
<style id="igtranslator-color" type="text/css"></style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
@ -94,16 +93,14 @@
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
{% include "ungleich_page/includes/_header.html" %}
|
{% include "ungleich_page/includes/_header.html" %}
|
||||||
|
|
||||||
|
|
||||||
<!-- Services Section -->
|
<!-- Services Section -->
|
||||||
{% include "ungleich_page/includes/_services.html" %}
|
{% include "ungleich_page/includes/_services.html" %}
|
||||||
|
|
||||||
<!-- Portfolio Grid Section -->
|
<!-- Portfolio Grid Section -->
|
||||||
{% include "ungleich_page/includes/_portfolio.html" %}
|
{% include "ungleich_page/includes/_portfolio.html" %}
|
||||||
|
|
||||||
|
|
||||||
<!-- About Section -->
|
<!-- About Section -->
|
||||||
{% include "ungleich_page/includes/_about.html" %}$
|
{% include "ungleich_page/includes/_about.html" %}
|
||||||
|
|
||||||
<!-- Team Section -->
|
<!-- Team Section -->
|
||||||
{% include "ungleich_page/includes/_team.html" %}
|
{% include "ungleich_page/includes/_team.html" %}
|
||||||
|
|
@ -129,9 +126,6 @@
|
||||||
<!-- Portfolio Modal 4 -->
|
<!-- Portfolio Modal 4 -->
|
||||||
|
|
||||||
<!-- Portfolio Modal 6 -->
|
<!-- Portfolio Modal 6 -->
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- jQuery -->
|
||||||
<script src="{% static 'ungleich_page/js/jquery.js' %}" type="text/javascript"></script>
|
<script src="{% static 'ungleich_page/js/jquery.js' %}" type="text/javascript"></script>
|
||||||
|
|
@ -171,4 +165,5 @@
|
||||||
<link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet"
|
<link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet"
|
||||||
type="text/css">
|
type="text/css">
|
||||||
<link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
|
<link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue