Main Page: Difference between revisions

From Roofs Wiki
(Add Roofing Contractor Directory to Popular Guides section)
(Add DIY Roofing section to homepage, add DIY category pill, optimize layout)
 
(One intermediate revision by the same user not shown)
Line 3: Line 3:
<div style="font-size: 1.2em; opacity: 0.95;">The Free Roofing Encyclopedia</div>
<div style="font-size: 1.2em; opacity: 0.95;">The Free Roofing Encyclopedia</div>
<div style="font-size: 1em; margin-top: 15px; opacity: 0.85;">60+ articles covering residential and commercial roofing</div>
<div style="font-size: 1em; margin-top: 15px; opacity: 0.85;">60+ articles covering residential and commercial roofing</div>
</div>
<div style="background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%); border-radius: 10px; padding: 20px 24px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-left: 4px solid #7c3aed;">
<div>
<div style="font-weight: 700; color: #5b21b6; font-size: 1.2em; margin-bottom: 4px;">Roofing Contractor Directory</div>
<div style="color: #4c1d95;">Top-rated roofers in 20 major US & Canadian cities, ranked by BBB accreditation and experience.</div>
</div>
<span style="background: #7c3aed; color: white; padding: 10px 20px; border-radius: 8px; font-weight: 600; white-space: nowrap;">[https://roofs.wiki/roofing-directory/ Browse the Directory]</span>
</div>
== DIY Roofing Guides ==
<div style="background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border-radius: 12px; padding: 24px; margin-bottom: 30px; border-left: 4px solid #ff6b35;">
<div style="font-weight: 700; color: #c2410c; font-size: 1.3em; margin-bottom: 8px;">Homeowner DIY Hub</div>
<div style="color: #7c2d12; margin-bottom: 16px;">Step-by-step guides for roof repairs, maintenance, and inspections you can safely handle yourself. Save money and protect your home.</div>
<span style="background: #ff6b35; color: white; padding: 10px 20px; border-radius: 8px; font-weight: 600; display: inline-block; margin-bottom: 16px;">[[:DIY Roofing Guide|Explore All DIY Guides]]</span>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 12px;">
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Repair Guides</div>
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
<li>[[How to Replace Damaged Shingles|Replace Damaged Shingles]]</li>
<li>[[How to Repair Roof Flashing|Repair Roof Flashing]]</li>
<li>[[How to Find and Fix Roof Leaks|Find & Fix Leaks]]</li>
<li>[[How to Seal Roof Penetrations|Seal Roof Penetrations]]</li>
</ul>
</div>
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Maintenance</div>
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
<li>[[How to Clean Gutters Safely|Clean Gutters Safely]]</li>
<li>[[How to Remove Moss and Algae from Your Roof|Remove Moss & Algae]]</li>
<li>[[Roof Maintenance Seasonal Checklist|Seasonal Checklist]]</li>
<li>[[Spring Roof Inspection Checklist|Spring Inspection]]</li>
</ul>
</div>
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Emergency & Safety</div>
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
<li>[[Emergency Roof Repair What to Do Right Now|Emergency Roof Repair]]</li>
<li>[[How to Apply Emergency Roof Tarp|Apply Emergency Tarp]]</li>
<li>[[Roof Safety Guide for Homeowners|Roof Safety Guide]]</li>
<li>[[Post-Storm Roof Damage Assessment|Storm Damage Assessment]]</li>
</ul>
</div>
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Planning & Knowledge</div>
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
<li>[[Roof Anatomy and Parts Explained|Roof Anatomy Explained]]</li>
<li>[[When to DIY vs When to Call a Roofer|DIY vs. Hire a Pro]]</li>
<li>[[Roofing Materials Comparison Chart|Materials Comparison]]</li>
<li>[[Signs You Need a New Roof|Signs You Need a New Roof]]</li>
</ul>
</div>
</div>
</div>
</div>


Line 73: Line 133:
<div style="color: #14532d; margin-bottom: 12px;">Climate considerations and system selection for Canadian buildings.</div>
<div style="color: #14532d; margin-bottom: 12px;">Climate considerations and system selection for Canadian buildings.</div>
[[Choosing the Right Commercial Roofing System in Canada|Canadian Guide]]
[[Choosing the Right Commercial Roofing System in Canada|Canadian Guide]]
</div>
<div style="background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%); border-radius: 10px; padding: 20px; border-left: 4px solid #7c3aed;">
<div style="font-weight: 600; color: #5b21b6; font-size: 1.1em; margin-bottom: 8px;">Roofing Contractor Directory</div>
<div style="color: #4c1d95; margin-bottom: 12px;">Top-rated roofers in 20 US & Canadian cities. Ranked by BBB accreditation, not paid placements.</div>
[https://roofs.wiki/roofing-directory/ Browse the Directory]
</div>
</div>


Line 146: Line 200:
<span style="background: #059669; padding: 10px 18px; border-radius: 20px;">[[Category:Residential Roofing|<span style="color: white;">Residential</span>]]</span>
<span style="background: #059669; padding: 10px 18px; border-radius: 20px;">[[Category:Residential Roofing|<span style="color: white;">Residential</span>]]</span>
<span style="background: #ea580c; padding: 10px 18px; border-radius: 20px;">[[Category:Energy Efficiency|<span style="color: white;">Energy Efficiency</span>]]</span>
<span style="background: #ea580c; padding: 10px 18px; border-radius: 20px;">[[Category:Energy Efficiency|<span style="color: white;">Energy Efficiency</span>]]</span>
<span style="background: #c2410c; padding: 10px 18px; border-radius: 20px;">[[Category:DIY Roofing|<span style="color: white;">DIY Roofing</span>]]</span>
</div>
</div>


[[Category:Roofing]]
[[Category:Roofing]]
[[Category:Main]]
[[Category:Main]]

Latest revision as of 17:00, 17 March 2026

Roofs Wiki
The Free Roofing Encyclopedia
60+ articles covering residential and commercial roofing
Roofing Contractor Directory
Top-rated roofers in 20 major US & Canadian cities, ranked by BBB accreditation and experience.

Browse the Directory

DIY Roofing Guides

Homeowner DIY Hub
Step-by-step guides for roof repairs, maintenance, and inspections you can safely handle yourself. Save money and protect your home.

Explore All DIY Guides

Roofing Materials
Commercial Systems
Energy & Sustainability

Popular Guides

Starting a Roofing Business?
Complete 2026 guide with licensing, costs, and marketing strategies.

Read the Full Guide

Choosing a Contractor
How to find, vet, and hire reliable roofing professionals.

Find a Contractor

Commercial Roofing in Canada
Climate considerations and system selection for Canadian buildings.

Canadian Guide

Quick Reference

Material Lifespan Cost Range Best Applications
Asphalt Shingles 20-30 years $3-7/sq ft Residential, budget-conscious projects
Metal Roofing 40-70 years $7-15/sq ft Durability, energy efficiency
Clay/Concrete Tile 50-100 years $10-18/sq ft Hot climates, Mediterranean style
Slate Roofing 75-100+ years $15-30/sq ft Premium homes, historical restoration
TPO Membrane 15-25 years $5-10/sq ft Commercial flat roofs
EPDM Rubber 20-30 years $4-8/sq ft Commercial, low-slope roofs

Roof Structure & Components

Understanding your roof's anatomy helps with maintenance and repairs:

Structural foundation
Slope & drainage
Airflow systems
Thermal protection
Gable, hip, mansard
Structural health

Browse by Category

Retrieved from "https://roofs.wiki/index.php?title=Main_Page&oldid=409"