Main Page: Difference between revisions
From Roofs Wiki
(Move Roofing Directory banner to top of page, update copy) |
(Add DIY Roofing section to homepage, add DIY category pill, optimize layout) |
||
| Line 8: | Line 8: | ||
<div> | <div> | ||
<div style="font-weight: 700; color: #5b21b6; font-size: 1.2em; margin-bottom: 4px;">Roofing Contractor Directory</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 & | <div style="color: #4c1d95;">Top-rated roofers in 20 major US & Canadian cities, ranked by BBB accreditation and experience.</div> | ||
</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> | <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 63: | Line 115: | ||
== Popular Guides == | == Popular Guides == | ||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax( | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 20px 0;"> | ||
<div style="background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 10px; padding: 20px; border-left: 4px solid #f59e0b;"> | <div style="background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 10px; padding: 20px; border-left: 4px solid #f59e0b;"> | ||
| Line 148: | 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.
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.
Emergency & Safety
Planning & Knowledge
Roofing Materials
- Asphalt Shingles - Most popular choice
- Metal Roofing - 40-70 year lifespan
- Tile Roofing - Clay & concrete options
- Slate Roofing - Premium natural stone
- View All Materials
Commercial Systems
- TPO Roofing - Energy efficient membranes
- EPDM Roofing - Rubber roofing systems
- Built-Up Roofing - Multi-layer protection
- Flat Roofs - Low-slope solutions
- All Commercial
Maintenance & Repair
Energy & Sustainability
- Cool Roofs - Reflective technology
- Green Roofs - Living roof systems
- Solar Roofs - Integrated solar power
- Roof Insulation - Thermal efficiency
- All Green Options
Popular Guides
Starting a Roofing Business?
Complete 2026 guide with licensing, costs, and marketing strategies.
Commercial Roofing in Canada
Climate considerations and system selection for Canadian buildings.
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
