added new section

This commit is contained in:
victorAnumudu
2024-05-17 18:46:29 +01:00
parent 90cfa7541c
commit 43f858243f
5 changed files with 153 additions and 43 deletions
+82 -3
View File
@@ -1,12 +1,79 @@
/* Deafult Margin & Padding */
/*-- Margin Top --*/
.height-50 {
height: 50px;
}
.height-100 {
height: 100px;
}
.height-150 {
height: 150px;
}
.height-200 {
height: 200px;
}
.italic {
font-style: italic;
}
a {
text-decoration: none;
text-decoration: none;
background-color: transparent;
}
.expire{
color:red;
}
.border-normal {
border: 2px solid black
}
.border-thin{
border: 4px solid black
}
.border-r-5 {
border-radius: 5px;
}
.border-r-10 {
border-radius: 10px;
}
/* Default Width sizes */
/*-- Width Sizes --*/
.custom-w-80 {
width: 80%;
}
.custom-w-90 {
width: 90%;
}
/* Default Font sizes */
/*-- Font Sizes --*/
.font-10 {
font-size: 10px;
}
.font-16 {
font-size: 16px;
}
.font-20 {
font-size: 20px;
}
.font-25 {
font-size: 25px;
}
.font-30 {
font-size: 30px;
}
.font-35 {
font-size: 35px;
}
.font-40 {
font-size: 40px;
}
.font-45 {
font-size: 45px;
}
/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-5 {
margin-top: 5px;
}
@@ -902,6 +969,18 @@ a {
.black {
color: #222;
}
.color-blue {
color: #2b70fa;
}
.color-purple {
color: purple;
}
.bg-purple {
color: purple;
}
.border-purple {
border-color: purple;
}
/* black overlay */
[data-overlay] {
+17 -7
View File
@@ -172,6 +172,11 @@ p {
border-color: #2b70fa;
color: #fff;
}
.btn-get-started:hover {
color: purple;
opacity: .9;
transition: all .3s;
}
.appie-section-title {
padding-bottom: 25px;
@@ -3170,13 +3175,19 @@ p {
}
}
.appie-traffic-service {
.appie-traffic-service, .appie-traffic-service-two {
position: relative;
}
.appie-traffic-service {
padding-left: 40px;
padding-right: 70px;
}
.appie-traffic-service-two {
padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.appie-traffic-service {
.appie-traffic-service, .appie-traffic-service-two {
padding-right: 0;
}
}
@@ -3192,12 +3203,11 @@ p {
padding-right: 0px;
}
}
.appie-traffic-service .icon {
.appie-traffic-service .icon, .appie-traffic-service-two .icon {
position: absolute;
left: 0;
top: 5px;
}
.appie-traffic-service .icon i {
.appie-traffic-service .icon i, .appie-traffic-service-two .icon i {
height: 26px;
width: 26px;
text-align: center;
@@ -3208,13 +3218,13 @@ p {
font-size: 14px;
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
}
.appie-traffic-service .title {
.appie-traffic-service .title, .appie-traffic-service-two title {
font-size: 24px;
font-weight: 700;
padding-bottom: 7px;
text-shadow: 3px 4px 10px rgba(0,0,0,0.3);
}
.appie-traffic-service p {
.appie-traffic-service p, .appie-traffic-service-two p {
font-size: 17px;
margin-top: 10px;
/*margin-bottom: 2px;*/