Acorn_Media/warmseal-roofing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated to company blue

Browse Source
This commit is contained in:
Gary 2025-05-13 15:49:48 +01:00
parent 1c95b5af67
commit 2b027fd42b
2 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
css/style.css
View File

@ -8070,7 +8070,7 @@ h1, h2, h3, h4, h5,
height: 100%; height: 100%;
bottom: 0; bottom: 0;
left: 0; left: 0;
background-color: var(--blue); background-color: #084697;
visibility: hidden; visibility: hidden;
-webkit-transform: scaleX(0); -webkit-transform: scaleX(0);
-ms-transform: scaleX(0); -ms-transform: scaleX(0);
@ -8083,7 +8083,7 @@ h1, h2, h3, h4, h5,
color: #000000; } color: #000000; }
.ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover:before { .ftco-navbar-light .navbar-nav > .nav-item > .nav-link:hover:before {
visibility: visible; visibility: visible;
background-color: var(--blue); background-color: #084697;
-webkit-transform: scaleX(1); -webkit-transform: scaleX(1);
-ms-transform: scaleX(1); -ms-transform: scaleX(1);
transform: scaleX(1); } transform: scaleX(1); }
@ -8183,7 +8183,7 @@ h1, h2, h3, h4, h5,
margin-right: 4px; margin-right: 4px;
padding-left: 2px; padding-left: 2px;
padding-top: 1px; padding-top: 1px;
background: var(--blue); } background: #084697; }
.social-media p a span { .social-media p a span {
color: white; } color: white; }
.social-media p a:hover { .social-media p a:hover {
@ -8199,7 +8199,7 @@ h1, h2, h3, h4, h5,
padding-right: 23px; padding-right: 23px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
background: var(--blue); background: #084697;
color: #fff; color: #fff;
font-size: 12px; } font-size: 12px; }
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
@ -8226,12 +8226,12 @@ h1, h2, h3, h4, h5,
right: 0; right: 0;
bottom: 0; bottom: 0;
content: ''; content: '';
opacity: .4; opacity: 0;
background: #000000; } background: #000000; }
.hero-wrap.hero-wrap-2 { .hero-wrap.hero-wrap-2 {
height: 500px; } height: 500px; }
.hero-wrap.hero-wrap-2 .overlay { .hero-wrap.hero-wrap-2 .overlay {
opacity: .5; } opacity: 0; }
.hero-wrap.hero-wrap-2 .slider-text { .hero-wrap.hero-wrap-2 .slider-text {
height: 500px; } height: 500px; }
.hero-wrap.hero-wrap-2 .slider-text h1 { .hero-wrap.hero-wrap-2 .slider-text h1 {
@ -8330,10 +8330,10 @@ h1, h2, h3, h4, h5,
bottom: 0; bottom: 0;
right: 0; right: 0;
background: #000005; background: #000005;
opacity: .2; opacity: 0.5;
width: 100%; width: 100%;
padding: 0; padding: 0;
z-index: 2; } z-index: 0; }
@media (max-width: 1199.98px) { @media (max-width: 1199.98px) {
.owl-carousel.home-slider .slider-item { .owl-carousel.home-slider .slider-item {
background-position: center center !important; } } background-position: center center !important; } }
@ -8341,7 +8341,7 @@ h1, h2, h3, h4, h5,
height: 700px; height: 700px;
position: relative; } position: relative; }
.owl-carousel.home-slider .slider-item .slider-text .text { .owl-carousel.home-slider .slider-item .slider-text .text {
z-index: 0; z-index: 2;
color: rgba(255, 255, 255, 0.9); } color: rgba(255, 255, 255, 0.9); }
.owl-carousel.home-slider .slider-item .slider-text h1 { .owl-carousel.home-slider .slider-item .slider-text h1 {
font-size: 60px; font-size: 60px;
@ -8512,7 +8512,7 @@ h1, h2, h3, h4, h5,
background: #ebecf1 !important; } background: #ebecf1 !important; }
.bg-primary { .bg-primary {
background: var(--blue) !important; } background: #084697 !important; }
.btn { .btn {
padding: 12px 16px; padding: 12px 16px;
@ -8527,11 +8527,11 @@ h1, h2, h3, h4, h5,
.btn:hover, .btn:active, .btn:focus { .btn:hover, .btn:active, .btn:focus {
outline: none; } outline: none; }
.btn.btn-primary { .btn.btn-primary {
background: var(--blue); background: #084697;
border: 1px solid var(--blue); border: 1px solid #084697;
color: #fff; } color: #fff; }
.btn.btn-primary:hover { .btn.btn-primary:hover {
border: 1px solid var(--blue); border: 1px solid #084697;
background: black; background: black;
color: white; } color: white; }
.btn.btn-primary.btn-outline-primary { .btn.btn-primary.btn-outline-primary {
@ -8591,7 +8591,7 @@ h1, h2, h3, h4, h5,
color: #d9ba2b; } color: #d9ba2b; }
.tabulation-2 .nav-pills .nav-item .nav-link.active { .tabulation-2 .nav-pills .nav-item .nav-link.active {
color: #fff; color: #fff;
background: var(--blue); } background: #084697; }
.tabulation-2 .nav-pills .nav-item .nav-link.active span { .tabulation-2 .nav-pills .nav-item .nav-link.active span {
color: #fff; } color: #fff; }
@ -8676,12 +8676,12 @@ h1, h2, h3, h4, h5,
color: #000000; color: #000000;
font-size: 28px; } font-size: 28px; }
.tabulation .nav-pills .nav-item .nav-link.active { .tabulation .nav-pills .nav-item .nav-link.active {
color: var(--blue); color: #084697;
background: #fff; background: #fff;
border: 1px solid #fff; border: 1px solid #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1); } border-top: 1px solid rgba(0, 0, 0, 0.1); }
.tabulation .nav-pills .nav-item .nav-link.active span { .tabulation .nav-pills .nav-item .nav-link.active span {
color: var(--blue); } color: #084697; }
.tabulation .tab-content { .tabulation .tab-content {
background: #fff; background: #fff;
@ -8705,7 +8705,7 @@ h1, h2, h3, h4, h5,
.tabulation .tab-content ul li span.fa { .tabulation .tab-content ul li span.fa {
font-size: 12px; font-size: 12px;
margin-right: 15px; margin-right: 15px;
color: var(--blue); } color: #084697; }
.services { .services {
display: block; display: block;
@ -8727,7 +8727,7 @@ h1, h2, h3, h4, h5,
position: relative; position: relative;
z-index: 0; z-index: 0;
border-radius: 50%; border-radius: 50%;
background: var(--blue); background: #084697;
-webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); } box-shadow: 0px 10px 30px -4px rgba(0, 0, 0, 0.15); }
@ -8745,8 +8745,8 @@ h1, h2, h3, h4, h5,
color: #000000; color: #000000;
border-bottom: 2px solid #e6e6e6; } border-bottom: 2px solid #e6e6e6; }
.services .btn-custom:hover { .services .btn-custom:hover {
color: var(--blue); color: #084697;
border-color: var(--blue); } border-color: #084697; }
.services-2 { .services-2 {
margin: 0; margin: 0;
@ -8765,7 +8765,7 @@ h1, h2, h3, h4, h5,
overflow-x: hidden; overflow-x: hidden;
position: relative; position: relative;
padding: 4em 0; padding: 4em 0;
background: var(--blue); } background: #084697; }
@media (max-width: 1199.98px) { @media (max-width: 1199.98px) {
.ftco-counter { .ftco-counter {
background-position: center center !important; } } background-position: center center !important; } }
@ -8791,7 +8791,7 @@ h1, h2, h3, h4, h5,
.ftco-counter .text .icon span { .ftco-counter .text .icon span {
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
color: var(--blue); color: #084697;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 0; left: 0;
@ -8932,7 +8932,7 @@ h1, h2, h3, h4, h5,
-ms-transition: all 0.3s ease; -ms-transition: all 0.3s ease;
transition: all 0.3s ease; } transition: all 0.3s ease; }
.work .icon span { .work .icon span {
color: var(--blue); } color: #084697; }
.work:hover:after { .work:hover:after {
opacity: .8; } opacity: .8; }
.work:hover .icon { .work:hover .icon {
@ -9103,9 +9103,9 @@ textarea.form-control {
.footer .ftco-footer-widget ul li a span { .footer .ftco-footer-widget ul li a span {
color: #fff; } color: #fff; }
.footer .ftco-footer-widget ul li a:hover { .footer .ftco-footer-widget ul li a:hover {
color: var(--blue); } color: #084697; }
.footer .ftco-footer-widget ul li a:hover span { .footer .ftco-footer-widget ul li a:hover span {
color: var(--blue); } color: #084697; }
.footer .ftco-footer-widget .btn-primary { .footer .ftco-footer-widget .btn-primary {
background: #fff !important; background: #fff !important;
border: 2px solid #fff !important; } border: 2px solid #fff !important; }
@ -9182,7 +9182,7 @@ textarea.form-control {
font-size: 12px; font-size: 12px;
display: block; display: block;
font-weight: 700; font-weight: 700;
color: var(--blue); color: #084697;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 2px; } letter-spacing: 2px; }
@ -9289,9 +9289,9 @@ textarea.form-control {
border-radius: 50%; border-radius: 50%;
background: rgba(0, 0, 0, 0.1); } background: rgba(0, 0, 0, 0.1); }
.testimony-section .owl-dots .owl-dot.active { .testimony-section .owl-dots .owl-dot.active {
background: var(--blue); } background: #084697; }
.testimony-section .owl-dots .owl-dot.active:after { .testimony-section .owl-dots .owl-dot.active:after {
border-color: var(--blue); } border-color: #084697; }
.testimony-wrap { .testimony-wrap {
display: block; display: block;
@ -9310,7 +9310,7 @@ textarea.form-control {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: var(--blue); } background: #084697; }
.testimony-wrap .icon span { .testimony-wrap .icon span {
color: #fff; } color: #fff; }
.testimony-wrap .user-img { .testimony-wrap .user-img {
@ -9741,7 +9741,7 @@ textarea.form-control {
.blue-text { .blue-text {
color: var(--blue); color: #084697;
} }
.banner-over { .banner-over {
@ -9757,7 +9757,7 @@ textarea.form-control {
.acorn a:hover { .acorn a:hover {
color: var(--blue); color: #084697;
} }
@ -9787,8 +9787,10 @@ textarea.form-control {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 0; padding-bottom: 0;
max-width: 250px; max-width: 400px;
height: 250px; height: 400px;
opacity: 1;
z-index: 0 !important;
} }
.banner-logo a { .banner-logo a {

2
includes/index-hero.php
View File

@ -12,7 +12,6 @@
<div class="row no-gutters slider-text align-items-center justify-content-center"> <div class="row no-gutters slider-text align-items-center justify-content-center">
<div class="col-md-10 text-center ftco-animate"> <div class="col-md-10 text-center ftco-animate">
<div class="text w-100"> <div class="text w-100">
<h2>The Roofing Specialists</h2>
<h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1> <h1 class="mb-4">Dedicated to providing the highest quality roofing services</h1>
<p><a href="#" class="btn btn-primary">Book a Free Quote</a></p> <p><a href="#" class="btn btn-primary">Book a Free Quote</a></p>
</div> </div>
@ -27,7 +26,6 @@
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"> <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center">
<div class="col-md-8 text-center ftco-animate"> <div class="col-md-8 text-center ftco-animate">
<div class="text w-100"> <div class="text w-100">
<h2 class="text-primary">The Roofing Specialists</h2>
<h1 class="mb-4">Quality roofing at a affordable price</h1> <h1 class="mb-4">Quality roofing at a affordable price</h1>
<p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p> <p><a href="contact.php" class="btn btn-primary">Book a Free Quote</a></p>
</div> </div>