diff --git a/css/style.css b/css/style.css index 3633d81..7433f13 100644 --- a/css/style.css +++ b/css/style.css @@ -10637,4 +10637,129 @@ textarea.form-control { .white-text { color: #fff; +} + + +/* Branding Color */ +.text-orange { color: #ff6600; } + +.header-middle { + background: #fff; +} + +/* Control the Logo Size */ +.logo-img { + max-height: 70px; /* Adjust this to make the gap smaller or larger */ + width: auto; + display: block; +} + +/* Make the icons look more premium to match the logo */ +.icon-circle { + width: 45px; + height: 45px; + background: #f8f9fa; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: #ff6600; + border: 1px solid #eee; +} + +/* Styling the logo text specifically */ +.logo-text span { + line-height: 1.2; + font-size: 1.4rem; + color: #333; + text-transform: uppercase; +} + +.logo-text small { + line-height: 1; + font-size: 0.8rem; + letter-spacing: 1px; + text-transform: uppercase; +} + + +/* Remove the gap from the logo section */ +.header-middle { + padding-bottom: 0 !important; + margin-bottom: 0 !important; +} + +#ftco-navbar { + position: relative !important; + /* This slides the bar UP by exactly half its own height */ + transform: translateY(-240%) !important; + z-index: 1000 !important; + /* These ensure no other code is dragging the hero image up */ + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +/* 2. Mobile View (Phones and Tablets) */ +@media (max-width: 600px) { + #ftco-navbar { + position: relative !important; + transform: translateY(0) !important; /* Resets the jump so it sits naturally */ + margin-top: 0 !important; + margin-bottom: 0 !important; + top: 0 !important; + } + + /* Optional: Add a little space above the menu on mobile so it doesn't touch the logo */ + .header-middle { + padding-bottom: 15px !important; + } +} + +.btn-custom { + display: inline-block; + margin-top: 20px; /* Pushes the button away from the paragraph */ + padding: 15px 20px; + background: #01081f; /* Your Navy Color */ + color: #fff !important; + text-align: center; + width: 100%; /* Makes buttons uniform width */ + font-weight: 600; +} + +.btn-custom:hover { + color: #01081f !important; /* Navy */ + text-decoration: none; +} + +/* 1. Force the container to be a Flexbox and match heights */ +.services-wrap { + display: flex !important; + flex-direction: column !important; + background: #fff !important; + height: 100% !important; + min-height: 480px !important; /* Adjust this number to make boxes taller/shorter */ + margin-bottom: 60px !important; + position: relative !important; + border: 1px solid #eee; + padding-bottom: 50px !important; /* Adds space at the bottom for the button */ +} + +/* 2. Force the text area to expand and fill the box */ +.services-wrap .text { + display: flex !important; + flex-direction: column !important; + flex: 1 0 auto !important; /* Forces this area to grow and push the button down */ + padding: 30px !important; +} + +/* 3. Force the button to the absolute bottom */ +.services-wrap .btn-custom { + margin-top: auto !important; /* This ONLY works if the parent is flex */ + margin-bottom: 10px !important; + display: block !important; + width: 100% !important; + background: #01081f !important; + color: #fff !important; + padding: 15px !important; + text-align: center; } \ No newline at end of file diff --git a/images/North-East-Loft-Boarding-Logo.png b/images/North-East-Loft-Boarding-Logo.png new file mode 100644 index 0000000..40254ac Binary files /dev/null and b/images/North-East-Loft-Boarding-Logo.png differ diff --git a/includes/header.php b/includes/header.php index 413c391..15792ec 100644 --- a/includes/header.php +++ b/includes/header.php @@ -48,30 +48,38 @@ -
+
-
+
- - - North East Loft Boarding + +
+ NE Loft Boarding +
+
+ North East + Loft Boarding +
+
-
- +
+
-
-

Free Call 0191 3561008

-

Call Us Now

+
+

Free Call: 0191 3561008

+

Call Us Now

+
-
+
+
-
-

Our Location

-

Unit 4a Fishburn Industrial Estate, Stockton -on -tee's, TS214AJ

+
+

Our Location:

+

Stockton-on-Tees, TS21 4AJ

@@ -90,7 +98,6 @@
  • Projects
  • Contact
    • - Arrange a free quote
    diff --git a/index.php b/index.php index b352793..786f01f 100644 --- a/index.php +++ b/index.php @@ -54,7 +54,6 @@ include_once 'sections/discount.php'; include_once 'sections/services.php'; include_once 'sections/counter.php'; include_once 'sections/projects.php'; -include_once 'sections/reviews.php'; ?> diff --git a/sections/services.php b/sections/services.php index 8a458de..abd15bb 100644 --- a/sections/services.php +++ b/sections/services.php @@ -7,7 +7,7 @@
    -
    +
    @@ -18,7 +18,7 @@
    -
    +
    @@ -29,7 +29,7 @@
    -
    +
    @@ -42,7 +42,7 @@
    -
    +
    @@ -53,7 +53,7 @@
    -
    +
    @@ -64,7 +64,7 @@
    -
    +
    @@ -77,4 +77,66 @@
    + + +
    +
    +
    +
    +

    Transform Your Loft Today

    +

    Join thousands of satisfied customers across the UK with professional hatch solutions

    + +
    +
    +
    +

    10000+

    + Jobs Completed +
    +
    +
    +
    +

    100%

    + NHBC Compliant +
    +
    +
    +
    +

    10 Year

    + Product Warranty +
    +
    +
    + +
    + + Get Free Quote & Survey + + + View Our Pricing + +
    + +
    +
    +
    + + Free Survey +
    +
    + + Professional Installation +
    +
    + + Energy Efficient +
    +
    + + 10-Year Warranty +
    +
    +
    +
    +
    +
    \ No newline at end of file