patx/demo
reorder rcraft sections
Commit ce27a0b · patx · 2026-06-04T19:51:36-04:00
Comments
No comments yet.
Diff
diff --git a/docs/r_craft.html b/docs/r_craft.html
index 2b44c0b..00b793e 100644
--- a/docs/r_craft.html
+++ b/docs/r_craft.html
@@ -1093,8 +1093,8 @@
<ul class="nav-links" id="primary-navigation">
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
- <li><a href="#areas">Areas</a></li>
<li><a href="#projects">Portfolio</a></li>
+ <li><a href="#areas">Areas</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a href="#contact" class="nav-cta">Get a Quote</a>
@@ -1201,6 +1201,54 @@
</div>
</section>
+<section id="projects">
+ <div class="section-header">
+ <span class="section-eyebrow">Portfolio</span>
+ <h2>Our Craftsmanship</h2>
+ </div>
+ <div class="projects-mosaic">
+ <div class="project-tile tall" role="button" tabindex="0" aria-label="View full size image of Skylit Floor Installation">
+ <img class="tile-image" src="floor.png" alt="Finished marble floor with skylight and black framed doors" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Marble Finish</div>
+ <div class="tile-title">Skylit Floor Installation</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Timber Frame Extension">
+ <img class="tile-image" src="addition.png" alt="Timber frame addition under construction on a London brick property" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Structural Addition</div>
+ <div class="tile-title">Timber Frame Extension</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Brickwork and Rooflights">
+ <img class="tile-image" src="extension.png" alt="Completed brick rear extension with flat roof and rooflights" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Rear Extension</div>
+ <div class="tile-title">Brickwork & Rooflights</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Curved Stair Installation">
+ <img class="tile-image" src="stairs.png" alt="Curved timber stair installation during refurbishment" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Bespoke Joinery</div>
+ <div class="tile-title">Curved Stair Installation</div>
+ </div>
+ </div>
+ <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of On-site Carpentry">
+ <img class="tile-image" src="saw.png" alt="Carpenter cutting timber beams with a circular saw on site" loading="lazy" decoding="async">
+ <div class="tile-content">
+ <div class="tile-tag">Structural Works</div>
+ <div class="tile-title">On-site Carpentry</div>
+ </div>
+ </div>
+ </div>
+ <div class="projects-cta">
+ <p style="font-size:0.85rem;color:var(--stone);margin-bottom:1.25rem;letter-spacing:0.05em;">See our full portfolio on Instagram</p>
+ <a href="https://instagram.com/rcraft.construction" class="btn-ghost" style="font-size:0.75rem;">@rcraft.construction</a>
+ </div>
+</section>
+
<section id="areas">
<div class="section-header">
<span class="section-eyebrow">Where We Work</span>
@@ -1259,54 +1307,6 @@
</div>
</section>
-<section id="projects">
- <div class="section-header">
- <span class="section-eyebrow">Portfolio</span>
- <h2>Our Craftsmanship</h2>
- </div>
- <div class="projects-mosaic">
- <div class="project-tile tall" role="button" tabindex="0" aria-label="View full size image of Skylit Floor Installation">
- <img class="tile-image" src="floor.png" alt="Finished marble floor with skylight and black framed doors" loading="lazy" decoding="async">
- <div class="tile-content">
- <div class="tile-tag">Marble Finish</div>
- <div class="tile-title">Skylit Floor Installation</div>
- </div>
- </div>
- <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Timber Frame Extension">
- <img class="tile-image" src="addition.png" alt="Timber frame addition under construction on a London brick property" loading="lazy" decoding="async">
- <div class="tile-content">
- <div class="tile-tag">Structural Addition</div>
- <div class="tile-title">Timber Frame Extension</div>
- </div>
- </div>
- <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Brickwork and Rooflights">
- <img class="tile-image" src="extension.png" alt="Completed brick rear extension with flat roof and rooflights" loading="lazy" decoding="async">
- <div class="tile-content">
- <div class="tile-tag">Rear Extension</div>
- <div class="tile-title">Brickwork & Rooflights</div>
- </div>
- </div>
- <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of Curved Stair Installation">
- <img class="tile-image" src="stairs.png" alt="Curved timber stair installation during refurbishment" loading="lazy" decoding="async">
- <div class="tile-content">
- <div class="tile-tag">Bespoke Joinery</div>
- <div class="tile-title">Curved Stair Installation</div>
- </div>
- </div>
- <div class="project-tile" role="button" tabindex="0" aria-label="View full size image of On-site Carpentry">
- <img class="tile-image" src="saw.png" alt="Carpenter cutting timber beams with a circular saw on site" loading="lazy" decoding="async">
- <div class="tile-content">
- <div class="tile-tag">Structural Works</div>
- <div class="tile-title">On-site Carpentry</div>
- </div>
- </div>
- </div>
- <div class="projects-cta">
- <p style="font-size:0.85rem;color:var(--stone);margin-bottom:1.25rem;letter-spacing:0.05em;">See our full portfolio on Instagram</p>
- <a href="https://instagram.com/rcraft.construction" class="btn-ghost" style="font-size:0.75rem;">@rcraft.construction</a>
- </div>
-</section>
-
<section id="contact">
<div class="contact-info">
<span class="section-eyebrow" style="display:block;margin-bottom:1rem;">Get in Touch</span>