getreadystack's picture
Upload index.html with huggingface_hub
5cdfb6e verified
Raw History Blame Contribute Delete
13.8 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Your Company Name — General Contractor</title>
<meta name="description" content="Front page: what you build, where you work, recent projects and how to get an estimate.">
<style>:root{--bg:#ffffff;--fg:#16181d;--accent:#8a5a2b;--muted:#5b6270}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;line-height:1.65}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}.ph{display:block;width:100%;max-width:100%;height:auto;margin:18px 0 0;border-radius:10px}header.nav{border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;background:var(--bg);z-index:9}header.nav .wrap{display:flex;gap:20px;align-items:center;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}header.nav a{color:var(--fg);text-decoration:none;font-size:15px}header.nav a.brand{font-weight:700;font-size:18px;margin-right:auto}section{padding:64px 0;border-bottom:1px solid rgba(0,0,0,.05)}section.hero{padding:96px 0}h1{font-size:clamp(30px,5vw,52px);line-height:1.15;margin:0 0 18px}h2{font-size:clamp(22px,3vw,32px);margin:0 0 14px}h3{font-size:18px;margin:0 0 8px}p{color:var(--muted);margin:0 0 14px;max-width:62ch}.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:22px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 24px;border-radius:10px;text-decoration:none;font-weight:600}footer{padding:40px 0;color:var(--muted);font-size:14px}@media(prefers-color-scheme:dark){:root{--bg:#101216;--fg:#eef1f5;--mu:#a7b0bd}.card{border-color:rgba(255,255,255,.14)}}</style>
<script data-grow-initializer="">!(function(){window.growMe||((window.growMe=function(e){window.growMe._.push(e);}),(window.growMe._=[]));var e=document.createElement("script");(e.type="text/javascript"),(e.src="https://faves.grow.me/main.js"),(e.defer=!0),e.setAttribute("data-grow-faves-site-id","U2l0ZTphZjljMzgyMC0yMmU5LTRhYjgtYTIxNS03OTRhMGY1N2ExYzM=");var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t);})();</script>
<!--yj-canon-s101--><link rel="canonical" href="https://getreadystack.com/tools/construction-website-template"></head>
<body>
<header class="nav"><div class="wrap"><a class="brand" href="index.html">Your Company Name — General Contractor</a><a href="index.html">Home</a><a href="about.html">About</a><a href="services.html">Services</a><a href="projects.html">Projects</a><a href="process.html">Process</a><a href="estimates.html">Estimates</a><a href="licensing.html">License and Insurance</a><a href="warranty.html">Warranty</a><a href="faq.html">FAQ</a><a href="contact.html">Contact</a><a href="disclosures.html">Notices</a></div></header>
<main><!-- EDIT: heading -->
<section class="hero" id="hero"><div class="wrap"><h1>Your Company Name — General Contractor</h1><!-- EDIT: text -->
<p>Replace this with one sentence naming your trade and your service area (for example: kitchen and bath remodeling and additions within 30 miles of ______).</p><!-- EDIT: text -->
<p>Add one sentence on what happens next — call for an estimate, or look at recent projects first.</p><!-- EDIT: replace with your own photo (keep the file name, or change the src) --><img class="ph" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDY3NSIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJoZXJvIGltYWdlIHBsYWNlaG9sZGVyIj48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9IiNlY2VhZTYiLz48cmVjdCB4PSIyNCIgeT0iMjQiIHdpZHRoPSIxMTUyIiBoZWlnaHQ9IjYyNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGE1YTJiIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1kYXNoYXJyYXk9IjE0IDEwIiBvcGFjaXR5PSIwLjU1Ii8+PGNpcmNsZSBjeD0iNjAwIiBjeT0iMzAwIiByPSI1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGE1YTJiIiBzdHJva2Utd2lkdGg9IjYiIG9wYWNpdHk9IjAuNiIvPjxwYXRoIGQ9Ik01NzIgMzIyIGwyNCAtMzAgMjAgMjQgMTQgLTE2IDI2IDM0eiIgZmlsbD0iIzhhNWEyYiIgb3BhY2l0eT0iMC42Ii8+PHRleHQgeD0iNjAwIiB5PSI0MzAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksc2Fucy1zZXJpZiIgZm9udC1zaXplPSIzMCIgZmlsbD0iIzZkNjc1ZiI+aW1hZ2VzL2hlcm8uc3ZnICYjODIxMjsgcmVwbGFjZSB3aXRoIHlvdXIgcGhvdG88L3RleHQ+PC9zdmc+Cg==" alt=""><p><a class="btn" href="contact.html">Request an estimate</a></p></div></section><!-- EDIT: heading -->
<section class="features" id="features"><div class="wrap"><h2>Before you call anyone</h2><div class="grid"><div class="card"><h3>License</h3><p>License # ______ , classification ______ , valid through ______ . Fill this in; homeowners look it up on the state board site before they call.</p></div><div class="card"><h3>Insurance</h3><p>General liability and workers' compensation in force through ______ . List the carrier and offer a certificate on request. Remove any coverage you do not carry.</p></div><div class="card"><h3>Service area</h3><p>List the towns or the radius you actually work in, and say plainly where you do not travel.</p></div><div class="card"><h3>What we take on</h3><p>State the size of job you want — and the size you decline. Turning down the wrong job in advance saves both sides a visit.</p></div></div></div></section><!-- EDIT: heading -->
<section class="gallery" id="gallery"><div class="wrap"><h2>Recent projects</h2><!-- EDIT: replace with your own photo (keep the file name, or change the src) --><img class="ph" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDY3NSIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJnYWxsZXJ5IGltYWdlIHBsYWNlaG9sZGVyIj48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9IiNlY2VhZTYiLz48cmVjdCB4PSIyNCIgeT0iMjQiIHdpZHRoPSIxMTUyIiBoZWlnaHQ9IjYyNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGE1YTJiIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1kYXNoYXJyYXk9IjE0IDEwIiBvcGFjaXR5PSIwLjU1Ii8+PGNpcmNsZSBjeD0iNjAwIiBjeT0iMzAwIiByPSI1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGE1YTJiIiBzdHJva2Utd2lkdGg9IjYiIG9wYWNpdHk9IjAuNiIvPjxwYXRoIGQ9Ik01NzIgMzIyIGwyNCAtMzAgMjAgMjQgMTQgLTE2IDI2IDM0eiIgZmlsbD0iIzhhNWEyYiIgb3BhY2l0eT0iMC42Ii8+PHRleHQgeD0iNjAwIiB5PSI0MzAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksc2Fucy1zZXJpZiIgZm9udC1zaXplPSIzMCIgZmlsbD0iIzZkNjc1ZiI+aW1hZ2VzL2dhbGxlcnkuc3ZnICYjODIxMjsgcmVwbGFjZSB3aXRoIHlvdXIgcGhvdG88L3RleHQ+PC9zdmc+Cg==" alt=""><div class="grid"><div class="card"><h3>Project type — town</h3><p>Scope, duration and one problem you solved. Use your own photos, before and after from the same angle.</p></div><div class="card"><h3>Project type — town</h3><p>Say whether you were the general contractor or a sub on this job. Be exact.</p></div><div class="card"><h3>Project type — town</h3><p>Note the permits pulled and the inspections passed, if that applies.</p></div><div class="card"><h3>Project type — town</h3><p>Name the materials used where a homeowner would care about the grade.</p></div><div class="card"><h3>Project type — town</h3><p>Mention what changed mid-job and how it was handled — this is what a nervous homeowner is reading for.</p></div><div class="card"><h3>Project type — town</h3><p>Delete unused blocks rather than leaving placeholders on a live site.</p></div></div><p><a class="btn" href="projects.html">See all projects</a></p></div></section><!-- EDIT: heading -->
<section class="services" id="services"><div class="wrap"><h2>What we do</h2><div class="grid"><div class="card"><h3>Remodeling</h3><p>One line, then point to the services page. Name the rooms or systems you actually take on.</p></div><div class="card"><h3>Additions and structural work</h3><p>One line on scope and whether you handle design, engineering and permits or coordinate them.</p></div><div class="card"><h3>Repairs and smaller jobs</h3><p>State your minimum job size honestly so nobody calls for something you will decline.</p></div><div class="card"><h3>Emergency and insurance work</h3><p>State whether you do it and how quickly. Delete this block if you do not.</p></div></div><p><a class="btn" href="services.html">All services</a></p></div></section><!-- EDIT: heading -->
<section class="testimonial" id="testimonial"><div class="wrap"><h2>From past customers</h2><div class="grid"><div class="card"><h3>PLACEHOLDER — replace with a real review</h3><p>PLACEHOLDER. Use only a review you actually received, with permission. Delete this block if you do not have one yet.</p></div><div class="card"><h3>PLACEHOLDER — name or initials and town</h3><p>PLACEHOLDER. A short specific line about how a problem was handled beats a general compliment.</p></div><div class="card"><h3>PLACEHOLDER — delete if unused</h3><p>PLACEHOLDER. An empty section is better than an invented review, and fabricated reviews are an advertising violation.</p></div></div></div></section><!-- EDIT: heading -->
<section class="cta" id="cta"><div class="wrap"><h2>Planning work this season?</h2><!-- EDIT: text -->
<p>Send the address, what you want done, and your rough timeline; you will get a written estimate, not a verbal number.</p><!-- EDIT: text -->
<p>License, insurance and warranty terms are published on this site before you call.</p><p><a class="btn" href="contact.html">Request an estimate</a></p></div></section></main>
<footer><div class="wrap">© Your Company Name · License # ______ · Licensed, bonded and insured · Serving ______ — replace this line with your own details before publishing</div></footer>
<section data-yj-cta="paid" style="margin:3rem auto;max-width:46rem;padding:1.5rem 1.25rem;border:1px solid #d8dee9;border-radius:12px;background:#fbfcfe;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif"><h2 style="margin:0 0 .5rem;font-size:1.25rem">Get the complete version <span class="yj-price">$49</span></h2><p style="margin:.25rem 0 1rem;color:#41505f">This page is the working piece. The full pack has everything below.</p><p style="margin:0 0 1rem;color:#41505f">Homeowners check the license before they check the photos. Every page carries the footer line your state expects — company name, license number, insured and bonded status — plus 11 pages and</p><p style="margin:0 0 1rem;color:#5b6b7c;font-size:.94rem">A rival template on this same shelf sells at 49 USD right now (our measurement, August 2026). The other checkable comparison is recurring cost: a hosted contractor-site subscription bills every month for as long as the site is up,</p><a href="https://pocketvault.gumroad.com/l/xvarmu" rel="nofollow" style="display:inline-block;padding:.7rem 1.3rem;border-radius:8px;background:#1b64f2;color:#fff;text-decoration:none;font-weight:600">Send it to me</a></section>
<section class="yj-related" style="max-width:920px;margin:56px auto 40px;padding:0 20px"><h2 style="font:600 21px/1.3 system-ui,sans-serif;margin:0 0 6px;color:#1b1f24">More from ReadyStack</h2><p style="font:400 14.5px/1.5 system-ui,sans-serif;margin:0 0 20px;color:#5b6570">Ready-to-use files. One-time download, no subscription.</p><div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px"><a class="yj-rel-c" href="https://getreadystack.com/tools/lawyer-website-template"><span class="yj-rel-t">Lawyer Website Template — 7-Page HTML Site for a Solo Law Office (No Subscript</span><span class="yj-rel-p">$49</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/cinematic-lut-pack"><span class="yj-rel-t">Cinematic LUT Pack for Wedding and Travel Filmmakers — Golden Hour, Overcast, </span><span class="yj-rel-p">$100</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/nursing-resume-template"><span class="yj-rel-t">Nursing Resume Template — 6 Fill-In Word Documents by License Level and Care S</span><span class="yj-rel-p">$29</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/revit-door-family"><span class="yj-rel-t">Revit Door Family Blocks - 14 ADA-Dimensioned US Commercial Doors (DXF, import</span><span class="yj-rel-p">$100</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/fashion-shopify-theme"><span class="yj-rel-t">Fashion Shopify Theme — Apparel Store with Size &amp; Fit, Drop Countdown and Retu</span><span class="yj-rel-p">$200</span></a><a class="yj-rel-c" href="https://getreadystack.com/tools/law-firm-website-template"><span class="yj-rel-t">Law Firm Website Template — Six-Page HTML Site for a Solo or Small Practice, W</span><span class="yj-rel-p">$49</span></a></div><style>.yj-rel-c{display:flex;flex-direction:column;gap:8px;padding:15px 16px;border:1px solid #e2e6ea;border-radius:6px;text-decoration:none;background:#fff}.yj-rel-c:hover{border-color:#b9c2cb;background:#fafbfc}.yj-rel-t{font:500 14.5px/1.42 system-ui,sans-serif;color:#1b1f24}.yj-rel-p{font:600 13px system-ui,sans-serif;color:#0a6238}</style></section><!--yj-share-s101--><div style="margin:28px 0 8px;text-align:center"><button id="yjcp" type="button" style="font:inherit;padding:10px 18px;border:1px solid #8884;border-radius:10px;background:transparent;cursor:pointer">Copy link</button></div><script>(function(){var b=document.getElementById("yjcp");if(!b)return;var t=b.textContent;b.addEventListener("click",function(){var u=location.href.split("#")[0];function d(){b.textContent="Link copied";setTimeout(function(){b.textContent=t;},1800);}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(u).then(d,function(){prompt("",u);});}else{prompt("",u);}});})();</script>
<script data-yj="yj-view-beacon">(function(){try{var p=location.pathname;var k='yjv:'+p;if(sessionStorage.getItem(k))return;sessionStorage.setItem(k,'1');fetch('/api/ev',{method:'POST',keepalive:true,headers:{'Content-Type':'application/json'},body:JSON.stringify({path:p,lang:"en"})}).catch(function(){});}catch(e){}})();</script>
</body>
</html>