diff --git a/datacenterlight/static/datacenterlight/css/glasfaser.css b/datacenterlight/static/datacenterlight/css/glasfaser.css new file mode 100644 index 00000000..d971e776 --- /dev/null +++ b/datacenterlight/static/datacenterlight/css/glasfaser.css @@ -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; + } +} \ No newline at end of file diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css index 0d0729fb..97599738 100755 --- a/datacenterlight/static/datacenterlight/css/landing-page.css +++ b/datacenterlight/static/datacenterlight/css/landing-page.css @@ -276,7 +276,7 @@ button, input, optgroup, select, textarea { display: block; } */ .intro-header { - height: 100vh; + min-height: 100vh; text-align: center; color: #fff; background: url(../img/configure.jpg) no-repeat center center; @@ -715,9 +715,10 @@ button, input, optgroup, select, textarea { font-size: 65px; margin: 0; position: relative; -/* color: #eee; + /* color: #eee; padding-bottom: 25px; text-align: right; */ + /* color: #fff; */ } .contact-form .form-group { diff --git a/datacenterlight/static/datacenterlight/img/header-nico-sans.jpg b/datacenterlight/static/datacenterlight/img/header-nico-sans.jpg new file mode 100644 index 00000000..32fd0b73 Binary files /dev/null and b/datacenterlight/static/datacenterlight/img/header-nico-sans.jpg differ diff --git a/datacenterlight/static/datacenterlight/img/header-pricetag.png b/datacenterlight/static/datacenterlight/img/header-pricetag.png new file mode 100644 index 00000000..d4837563 Binary files /dev/null and b/datacenterlight/static/datacenterlight/img/header-pricetag.png differ diff --git a/datacenterlight/templates/datacenterlight/base.html b/datacenterlight/templates/datacenterlight/base.html index 45b30cad..58e6b15a 100644 --- a/datacenterlight/templates/datacenterlight/base.html +++ b/datacenterlight/templates/datacenterlight/base.html @@ -18,7 +18,7 @@ - + @@ -26,6 +26,8 @@ + {% block css_extra %} + {% endblock css_extra %} @@ -42,7 +44,9 @@ - {% include "datacenterlight/includes/_navbar.html" %} + {% block navbar %} + {% include "datacenterlight/includes/_navbar.html" %} + {% endblock navbar %} {% block content %} diff --git a/datacenterlight/templates/datacenterlight/glasfaser.html b/datacenterlight/templates/datacenterlight/glasfaser.html new file mode 100644 index 00000000..be1ce671 --- /dev/null +++ b/datacenterlight/templates/datacenterlight/glasfaser.html @@ -0,0 +1,240 @@ +{% load static bootstrap3 i18n %} + + + + + + + + + + + + ungleich GmbH + + + + + + + + + + + + + + + + + + + + {% include "google_analytics.html" %} + + + + + + + + {% include "datacenterlight/includes/_navbar_glasfaser.html" %} + + +
+
+
+
+
+
+

{% trans "HIGH SPEED INTERNET" %}

+
+
+
+ +
+
+
+
+

Technische Details

+

+ Im Angebot enthalten sind +

+
+
+
+
+
+ +
+

Title

+

 

+

Symmetrische Internetleitung 100 Mbit/s upload und 100 Mbit/s download

+
+
+
+
+
+ +
+

Title

+

 

+

1 öffentliche IPv4-Adresse

+

 

+
+
+
+
+
+ +

Title

+

 

+
+

1 öffentliches IPv6-Netzwerk (/64)

+
+
+
+
+
+ +

Title

+

 

+
+

2 vorkonfigurierte Endgeräte (benötigt zwei Steckdosen auf Ihrer Seite)

+
+
+
+
+
+
+ + +
+
+
+
+

Wie funktioniert es?

+
+
+
+
+
    +
  • +
    + +
    +
    +
    +

    Title

    +
    +
    +

    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.

    +
    +
    • +
  • +
    + +
    +
    +
    +

    Title

    +
    +
    +

    Sie müssen dann nur noch Ihre Geräte anschliessen und schon surfen sie bllitzschnell im Internet!

    +
    +
    +
    • +
+
+
+
+
+ + + +
+
+
+
+
+
+

{% trans "Contact us" %}

+
+
+
+

ungleich GmbH

+
+
+

info@ungleich.ch

+

In der Au 7, Schwanden 8762

+

{% trans "Switzerland " %}

+
+
+ +
+
+
+ {% include "datacenterlight/contact_form.html" %} +
+
+
+ +
+
+
+ + + + {% include "ungleich_page/includes/_footer.html" %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar_glasfaser.html b/datacenterlight/templates/datacenterlight/includes/_navbar_glasfaser.html new file mode 100644 index 00000000..cdd66610 --- /dev/null +++ b/datacenterlight/templates/datacenterlight/includes/_navbar_glasfaser.html @@ -0,0 +1,40 @@ +{% load staticfiles i18n%} +{% load custom_tags %} +{% get_current_language as LANGUAGE_CODE %} + diff --git a/datacenterlight/urls.py b/datacenterlight/urls.py index a8d8f49d..b1aeb9a9 100644 --- a/datacenterlight/urls.py +++ b/datacenterlight/urls.py @@ -5,7 +5,14 @@ from .views import IndexView, BetaProgramView, LandingProgramView, \ PaymentOrderView, OrderConfirmationView, \ WhyDataCenterLightView, ContactUsView +from django.views.generic import TemplateView + + urlpatterns = [ + url(r'test/?$', + TemplateView.as_view(template_name='datacenterlight/glasfaser.html'), + name='test' + ), url(r'^$', IndexView.as_view(), name='index'), url(r'^t/$', IndexView.as_view(), name='index_t'), url(r'^g/$', IndexView.as_view(), name='index_g'), diff --git a/dynamicweb/urls.py b/dynamicweb/urls.py index 699ce50b..d8fa9903 100644 --- a/dynamicweb/urls.py +++ b/dynamicweb/urls.py @@ -12,6 +12,9 @@ from django.views.generic import RedirectView from django.core.urlresolvers import reverse_lazy import debug_toolbar +from django.views.generic import TemplateView + + urlpatterns = [ url(r'^index.html$', LandingView.as_view()), url(r'^open_api/', include('opennebula_api.urls', diff --git a/ungleich_page/static/ungleich_page/img/logo_black.svg b/ungleich_page/static/ungleich_page/img/logo_black.svg new file mode 100644 index 00000000..99e8f590 --- /dev/null +++ b/ungleich_page/static/ungleich_page/img/logo_black.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/ungleich_page/templates/ungleich_page/landing.html b/ungleich_page/templates/ungleich_page/landing.html index 6d9e4a5e..ebfd346c 100644 --- a/ungleich_page/templates/ungleich_page/landing.html +++ b/ungleich_page/templates/ungleich_page/landing.html @@ -18,10 +18,6 @@ - - - - + + {% include "google_analytics.html" %} - + + - - + + {% include "ungleich_page/includes/_header.html" %} - -{% include "ungleich_page/includes/_header.html" %} + + {% include "ungleich_page/includes/_services.html" %} + + + {% include "ungleich_page/includes/_portfolio.html" %} + + + {% include "ungleich_page/includes/_about.html" %} + + + {% include "ungleich_page/includes/_team.html" %} + + + {% include "ungleich_page/includes/_softwares.html" %} + + + {% include "ungleich_page/includes/_contact_us.html" %} + + + {% include "ungleich_page/includes/_footer.html" %} + + + + + + + + + + + + + + + + + + + + + + + + + - -{% include "ungleich_page/includes/_services.html" %} + + + + - -{% include "ungleich_page/includes/_portfolio.html" %} + + - -{% include "ungleich_page/includes/_about.html" %}$ - - -{% include "ungleich_page/includes/_team.html" %} - - -{% include "ungleich_page/includes/_softwares.html" %} - - -{% include "ungleich_page/includes/_contact_us.html" %} - - -{% include "ungleich_page/includes/_footer.html" %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + +