diff --git a/alplora/static/alplora/css/alplora.css b/alplora/static/alplora/css/alplora.css index e9cc33d7..a3629eb2 100755 --- a/alplora/static/alplora/css/alplora.css +++ b/alplora/static/alplora/css/alplora.css @@ -56,8 +56,7 @@ h6 { color: #f8f8f8; width: 100%; - height: 70vh; - max-height: 620px; + height: 100vh; position: relative; display: flex; justify-content: center; @@ -76,11 +75,36 @@ h6 { z-index: 0; display: none; } +.intro-header:before{ + content: " "; + width: 100%; + height: 100%; + position: absolute; + background-color: rgba(49, 49, 49, 0.15); + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1; +} +.intro-header .arrow-down{ + position: absolute; + color: #fff; + bottom: 20px; + z-index: 1000; +} +.intro-header .arrow-down a{ + color: #fff; + font-size: 32px; + z-index: 100; +} .intro-header .background:nth-child(1){ display: block; } - +#about{ + padding-top: 70px; +} .intro-header-1 { padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */ @@ -113,11 +137,54 @@ h6 { } .intro-login { - background: url(../img/login-bg.jpg) no-repeat center center; + background: url(../img/banner-4.jpg) no-repeat center center; background-size: cover; height: 100%; } +.section-login{ + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} +.section-login .box-login{ + background: #fff; + padding: 60px; + text-align: center; + border-radius: 4px; +} +.section-login .box-login img{ + width: 200px; +} +.section-login .title h1{ + font-size: 41px; +} +.section-login .description{ + font-size: 20px; + border-bottom: 3px solid #737373; + margin-bottom: 44px; + padding-bottom: 9px; + width: 96px; + margin: 0 auto; + margin-bottom: 44px; +} +.section-login .text{ + margin: 5px 10px; + color: #797979; +} +.section-login .text a{ + color: #0056c1; +} +.btn-red{ + background: #980000; +} +.section-login .btn-login{ + color: #fff; + font-weight: 700; + padding: 10px 20px; + text-transform: uppercase; +} .intro-signup { background: url(../img/signup-bg.png) no-repeat center center; background-size: cover; @@ -177,6 +244,7 @@ h6 { .intro-divider { width: 100%; } + } .network-name { @@ -228,13 +296,28 @@ h6 { margin-top: 0; } +.pt-70{ + padding-top: 70px; +} + @media (max-width: 1199px) { ul.banner-social-buttons { float: left; margin-top: 15px; } } - +footer { + padding: 2%; + background-color: #f8f8f8; + #position: absolute; + right: 0; + bottom: 0; + left: 0; +} +footer .footer-links{ + text-align: right; + padding-top: 50px; +} @media (max-width: 767px) { .banner h2 { margin: 0; @@ -251,16 +334,11 @@ h6 { ul.banner-social-buttons > li:last-child { margin-bottom: 0; } + footer .footer-links{ + text-align: left; + } } -footer { - padding: 2%; - background-color: #f8f8f8; - #position: absolute; - right: 0; - bottom: 0; - left: 0; -} p.copyright { margin: 15px 0 0; @@ -471,4 +549,6 @@ img::selection { #portfolio .portfolio-item { overflow: hidden; -} \ No newline at end of file +} + +//utils diff --git a/alplora/static/alplora/img/banner-1.jpg b/alplora/static/alplora/img/banner-1.jpg new file mode 100644 index 00000000..5a96bf1a Binary files /dev/null and b/alplora/static/alplora/img/banner-1.jpg differ diff --git a/alplora/static/alplora/img/banner-2.jpg b/alplora/static/alplora/img/banner-2.jpg new file mode 100644 index 00000000..43f7be9f Binary files /dev/null and b/alplora/static/alplora/img/banner-2.jpg differ diff --git a/alplora/static/alplora/img/banner-3.jpg b/alplora/static/alplora/img/banner-3.jpg new file mode 100644 index 00000000..768efa1d Binary files /dev/null and b/alplora/static/alplora/img/banner-3.jpg differ diff --git a/alplora/static/alplora/img/banner-4.jpg b/alplora/static/alplora/img/banner-4.jpg new file mode 100644 index 00000000..7bdb138e Binary files /dev/null and b/alplora/static/alplora/img/banner-4.jpg differ diff --git a/alplora/static/alplora/js/main.js b/alplora/static/alplora/js/main.js index c2a768ed..1e6a4668 100755 --- a/alplora/static/alplora/js/main.js +++ b/alplora/static/alplora/js/main.js @@ -14,7 +14,7 @@ $( document ).ready(function() { - + init_nav(); initBackgroundsHeader(); }); @@ -35,4 +35,14 @@ _changeBg(0, arrayElements, 4000); } + function init_nav(){ + + $('.nav-local').click(function(){ + $('html, body').animate({ + scrollTop: $('#'+$(this).data('href')).offset().top + }); + }); + + } + })(jQuery); \ No newline at end of file diff --git a/alplora/templates/alplora/index.html b/alplora/templates/alplora/index.html index e947f6d8..e88ba4e5 100644 --- a/alplora/templates/alplora/index.html +++ b/alplora/templates/alplora/index.html @@ -79,28 +79,28 @@ - + @@ -113,12 +113,13 @@ -
+
-
-
-
-
+
+
+
+
+
@@ -136,10 +137,15 @@
- +
+ + + +
+
-
+
@@ -221,7 +227,7 @@ Alplora is just like a cattle bell, but much better.

-
+
@@ -258,8 +264,7 @@ Alplora is just like a cattle bell, but much better.

- -
+
@@ -273,8 +278,6 @@ Alplora is just like a cattle bell, but much better.

- -
@@ -333,7 +336,7 @@ Alplora is just like a cattle bell, but much better.

-
+
@@ -390,8 +393,7 @@ Alplora is just like a cattle bell, but much better.

- -
+
@@ -421,19 +423,15 @@ Alplora is just like a cattle bell, but much better.

diff --git a/alplora/templates/alplora/login.html b/alplora/templates/alplora/login.html new file mode 100644 index 00000000..53cb4f87 --- /dev/null +++ b/alplora/templates/alplora/login.html @@ -0,0 +1,216 @@ +{% load staticfiles i18n%} + + + + + + + + + Alplora.ch - Find your animal anywhere, anytime + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + +
+
+
+
+ +

Alplora

+

info@alplora.ch

+

In der Au 7 Schwanden 8762

+

Switzerland

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

Copyright © Alplora 2017. All Rights Reserved

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/alplora/urls.py b/alplora/urls.py index 31ffe550..a84884c4 100644 --- a/alplora/urls.py +++ b/alplora/urls.py @@ -1,10 +1,11 @@ from django.conf.urls import url -from .views import IndexView +from .views import IndexView, LoginView urlpatterns = [ url(r'^/?$', IndexView.as_view(), name='index'), + url(r'/login/', LoginView.as_view(), name='login'), # url(r'^/beta-program/?$', BetaProgramView.as_view(), name='beta'), # url(r'^/landing/?$', LandingProgramView.as_view(), name='landing'), ] diff --git a/alplora/views.py b/alplora/views.py index a372d4e4..d9db6f12 100644 --- a/alplora/views.py +++ b/alplora/views.py @@ -3,3 +3,6 @@ from django.views.generic import TemplateView class IndexView(TemplateView): template_name = "alplora/index.html" + +class LoginView(TemplateView): + template_name = "alplora/login.html"