diff --git a/bcb/settings.py b/bcb/settings.py
index d5b41e2..c8516e7 100644
--- a/bcb/settings.py
+++ b/bcb/settings.py
@@ -25,7 +25,7 @@ SECRET_KEY = '6c+@l58@$0nky8p2dm-$9a)!yr=7p!*1#q=ff@g#g*1&gx+@h+'
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = ['*']
# Application definition
diff --git a/static/css/about.css b/static/css/about.css
index 4d4539d..9f63a3b 100644
--- a/static/css/about.css
+++ b/static/css/about.css
@@ -49,12 +49,17 @@
}
.about-content {
- width: 90%;
margin: 50px auto;
+ line-height: 1.8;
+ letter-spacing: 0.8px;
+ color: #808285;
+ border-bottom: 1px solid #f1f1f1;
}
.about-content .inner-container {
display: flex;
justify-content: space-between;
+ width: 90%;
+ margin: 0 auto;
}
.about-content .inner-container .description {
width: 60%;
@@ -63,18 +68,32 @@
justify-content: space-between;
flex-direction: column;
}
+.about-content .inner-container .description p {
+ width: 100%;
+}
+.about-content .inner-container .description marked {
+ color: #28aae2;
+}
.about-content .inner-container .description .heading {
font-weight: bold;
font-size: 36px;
+ font-family: archivo-black;
+ color: #403e41;
}
.about-content figure {
- width: 30%;
+ width: 37%;
+ align-self: center;
+ display: flex;
}
.about-content figure img {
width: 100%;
+ align-self: center;
}
.about-content p {
margin-top: 30px;
+ width: 90%;
+ margin: 30px auto 0;
+ padding-bottom: 50px;
}
#our-team {
@@ -85,6 +104,18 @@
font-size: 36px;
color: #403e41;
text-align: center;
+ font-family: archivo-black;
+}
+#our-team h3 marked {
+ color: #28aae2;
+ display: inline;
+}
+#our-team marked {
+ color: #28aae2;
+ padding: 10px 0 0;
+ text-align: center;
+ display: block;
+ font-weight: bold;
}
#our-team .owl-team {
margin: 50px 0;
diff --git a/static/css/service.css b/static/css/service.css
index 95e94bb..266791c 100644
--- a/static/css/service.css
+++ b/static/css/service.css
@@ -69,7 +69,6 @@
display: block;
}
.service-content ul {
- border: 1px solid #d2d4d5;
width: 25%;
display: flex;
flex-direction: column;
@@ -78,10 +77,11 @@
.service-content ul li {
list-style: none;
padding: 10% 0;
- border-bottom: 1px solid #808285;
- color: #403e41;
+ border-bottom: 2px solid white;
text-align: center;
cursor: pointer;
+ background-color: #fcfcfc;
+ color: #808285;
}
.service-content ul li.active {
background-color: #28aae2;
diff --git a/static/scss/about.scss b/static/scss/about.scss
index c6cf419..7c597cf 100644
--- a/static/scss/about.scss
+++ b/static/scss/about.scss
@@ -28,12 +28,17 @@
}
.about-content {
- width: 90%;
margin: 50px auto;
+ line-height: 1.8;
+ letter-spacing: 0.8px;
+ color: #808285;
+ border-bottom: 1px solid #f1f1f1;
.inner-container {
display: flex;
justify-content: space-between;
+ width: 90%;
+ margin: 0 auto;
.description {
width: 60%;
@@ -41,24 +46,40 @@
display: flex;
justify-content: space-between;
flex-direction: column;
+
+ p {
+ width: 100%;
+ }
+
+ marked {
+ color: $blue;
+ }
.heading {
font-weight: bold;
font-size: $heading_size;
+ font-family: archivo-black;
+ color: $dark_brown;
}
}
}
figure {
- width: 30%;
+ width: 37%;
+ align-self: center;
+ display: flex;
img {
width: 100%;
+ align-self: center;
}
}
p {
margin-top: 30px;
+ width: 90%;
+ margin: 30px auto 0;
+ padding-bottom: 50px;
}
}
@@ -70,6 +91,20 @@
font-size: $heading_size;
color: $dark_brown;
text-align: center;
+ font-family: archivo-black;
+
+ marked {
+ color: $blue;
+ display: inline;
+ }
+ }
+
+ marked {
+ color: $blue;
+ padding: 10px 0 0;
+ text-align: center;
+ display: block;
+ font-weight: bold;
}
.owl-team {
diff --git a/static/scss/service.scss b/static/scss/service.scss
index 33b81a9..f7355dc 100644
--- a/static/scss/service.scss
+++ b/static/scss/service.scss
@@ -51,7 +51,6 @@
}
ul {
- border: 1px solid $light_gray;
width: 25%;
display: flex;
flex-direction: column;
@@ -60,10 +59,11 @@
li {
list-style: none;
padding: 10% 0;
- border-bottom: 1px solid $dark_gray;
- color: $dark_brown;
+ border-bottom: 2px solid white;
text-align: center;
cursor: pointer;
+ background-color: #fcfcfc;
+ color: #808285;
&.active {
background-color: $blue;
diff --git a/templates/about.html b/templates/about.html
index 5d17036..a2a7a7e 100644
--- a/templates/about.html
+++ b/templates/about.html
@@ -19,7 +19,7 @@
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Delectus, incidunt! Illum blanditiis quas rem in adipisci @@ -58,12 +58,13 @@
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
@@ -72,6 +73,7 @@Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
@@ -80,6 +82,7 @@Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
@@ -88,6 +91,7 @@Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
@@ -96,6 +100,7 @@Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, consequuntur!
diff --git a/templates/home.html b/templates/home.html index e02555c..897ff1b 100644 --- a/templates/home.html +++ b/templates/home.html @@ -116,7 +116,7 @@Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -126,7 +126,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -136,7 +136,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -146,7 +146,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor @@ -156,37 +156,7 @@
Lorem ipsum dolor sit amet, - consectetur adipiscing elit, sed - do eiusmod tempor -
- -Lorem ipsum dolor sit amet, - consectetur adipiscing elit, sed - do eiusmod tempor -
- -Lorem ipsum dolor sit amet, - consectetur adipiscing elit, sed - do eiusmod tempor -
- -Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor diff --git a/templates/service.html b/templates/service.html index af32dbc..5508a41 100644 --- a/templates/service.html +++ b/templates/service.html @@ -15,13 +15,12 @@