diff --git a/alplora/static/alplora/css/alplora.css b/alplora/static/alplora/css/alplora.css index e9cc33d7..8a31e120 100755 --- a/alplora/static/alplora/css/alplora.css +++ b/alplora/static/alplora/css/alplora.css @@ -56,8 +56,8 @@ h6 { color: #f8f8f8; width: 100%; - height: 70vh; - max-height: 620px; + height: 80vh; + max-height: 820px; position: relative; display: flex; justify-content: center; @@ -113,11 +113,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; 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..8ecae8df 100644 --- a/alplora/templates/alplora/index.html +++ b/alplora/templates/alplora/index.html @@ -79,28 +79,28 @@ - + @@ -113,12 +113,12 @@ -
+
-
-
-
-
+
+
+
+
@@ -139,7 +139,7 @@
-
+
@@ -221,7 +221,7 @@ Alplora is just like a cattle bell, but much better.

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

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

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

-
+
@@ -390,8 +387,7 @@ 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..cd46d182 --- /dev/null +++ b/alplora/templates/alplora/login.html @@ -0,0 +1,234 @@ +{% load staticfiles i18n%} + + + + + + + + + Alplora.ch - Find your animal anywhere, anytime + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ 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"