Download index.html from getreadystack/agency-website-template: direct link, hf CLI and curl.
- Browser
- Download file 9.79 kB
-
https://huggingface.co/spaces/getreadystack/agency-website-template/resolve/main/index.html
- Command line
-
hf download hf://spaces/getreadystack/agency-website-template/index.html
-
curl -L -o index.html https://huggingface.co/spaces/getreadystack/agency-website-template/resolve/main/index.html
9.79 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |
| <title>Fold & Signal — brand and web studio, Manchester</title> | |
| <meta name="description" content="Independent Manchester studio building brands, websites and launch campaigns for small teams. See services, work and rates."> | |
| <style>:root{--bg:#ffffff;--fg:#16181d;--accent:#2f5bd8;--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/agency-website-template"></head> | |
| <body> | |
| <header class="nav"><div class="wrap"><a class="brand" href="index.html">Fold & Signal</a><a href="index.html">Home</a><a href="services.html">Services</a><a href="work.html">Work</a><a href="pricing.html">Pricing</a><a href="about.html">About</a><a href="faq.html">FAQ</a><a href="contact.html">Contact</a></div></header> | |
| <main><!-- EDIT: heading --> | |
| <section class="hero" id="hero"><div class="wrap"><h1>Brands and websites for teams that need to launch, not deliberate.</h1><!-- EDIT: text --> | |
| <p>Fold & Signal is a four-person studio in Manchester. We take a company that already knows what it does and give it the name, the look and the site to say so.</p><!-- EDIT: text --> | |
| <p>Most projects run six to ten weeks from first call to live site. We work directly with the people who decide, so nothing waits in a queue.</p><!-- EDIT: replace with your own photo (keep the file name, or change the src) --><img class="ph" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDY3NSIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJoZXJvIGltYWdlIHBsYWNlaG9sZGVyIj48cmVjdCB3aWR0aD0iMTIwMCIgaGVpZ2h0PSI2NzUiIGZpbGw9IiNlY2VhZTYiLz48cmVjdCB4PSIyNCIgeT0iMjQiIHdpZHRoPSIxMTUyIiBoZWlnaHQ9IjYyNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmY1YmQ4IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1kYXNoYXJyYXk9IjE0IDEwIiBvcGFjaXR5PSIwLjU1Ii8+PGNpcmNsZSBjeD0iNjAwIiBjeT0iMzAwIiByPSI1OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmY1YmQ4IiBzdHJva2Utd2lkdGg9IjYiIG9wYWNpdHk9IjAuNiIvPjxwYXRoIGQ9Ik01NzIgMzIyIGwyNCAtMzAgMjAgMjQgMTQgLTE2IDI2IDM0eiIgZmlsbD0iIzJmNWJkOCIgb3BhY2l0eT0iMC42Ii8+PHRleHQgeD0iNjAwIiB5PSI0MzAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksc2Fucy1zZXJpZiIgZm9udC1zaXplPSIzMCIgZmlsbD0iIzZkNjc1ZiI+aW1hZ2VzL2hlcm8uc3ZnICYjODIxMjsgcmVwbGFjZSB3aXRoIHlvdXIgcGhvdG88L3RleHQ+PC9zdmc+Cg==" alt=""><p><a class="btn" href="services.html">See what we do</a></p></div></section><!-- EDIT: heading --> | |
| <section class="features" id="features"><div class="wrap"><h2>How we work</h2><div class="grid"><div class="card"><h3>One call before any quote</h3><p>We ask what you are launching, who has to approve it, and when it has to be live. If we are not the right studio for it, we say so on that call.</p></div><div class="card"><h3>Fixed scope, fixed fee</h3><p>You get a written scope with a number on it. If the scope changes, we quote the change before doing it — no invoice arrives as a surprise.</p></div><div class="card"><h3>You keep everything</h3><p>Source files, fonts licences, the site repository and the design files are handed over at the end. Nothing stays locked in our accounts.</p></div><div class="card"><h3>Built to be edited by you</h3><p>We hand over a site your own team can update, and spend the last session of the project teaching them how rather than selling a retainer.</p></div></div></div></section><!-- EDIT: heading --> | |
| <section class="services" id="services"><div class="wrap"><h2>What we do</h2><!-- EDIT: text --> | |
| <p>Four things, done properly. The full list with what each one includes is on the services page.</p><div class="grid"><div class="card"><h3>Brand identity</h3><p>Name, wordmark, colour, type and the rules for using them, delivered as a short guide people actually read.</p></div><div class="card"><h3>Website design and build</h3><p>Marketing sites from five to forty pages, built to load fast and to be edited without a developer.</p></div><div class="card"><h3>Copy and content</h3><p>The words on the page, written with you rather than filled in around a layout.</p></div><div class="card"><h3>Launch campaigns</h3><p>The assets for the first eight weeks after launch: social, email, print and paid.</p></div></div><p><a class="btn" href="services.html">All services in detail</a></p></div></section><!-- EDIT: heading --> | |
| <section class="testimonial" id="testimonial"><div class="wrap"><h2>What clients say</h2><!-- EDIT: text --> | |
| <p>Replace these with quotes you have written permission to publish, or remove the section.</p><div class="grid"><div class="card"><h3>Priya Raman, operations director, a regional dental group</h3><p>They rewrote our booking pages before touching the design, which is the opposite of what the last agency did. Enquiries stopped going to the wrong inbox.</p></div><div class="card"><h3>Tom Aldrich, founder, an industrial coatings supplier</h3><p>We had one deadline that could not move and they built to it. Handover was a folder and a forty-minute call, and our office manager has run the site since.</p></div><div class="card"><h3>Dana Wexler, marketing lead, a food logistics firm</h3><p>The brand guide is nine pages. Our previous one was ninety and nobody opened it.</p></div></div></div></section><!-- EDIT: heading --> | |
| <section class="cta" id="cta"><div class="wrap"><h2>Tell us what you are launching</h2><!-- EDIT: text --> | |
| <p>Send a paragraph about the project and the date it has to be live. We reply to every enquiry, including the ones we cannot take.</p><p><a class="btn" href="contact.html">Start a project</a></p></div></section></main> | |
| <footer><div class="wrap">Fold & Signal — brand and web studio, Manchester. Written and built in plain HTML.</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">7 pages and 24 finished sections of real agency copy — you own the source files, and there is no monthly site plan to keep the site online.</p><p style="margin:0 0 1rem;color:#5b6b7c;font-size:.94rem">Measured, not estimated: a comparable multi-page agency site template is selling on this same shelf at $49 right now. The other anchor is recurring cost — a hosted visual builder charges a site plan every month for as long as the </p><a href="https://getreadystack.com/free?p=agency-website-template&lang=en" 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> | |
| <!--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> | |