Acorn_Media/North-east-loft-boarding
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates added

Browse Source
This commit is contained in:
Gary 2026-03-20 11:37:43 +00:00
parent f24bfdf0a4
commit d6aceaad21
2 changed files with 36 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/style.css
View File

@ -10765,7 +10765,7 @@ textarea.form-control {
.contact-banner {
position: relative;
width: 100%;
min-height: 500px;
display: flex;
align-items: center;
background-color: #002b49; /* fallback brand blue */
@ -10791,7 +10791,7 @@ textarea.form-control {
.banner-content {
position: relative;
z-index: 2;
padding: 0 10%;
padding: 15% 0 10% 0;
width: 100%;
}
@ -10857,4 +10857,24 @@ textarea.form-control {
.banner-content { padding: 0 5%; }
.contact-icons { justify-content: center; }
.banner-overlay { background: rgba(0, 43, 73, 0.7); }
}
.header-icon {
width: 40px;
height: 40px;
background: #f8f9fa;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ff6600;
border: 1px solid #eee;
}
.header-icon:hover {
background: #ff6600;
color: #fff;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(255, 102, 0, 0.4);
}

24
includes/header.php
View File

@ -25,15 +25,15 @@
</head>
<body>
<div class="py-1 top">
<!--<div class="py-1 top">
<div class="container">
<div class="row">
<!--<div class="col-sm text-center text-md-left mb-md-0 mb-2 pr-md-4 d-flex topper align-items-center">
<div class="col-sm text-center text-md-left mb-md-0 mb-2 pr-md-4 d-flex topper align-items-center">
<p class="mb-0 w-100">
<span class="fa fa-paper-plane"></span>
<span class="text">youremail@email.com</span>
</p>
</div>-->
</div>
<div class="col-sm justify-content-center d-flex mb-md-0 mb-2">
<div class="social-media">
<p class="mb-0 d-flex">
@ -47,7 +47,7 @@
</div>
</div>
</div>
</div>
</div>-->
<div class="header-middle pt-2 pb-4">
<div class="container">
<div class="row d-flex align-items-center">
@ -64,12 +64,16 @@
</div>
<div class="col-md-4 d-flex topper mb-md-0 mb-2 align-items-center">
<div class="icon-circle mr-3">
<span class="fa fa-phone"></span>
<div class="icon-circle mr-3 header-icon">
<a href="tel:01913561008"><span class="fa fa-phone"></span></a>
</div>
<div class="text">
<p class="mb-0 text-black"><span>Free Call:</span> <strong>0191 3561008</strong></p>
<p class="mb-0 small stand-out-text">Call Us Now</p>
<a href="tel:01913561008">
<h5 class="mb-0 text-black"><span>Free Call:</span> <strong>0191 3561008</strong></h5>
</a>
<a href="tel:01913561008">
<h6 class="mb-0 stand-out-text">Call Us Now</h6>
</a>
</div>
</div>
@ -78,8 +82,8 @@
<span class="fa fa-map-marker-alt"></span>
</div>
<div class="text">
<p class="mb-0 text-black"><span>Our Location:</span></p>
<p class="mb-0 small stand-out-text">Stockton-on-Tees, TS21 4AJ</p>
<h5 class="mb-0 text-black"><span>Our Location:</span></h5>
<h6 class="mb-0 stand-out-text">Stockton-on-Tees, TS21 4AJ</h6>
</div>
</div>
</div>