From a3c9c01660cdde3ef117e7ab663c8b9877e08bae Mon Sep 17 00:00:00 2001 From: Rahatutzaman Rizon <115326466+rahatutzaman-rizon@users.noreply.github.com> Date: Mon, 19 Aug 2024 01:59:14 +0600 Subject: [PATCH] Add --- blog-details.html | 417 +++++++++++++++++-------------------------- css/style.css | 271 ++++++++++++++++++++++++++++ index.html | 239 ++++++++++++++++++++++--- services-detail.html | 4 +- services.html | 117 ++++++++++++ 5 files changed, 768 insertions(+), 280 deletions(-) diff --git a/blog-details.html b/blog-details.html index dfb4d57..67de17e 100644 --- a/blog-details.html +++ b/blog-details.html @@ -223,291 +223,194 @@

Blog Deatils

-
-
-
-
-
-
-

With our vastly improved notifications system, users have more control.

-
-
    -
  • 100 Views
    • -
  • 35 Comments
    • -
  • 24th March 2019
    • -
-
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris - nisi ut aliquip - ex ea commodo amet set for your cool happiness for lyour loyal city.

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris - nisi ut aliquip - ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat - nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deser unt - mollit anim id est - laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusant ium doloremque - laudantium, totam rem - aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt - explicabo. Nemo enim - ipsam voluptatem quia voluptas sit asperna tur aut odit aut fugit, sed quia consequuntur magni dolores - eos qui - ratione voluptatem sequi nesciunt. Neque porro quisq.

-
-
By Rosalina Pong
-

Viral dreamcatcher keytar typewriter, aest hetic offal umami. Aesthetic polaroid pug pitchfork post-ironic.

-
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris - nisi ut aliquip - ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat - nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deser unt - mollit anim id est - laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusant.

-
- -
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris - nisi ut aliquip - ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat - nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deser unt - mollit anim id est - laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan tium doloremque - laudantium, totam rem - aperiam, eaque ipsa quae ab illo inventore veritatis et quasi archi tecto beatae vitae dicta sunt - explicabo. Nemo enim - ipsam voluptatem quia voluptas sit asperna tur aut odit aut fugit, sed quia consequuntur magni dolores - eos qui - ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, - consectetur, - adipisci velit, sed quia non num quam eius modi tempora incidunt ut labore et dolore magnam aliquam - quaerat voluptatem. - Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eiusmod incididunt.

-
- -

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore - et dolore magna - ali qua. Ut enim ad minim veniam, quis nostrud exercitation ulla mco laboris nisi ut aliquip ex ea - commodo consequat. - Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla - pariatur. Excepteur sint - occaecat cupida tat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed - ut perspiciatis - unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, - eaque ipsa quae ab - illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

-
-
-
-
-
Releted Tags
- -
-
- -
-
-
-
-
-
- Prev Post -

Tips Minimalist

-
+ + +
+
+
+
+
+
+

Enhancing Your Roof's Durability and Performance

+
+
    +
  • 250 Views
    • +
  • 45 Comments
    • +
  • 18th August 2024
    • +
-
- +

Building a sturdy and reliable roof is crucial for protecting your property from the elements. Our advanced roofing solutions are designed to provide long-lasting durability while maintaining aesthetic appeal.

+

We utilize high-quality materials and state-of-the-art technology to ensure that your roof stands the test of time. Whether you need a new installation or repair work, our team of experts is here to deliver exceptional results.

+
+
By John Doe
+

“Investing in a quality roof is investing in the longevity of your property.”

+
+

Our roofing systems are engineered to withstand harsh weather conditions, providing you with peace of mind. From traditional designs to modern innovations, we offer a wide range of options to suit your specific needs.

+
+ High-quality roofing
-
-
- next Post -

Less Is More

+

With our roofing services, you can expect superior craftsmanship and attention to detail. We prioritize customer satisfaction, ensuring that each project is completed to the highest standards.

+
+ Durable roofing solutions +

Our commitment to excellence is reflected in every roofing project we undertake. We are dedicated to providing durable, efficient, and visually appealing roofing solutions that enhance the value of your property.

+
+
+
+
+
Related Tags
+ +
-
-
-
-

Related Post

-
-
-
-
-
- +
+
+
+
+ Prev Post +

Modern Roofing Designs

-
-

A series of iOS 7 inspire - vector icons.

-

Lorem ipsum dolor sit amet, consectet ur adipisicing elit, sed do eiusmod temp or - incididunt ut labore et dolore.

+
+
+ +
+
+
+ Next Post +

Roofing Maintenance Tips

-
-
-
- +
+
+
+

Related Post

+
+
+
+
+
+ Roofing innovations +
+
+

Innovative Roofing Techniques

+

Discover the latest trends and technologies in roofing that can enhance the durability and look of your building.

+
-
-

Sed ut perspiciatis unde omnis.

-

Lorem ipsum dolor sit amet, consectet ur adipisicing elit, sed do eiusmod temp or - incididunt ut labore et dolore.

+
+
+
+
+ Sustainable roofing solutions +
+
+

Sustainable Roofing Solutions

+

Learn about eco-friendly roofing options that not only protect your property but also contribute to environmental conservation.

+
-
- -
-
-
Comments
-
-
-
- +
+
+
Comments
-
-
-
ALina Kelian
- 19th May 2018 - Reply +
+
+ +
+
+
+
Anna Smith
+ 19th May 2024 + Reply +
+

Excellent article! The information on roofing is very helpful for anyone looking to build or renovate.

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut aliquip ex ea commodo consequat.

-
-
-
- +
+
+ +
+
+
+
John Doe
+ 20th May 2024 + Reply +
+

Thanks for the tips on roofing maintenance. It's crucial to keep the roof in top condition.

+
-
-
-
Rlex Kelian
- 19th May 2018 - Reply +
+
+ +
+
+
+
Emily Johnson
+ 21th May 2024 + Reply +
+

Very informative post! The focus on durability and performance is essential in roofing.

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut - aliquip commodo.

-
-
- -
-
-
-
Roboto Alex
- 21th May 2018 - Reply -
-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation - ullamco laboris nisi ut - aliquip ex ea commodo consequat.

+
+
+

Leave a Reply

+
+

Your email address will not be published. Required fields are marked *

+

+

+

+

+

+ +

+
+
-
-
-

Leave a Reply

-
-

Your email address will not be published. Required fields are marked *

-

-

-

-

-

- -

-
-
- -
+
+ +
+
- -
- -
-
-
-
+
+ + diff --git a/css/style.css b/css/style.css index b17209a..bcf4205 100644 --- a/css/style.css +++ b/css/style.css @@ -727,6 +727,9 @@ z-index: 1; box-shadow: none; padding: 0; } + + + .sticky-menu .second-menu::before{content: none;} .second-menu .main-menu ul li{margin-left: 50px;} .second-menu .main-menu ul li:first-child{margin-left: 0;} @@ -1000,6 +1003,274 @@ background: #ff5e14; color: #fff; } + +/* maintainencss */ + + +.maintenance-tips-area { + background-color: #ffffff; + padding: 100px 0; +} + +.section-title { + margin-bottom: 60px; +} + +.section-title h2 { + color: #001659; + font-size: 40px; + font-weight: 700; + margin-bottom: 20px; + position: relative; + padding-bottom: 20px; + text-transform: uppercase; +} + +.section-title h2::after { + content: ''; + position: absolute; + left: 50%; + bottom: 0; + width: 80px; + height: 3px; + background-color: #ff5e14; + transform: translateX(-50%); +} + +.section-title p { + color: #001659; + font-size: 18px; + line-height: 1.6; + max-width: 800px; + margin: 0 auto; + opacity: 0.8; +} + +.tip-box { + background-color: #ffffff; + border-radius: 15px; + box-shadow: 0 10px 30px rgba(0, 22, 89, 0.1); + transition: all 0.3s ease; + height: 100%; + overflow: hidden; + border: 1px solid rgba(0, 22, 89, 0.1); + position: relative; +} + +.tip-box:hover { + transform: translateY(-10px); + box-shadow: 0 15px 35px rgba(0, 22, 89, 0.15); +} + +.tip-box:hover .tip-icon { + background-color: #001659; +} + +.tip-box:hover .tip-number { + color: #ff5e14; +} + +.tip-icon { + font-size: 36px; + color: #ffffff; + text-align: center; + padding: 30px 0; + background-color: #ff5e14; + transition: all 0.3s ease; +} + +.tip-content { + padding: 30px; +} + +.tip-content h5 { + margin-bottom: 15px; + font-weight: 600; + color: #001659; + font-size: 20px; + transition: color 0.3s ease; +} + +.tip-content p { + color: #001659; + font-size: 15px; + line-height: 1.6; + opacity: 0.8; +} + +.tip-number { + position: absolute; + right: 20px; + bottom: 20px; + font-size: 48px; + font-weight: 700; + color: rgba(0, 22, 89, 0.1); + transition: all 0.3s ease; +} + +@media (max-width: 768px) { + .maintenance-tips-area { + padding: 80px 0 50px; + } + + .section-title h2 { + font-size: 32px; + } + + .section-title p { + font-size: 16px; + } + + .tip-icon { + font-size: 32px; + padding: 25px 0; + } + + .tip-content { + padding: 25px; + } + + .tip-content h5 { + font-size: 18px; + } + + .tip-content p { + font-size: 14px; + } + + .tip-number { + font-size: 36px; + } +} + +@media (max-width: 576px) { + .section-title h2 { + font-size: 28px; + } + + .section-title p { + font-size: 15px; + } +} + +/* pricing */ +/* root { + --orange: #ff5e14 ; + --navy: #001659; +} */ + +body { + font-family: 'Arial', sans-serif; + background-color: #f8f9fa; + color: #001659; +} + +.pricing-section { + padding: 80px 0; +} + +.section-title { + color: #001659; + font-weight: bold; + margin-bottom: 50px; + text-transform: uppercase; + letter-spacing: 1.5px; + text-align: center; +} + +.pricing-card { + border: none; + border-radius: 15px; + transition: all 0.3s ease; + overflow: hidden; + background-color: #fff; + position: relative; +} + +.pricing-card:hover { + box-shadow: 0 15px 30px rgba(0,0,0,0.15); + transform: translateY(-10px); +} + +.pricing-card .card-header { + /* background-color: #001659; */ + color: white; + text-align: center; + padding: 25px; + border-bottom: none; + font-size: 1.25rem; + font-weight: bold; +} + +.pricing-card .card-body { + padding: 35px; +} + +.price { + font-size: 2.75rem; + font-weight: bold; + color: #ff5e14; + margin-bottom: 25px; +} + +.feature-list { + list-style-type: none; + padding: 0; +} + +.feature-list li { + margin-bottom: 12px; + font-size: 1rem; + color: #001659; + font-weight: 500; +} + +.feature-list i { + color: #ff5e14; + margin-right: 12px; +} + +.btn-custom { + background-color: #ff5e14; + border: none; + color: white; + font-weight: bold; + padding: 12px 25px; + border-radius: 5px; + font-size: 1rem; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +.btn-custom:hover { + background-color: #001659; + transform: scale(1.05); +} + +.most-popular { + position: absolute; + top: 0; + right: 0; + background-color: #ff5e14; + color: white; + padding: 7px 15px; + font-size: 0.85rem; + font-weight: bold; + transform: rotate(45deg) translate(22%, -50%); + width: 160px; + text-align: center; + box-shadow: 0 5px 15px rgba(0,0,0,0.2); +} + + + + + + + + + + + /* breadcrumb */ .breadcrumb-area { background-position: 0 center; diff --git a/index.html b/index.html index 8d49952..273a88d 100644 --- a/index.html +++ b/index.html @@ -919,7 +919,204 @@
Roboto Dos
- + + +
+
+
+
+
+

Roofing Maintenance Tips

+
Proper maintenance is key to extending the life of your roof and preventing costly repairs. Follow these expert tips to keep your roof in top condition year-round.
+
+
+
+
+
+
+
+ +
+
+
Regular Inspections
+

Schedule bi-annual roof inspections to catch and address minor issues before they become major problems.

+
+
+
+
+
+
+ +
+
+
Clean Gutters
+

Regularly clean gutters and downspouts to prevent water buildup and potential damage to your roof and foundation.

+
+
+
+
+
+
+ +
+
+
Trim Overhanging Branches
+

Keep tree branches away from your roof to prevent damage from falling limbs and reduce debris accumulation.

+
+
+
+
+
+
+ +
+
+
Remove Snow and Ice
+

In winter, safely remove excess snow and ice from your roof to prevent damage from the added weight and ice dams.

+
+
+
+
+
+
+ +
+
+
Address Moss and Algae
+

Clean any moss or algae growth to prevent moisture retention and potential shingle damage.

+
+
+
+
+
+
+ +
+
+
Professional Maintenance
+

Schedule professional maintenance as recommended by your roofing contractor to ensure longevity and optimal performance.

+
+
+
+
+
+
+ +
+
+
Check for Leaks
+

Regularly inspect your attic and ceilings for signs of water stains or leaks, especially after heavy rainfall.

+
+
+
+
+
+
+ +
+
+
Ensure Proper Ventilation
+

Maintain good attic ventilation to prevent heat and moisture buildup, which can damage your roof from the inside.

+
+
+
+
+
+
+ +
+
+
Check Flashing
+

Inspect and maintain flashing around chimneys, vents, and other roof penetrations to prevent water intrusion.

+
+
+
+
+
+
+ + + + + +
+
+

Our Roofing Services

+
+
+
+
+

Basic Repair

+
+
+
$499
+
    +
  • Leak detection and repair
    • +
  • Shingle replacement
    • +
  • Minor flashing repair
    • +
  • Gutter cleaning
    • +
+
+ Get Started +
+
+
+
+
+
+
Most Popular
+
+

Premium

+
+
+
$999
+
    +
  • All Basic Repair services
    • +
  • Full roof inspection
    • +
  • Preventive maintenance
    • +
  • Ventilation assessment
    • + +
+
+ Get Started +
+
+
+
+
+
+
+

Complete

+
+
+
$4999+
+
    +
  • Full roof replacement
    • +
  • Premium materials
    • +
  • Structural enhancements
    • +
  • Insulation upgrade
    • + +
+
+ Get Started +
+
+
+
+
+
+
+ + + + + + + + +
@@ -985,41 +1182,43 @@
+
News
-

Our Latest Blog & News

-

Donec luctus est turpis, viverra vestibulum augue volutpat in. Suspendisse euismod ex iaculis.

- +

Latest Roofing Construction Insights & News

+

Stay updated with the latest trends, tips, and news in the roofing construction industry. Learn from experts and keep your projects ahead of the curve.

-
+
- Blog Image + Roofing Blog Image 1
  • Admin
    • -
  • 24th March 2021
    • +
  • 15th August 2024

- Fusce suscipit arcu velit id scelerisque tempus est + Top 5 Roofing Materials for Durability and Style

- - Details + Details
@@ -1028,20 +1227,19 @@

- Blog Image + Roofing Blog Image 2
  • Admin
    • -
  • 24th March 2021
    • +
  • 10th August 2024

- Fusce suscipit arcu velit id scelerisque tempus est + Innovative Roofing Solutions for Modern Homes

- - Details + Details
@@ -1050,20 +1248,19 @@

- Blog Image + Roofing Blog Image 3
  • Admin
    • -
  • 24th March 2021
    • +
  • 5th August 2024

- Fusce suscipit arcu velit id scelerisque tempus est + Roof Maintenance Tips to Extend Lifespan

- - Details + Details
diff --git a/services-detail.html b/services-detail.html index 4a23bbb..3d0fd7b 100644 --- a/services-detail.html +++ b/services-detail.html @@ -78,7 +78,7 @@

STM Roofing Limited
- + STM logo @@ -199,7 +199,7 @@
STM Roofing Limited
-
+
diff --git a/services.html b/services.html index 136c5f1..d9b74da 100644 --- a/services.html +++ b/services.html @@ -225,6 +225,123 @@

Services

+ + +
+
+
+
+
+ +

Roofing Maintenance Tips

+

Proper maintenance is key to extending the life of your roof and preventing costly repairs. Follow these expert tips to keep your roof in top condition year-round.

+
+
+
+
+
+
+
+ +
+
+
Regular Inspections
+

Schedule bi-annual roof inspections to catch and address minor issues before they become major problems.

+
+
+
+
+
+
+ +
+
+
Clean Gutters
+

Regularly clean gutters and downspouts to prevent water buildup and potential damage to your roof and foundation.

+
+
+
+
+
+
+ +
+
+
Trim Overhanging Branches
+

Keep tree branches away from your roof to prevent damage from falling limbs and reduce debris accumulation.

+
+
+
+
+
+
+ +
+
+
Remove Snow and Ice
+

In winter, safely remove excess snow and ice from your roof to prevent damage from the added weight and ice dams.

+
+
+
+
+
+
+ +
+
+
Address Moss and Algae
+

Clean any moss or algae growth to prevent moisture retention and potential shingle damage.

+
+
+
+
+
+
+ +
+
+
Professional Maintenance
+

Schedule professional maintenance as recommended by your roofing contractor to ensure longevity and optimal performance.

+
+
+
+
+
+
+ +
+
+
Check for Leaks
+

Regularly inspect your attic and ceilings for signs of water stains or leaks, especially after heavy rainfall.

+
+
+
+
+
+
+ +
+
+
Ensure Proper Ventilation
+

Maintain good attic ventilation to prevent heat and moisture buildup, which can damage your roof from the inside.

+
+
+
+
+
+
+ +
+
+
Check Flashing
+

Inspect and maintain flashing around chimneys, vents, and other roof penetrations to prevent water intrusion.

+
+
+
+
+
+
+