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 95de5e57..07f8ea86 100644
--- a/alplora/templates/alplora/index.html
+++ b/alplora/templates/alplora/index.html
@@ -79,28 +79,28 @@
-
+