Skip to content

Commit 150b3d6

Browse files
author
zzzprojects
committed
Update design
Update design
1 parent df80ffc commit 150b3d6

File tree

8 files changed

+72
-44
lines changed

8 files changed

+72
-44
lines changed

‎docs/_includes/custom/site-footer.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,11 +86,11 @@ <h4>Free Projects</h4>
8686
</div>
8787
</div>
8888
</div>
89-
<div class="row justify-content-center section-free">
89+
<div class="row justify-content-center section-free newletter">
9090
<div class="d-flex justify-content-center">
9191
<div class="hidden-md-down">
9292
<form class="form-inline" action="https://zzzprojects.us9.list-manage.com/subscribe/post?u=cecbc4775cf67bf1ff82018af&amp;id=4765ffa5f8"
93-
method="post" target="_blank">
93+
method="post" target="_blank">
9494
<span class="newsletter-label">Stay updated:</span>
9595
<input type="email" class="form-control" name="EMAIL" placeholder="Email address">
9696
<button type="submit" class="btn btn-sm btn-z">

‎docs/_sass/components/jumbotron.scss‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.jumbotron{
2+
margin-top:20px;
3+
background-color:white;
4+
color:black;
5+
text-align:left;
6+
h2.display-4{
7+
color:black!important;
8+
}
9+
}

‎docs/_sass/skeletons/article.scss‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
// section-nav
33
//
44
.section_trial {
5-
color: #676565;
5+
color: $color-gray-darker;
66
.boxes {
7-
border: 1px solid #d8d8d8;
7+
border: 1px solid $color-gray-lighter;
88
padding: 15px;
99
margin-bottom: 15px;
1010
background-color: white;
@@ -38,7 +38,7 @@
3838
font-weight: 700;
3939
&:after {
4040
content: "";
41-
background: #4d4e54;
41+
background: $color-gray-darkest;
4242
position: absolute;
4343
bottom: -1px;
4444
left: 0px;
@@ -52,7 +52,7 @@
5252
//
5353
.section-article h2 {
5454
margin-bottom: 10px;
55-
color: #635a5a;
55+
color: $color-gray-darker;
5656
}
5757

5858
.section-article .card-code {
@@ -127,8 +127,8 @@
127127
}
128128
.col-2 {
129129
padding: 10px 0;
130-
border-top: 1px solid #676565;
131-
border-bottom: 1px solid #676565;
130+
border-top: 1px solid $color-gray-darker;
131+
border-bottom: 1px solid $color-gray-darker;
132132
margin: 0 10px;
133133
}
134134
}

‎docs/_sass/skeletons/site-footer.scss‎

Lines changed: 34 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,42 @@
22
// site-footer
33
//
44
.site-footer {
5-
@include background-black;
6-
color: $color-light;
7-
font-size: $font-size-xl;
8-
padding-bottom: 5px;
5+
@include background-black;
6+
color: $color-light;
7+
font-size: $font-size-xl;
8+
padding-bottom: 5px;
99
}
10+
1011
.site-footer input {
11-
margin: 0 15px;
12+
margin: 0 15px;
13+
}
14+
15+
.newletter {
16+
background-color: #191919;
17+
input[type="email"] {
18+
border-radius: 0;
19+
border: 0;
20+
}
1221
}
1322

14-
.site-footer{
15-
.section-free{
16-
padding-bottom:15px;
17-
}
18-
.section-premium{
19-
padding-bottom:15px;
20-
background-color:#3c3c3c;
21-
}
22-
.card-header{
23-
h3{
24-
a{
25-
padding-right:24px;
26-
}
27-
}
28-
}
23+
.site-footer {
24+
.section-free {
25+
padding: 7px 0;
26+
a {
27+
&:hover {
28+
color: $color-z;
29+
}
30+
}
31+
}
32+
.section-premium {
33+
padding-bottom: 15px;
34+
background-color: $color-gray-darkest;
35+
}
36+
.card-header {
37+
h3 {
38+
a {
39+
padding-right: 24px;
40+
}
41+
}
42+
}
2943
}

‎docs/_sass/skeletons/site-header.scss‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555

5656
@media (max-width: 991px) {
5757
.site-header {
58-
border-bottom: 1px solid red;
58+
border-bottom: 1px solid $color-z;
5959
}
6060
.site-header .nav-site .navbar-brand img {
6161
height: 60px;
@@ -96,7 +96,7 @@
9696
text-decoration: none;
9797
}
9898
.site-header .nav-site a.nav-link::after {
99-
border-bottom: 2px solid #c00;
99+
border-bottom: 2px solid $color-z;
100100
bottom: 0;
101101
content: "";
102102
left: 0;
@@ -116,7 +116,8 @@
116116
// nav-context
117117
//
118118
.site-header .nav-context {
119-
@include background-black;
119+
background-color: $color-gray-darkest;
120+
border-bottom: 1px solid $color-gray-darker;
120121
}
121122

122123
.site-header .nav-context nav {

‎docs/_sass/utilities.scss‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
border: 3px solid transparent;
1212
padding: 6px 16px;
1313
&:hover {
14-
border: 3px solid #e22222;
14+
border: 3px solid $color-z;
1515
} // &.accent{
1616
// background:none;
1717
// background-color:$color-accent1!important;
@@ -59,7 +59,7 @@
5959
.number {
6060
font-size: 24px;
6161
text-align: left;
62-
border-bottom: 2px solid red;
62+
border-bottom: 2px solid $color-z;
6363
font-weight: bold;
6464
}
6565
&:hover {
@@ -142,7 +142,7 @@ ul.list-checked {
142142
background-color: white;
143143
padding: 0 10px;
144144
font-size: 20px;
145-
color: #676565;
145+
color: $color-gray-darker;
146146
}
147147
.line {
148148
position: absolute;
@@ -151,7 +151,7 @@ ul.list-checked {
151151
left: 0;
152152
width: 100%;
153153
height: 1px;
154-
background-color: #f00;
154+
background-color: $color-z;
155155
}
156156
}
157157

@@ -166,19 +166,19 @@ ul.list-checked {
166166
padding: 55px 0;
167167
width: 100%;
168168
font-size: 30px;
169-
border: 2px solid #676565;
169+
border: 2px solid $color-gray-darker;
170170
&.sql_only {
171171
padding: 66px 0;
172172
}
173173
}
174174
.btn-main-provider,
175175
.btn-secondary-provider {
176-
color: #676565;
176+
color: $color-gray-darker;
177177
}
178178
.btn-secondary-provider {
179179
padding: 10px 5px;
180180
width: 100%;
181-
border: 1px solid #676565;
181+
border: 1px solid $color-gray-darker;
182182
.icon_people {
183183
* {
184184
border: 1px solid white;
@@ -208,7 +208,7 @@ ul.list-checked {
208208
width: 40px;
209209
height: 40px;
210210
text-align: center;
211-
color: #f00;
211+
color: $color-z;
212212
background-color: white;
213213
opacity: 0;
214214
border-radius: 50%;
@@ -225,15 +225,15 @@ ul.list-checked {
225225

226226
.container_radio:hover input~.checkmark {
227227
background-color: white;
228-
border-color: red;
229-
color: red;
228+
border-color: $color-z;
229+
color: $color-z;
230230
cursor: pointer;
231231
}
232232

233233
.container_radio input:checked~.checkmark {
234234
background-color: white;
235-
border-color: red;
236-
color: red;
235+
border-color: $color-z;
236+
color: $color-z;
237237
.icon_check {
238238
opacity: 1;
239239
}

‎docs/_sass/variables.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,11 @@ $color-z: #c00;
22
$color-accent: #009edf;
33
$color-light: #fff;
44
$color-dark: #000;
5+
$color-gray-light: #a8a8a8;
6+
$color-gray-lighter: #d8d8d8;
7+
$color-gray-dark: #a8a8a8;
8+
$color-gray-darker: #676565;
9+
$color-gray-darkest: #3c3c3c;
510
$box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
611
$box-shadow-dark: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
712
$link-color: #c00;

‎docs/pages/site/contact-us.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
22
permalink: contact-us
33
---
4-
54
<div class="container " style="margin-top: 60px;">
65

76
<!--

0 commit comments

Comments
 (0)