<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bow Tie Websites - Creative Digital Agency</title><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="stylesheet" href="/_astro/index.Bfv4U-_k.css"></head> <body>  <header class="header-area" data-astro-cid-3ef6ksr2> <div class="header-inner" data-astro-cid-3ef6ksr2> <div class="header-logo" data-astro-cid-3ef6ksr2> <a href="/" data-astro-cid-3ef6ksr2> <img src="/images/header/logo.png" alt="Bow Tie Websites" data-astro-cid-3ef6ksr2> </a> </div> <nav class="main-menu" data-astro-cid-3ef6ksr2> <ul data-astro-cid-3ef6ksr2> <li data-astro-cid-3ef6ksr2><a href="/" data-astro-cid-3ef6ksr2>Home</a></li><li data-astro-cid-3ef6ksr2><a href="#about" data-astro-cid-3ef6ksr2>About</a></li><li data-astro-cid-3ef6ksr2><a href="#portfolio" data-astro-cid-3ef6ksr2>Portfolio</a></li><li data-astro-cid-3ef6ksr2><a href="#contact" data-astro-cid-3ef6ksr2>Contact</a></li> </ul> </nav> <div class="header-right" data-astro-cid-3ef6ksr2> <button class="menu-toggle" aria-label="Open menu" data-astro-cid-3ef6ksr2> <img src="/images/header/menu-icon.png" alt="" width="44" height="44" data-astro-cid-3ef6ksr2> </button> </div> </div> </header> <!-- Mobile menu overlay --> <aside class="offcanvas-menu" id="offcanvasMenu" data-astro-cid-3ef6ksr2> <div class="offcanvas-inner" data-astro-cid-3ef6ksr2> <button class="close-btn" aria-label="Close menu" data-astro-cid-3ef6ksr2>&times;</button> <div class="offcanvas-logo" data-astro-cid-3ef6ksr2> <a href="/" data-astro-cid-3ef6ksr2><img src="/images/header/logo.png" alt="Bow Tie Websites" data-astro-cid-3ef6ksr2></a> </div> <div class="offcanvas-content" data-astro-cid-3ef6ksr2> <h3 data-astro-cid-3ef6ksr2>Hello There!</h3> <p data-astro-cid-3ef6ksr2>Bow Tie Websites, a digital agency crafted by a dedicated team of creatives champions the essence of simplicity and elegance.</p> <a href="#contact" class="btn-primary bg-active offcanvas-cta" data-astro-cid-3ef6ksr2>Let's Talk</a> </div> <div class="offcanvas-contact" data-astro-cid-3ef6ksr2> <p data-astro-cid-3ef6ksr2><strong data-astro-cid-3ef6ksr2>Phone:</strong> +1 (555) 123-4567</p> <p data-astro-cid-3ef6ksr2><strong data-astro-cid-3ef6ksr2>Email:</strong> hello@bowtiewebsites.com</p> <p data-astro-cid-3ef6ksr2><strong data-astro-cid-3ef6ksr2>Address:</strong> 123 Creative Ave, Suite 100</p> </div> <div class="offcanvas-social" data-astro-cid-3ef6ksr2> <a href="#" aria-label="Twitter" data-astro-cid-3ef6ksr2>𝕏</a> <a href="#" aria-label="LinkedIn" data-astro-cid-3ef6ksr2>in</a> <a href="#" aria-label="Instagram" data-astro-cid-3ef6ksr2>ig</a> <a href="#" aria-label="Dribbble" data-astro-cid-3ef6ksr2>dr</a> </div> </div> </aside> <script type="module">const t=document.querySelector(".menu-toggle"),e=document.getElementById("offcanvasMenu"),n=e?.querySelector(".close-btn");t?.addEventListener("click",()=>{e?.classList.add("open"),document.body.style.overflow="hidden"});n?.addEventListener("click",()=>{e?.classList.remove("open"),document.body.style.overflow=""});e?.addEventListener("click",o=>{o.target===e&&(e.classList.remove("open"),document.body.style.overflow="")});</script>  <section class="hero-area" data-astro-cid-bbe6dxrz> <div class="hero-content container" data-astro-cid-bbe6dxrz> <div class="hero-columns" data-astro-cid-bbe6dxrz> <div class="hero-title-col" data-astro-cid-bbe6dxrz> <h1 class="hero-title" data-astro-cid-bbe6dxrz>
Really Old Website?<span class="title-logo-wrap" aria-hidden="true" data-astro-cid-bbe6dxrz><span class="title-logo-bracket bracket-left" data-astro-cid-bbe6dxrz>&lt;</span><span class="title-logo-knot" data-astro-cid-bbe6dxrz>✳</span><span class="title-logo-bracket bracket-right" data-astro-cid-bbe6dxrz>&gt;</span></span> <span class="fw-500" data-astro-cid-bbe6dxrz> <br data-astro-cid-bbe6dxrz>Try a new look</span>
- Try Bow Tie.
</h1> </div> <div class="hero-info-row" data-astro-cid-bbe6dxrz> <div class="scroll-indicator btn-move" id="scrollDownMove" data-astro-cid-bbe6dxrz> <div class="scroll-indicator-shape btn-item" id="scrollDownItem" data-astro-cid-bbe6dxrz> <a href="#about" data-astro-cid-bbe6dxrz> <img src="/images/shapes/shape-17.png" alt="Scroll down" data-astro-cid-bbe6dxrz> </a> </div> </div> <div class="hero-info-text" data-astro-cid-bbe6dxrz> <p class="hero-description" data-astro-cid-bbe6dxrz>
Bow Tie Websites, a digital agency crafted by a dedicated team of creatives champions the essence of simplicity and elegance.
</p> <div class="hero-cta-wrapper" data-astro-cid-bbe6dxrz> <a href="#contact" class="btn-group hero-cta" data-astro-cid-bbe6dxrz> <span class="btn-circle" data-astro-cid-bbe6dxrz> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-bbe6dxrz><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-bbe6dxrz></line><polyline points="12 5 19 12 12 19" data-astro-cid-bbe6dxrz></polyline></svg> </span> <span class="btn-primary" data-astro-cid-bbe6dxrz>Let's Connect</span> <span class="btn-circle" data-astro-cid-bbe6dxrz> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-bbe6dxrz><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-bbe6dxrz></line><polyline points="12 5 19 12 12 19" data-astro-cid-bbe6dxrz></polyline></svg> </span> </a> </div> </div> </div> </div> </div> <div class="hero-image-fullwidth" data-astro-cid-bbe6dxrz> <div class="hero-image-wrapper" id="heroImageWrapper" data-astro-cid-bbe6dxrz> <div class="hero-image-inner" data-astro-cid-bbe6dxrz> <img src="/images/hero/hero-image.webp" alt="Creative agency hero" class="hero-image" data-astro-cid-bbe6dxrz> </div> </div> </div> </section> <script type="module" src="/_astro/Hero.astro_astro_type_script_index_0_lang.BvzS7O7P.js"></script>  <section class="about-area" id="about" data-astro-cid-v2cbyr3p> <div class="container" data-astro-cid-v2cbyr3p> <div class="about-top" data-astro-cid-v2cbyr3p> <div class="subtitle-col" data-astro-cid-v2cbyr3p> <div class="about-btn" data-astro-cid-v2cbyr3p> <a href="#about" class="btn-group" data-astro-cid-v2cbyr3p> <span class="btn-circle" data-astro-cid-v2cbyr3p> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-v2cbyr3p><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-v2cbyr3p></line><polyline points="12 5 19 12 12 19" data-astro-cid-v2cbyr3p></polyline></svg> </span> <span class="btn-primary" data-astro-cid-v2cbyr3p>About Us</span> <span class="btn-circle" data-astro-cid-v2cbyr3p> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-v2cbyr3p><line x1="5" y1="12" x2="19" y2="12" data-astro-cid-v2cbyr3p></line><polyline points="12 5 19 12 12 19" data-astro-cid-v2cbyr3p></polyline></svg> </span> </a> </div> </div> <div class="title-col" data-astro-cid-v2cbyr3p> <h2 class="section-title about-title" data-astro-cid-v2cbyr3p>
Bow Tie Websites is where creativity meets latest technology for transformative results. As a next-generation Start-up agency
</h2> </div> </div> <div class="about-bottom" data-astro-cid-v2cbyr3p> <div class="counter-wrapper" data-astro-cid-v2cbyr3p> <div class="counter-item" data-astro-cid-v2cbyr3p> <div class="number" data-target="20" data-astro-cid-v2cbyr3p> <span class="count" data-astro-cid-v2cbyr3p>0</span>+ </div> <div class="text" data-astro-cid-v2cbyr3p>Years of experience</div> </div><div class="counter-item" data-astro-cid-v2cbyr3p> <div class="number" data-target="40" data-astro-cid-v2cbyr3p> <span class="count" data-astro-cid-v2cbyr3p>0</span>+ </div> <div class="text" data-astro-cid-v2cbyr3p>Satisfied clients</div> </div><div class="counter-item" data-astro-cid-v2cbyr3p> <div class="number" data-target="100" data-astro-cid-v2cbyr3p> <span class="count" data-astro-cid-v2cbyr3p>0</span>+ </div> <div class="text" data-astro-cid-v2cbyr3p>Projects delivered</div> </div> </div> </div> </div> </section> <script type="module">const i=c=>{c.forEach(t=>{t.isIntersecting&&(t.target.querySelectorAll(".count").forEach(e=>{const r=parseInt(e.parentElement?.getAttribute("data-target")||"0");let n=0;const a=r/60,l=setInterval(()=>{n+=a,n>=r?(e.textContent=r.toString(),clearInterval(l)):e.textContent=Math.floor(n).toString()},30)}),s.unobserve(t.target))})},s=new IntersectionObserver(i,{threshold:.5}),o=document.querySelector(".counter-wrapper");o&&s.observe(o);</script>  <section class="process-area" data-astro-cid-fz4tclxl> <div class="container" data-astro-cid-fz4tclxl> <div class="process-top" data-astro-cid-fz4tclxl> <div class="process-header" data-astro-cid-fz4tclxl> <h2 class="section-title" data-astro-cid-fz4tclxl>How we work</h2> </div> <div class="process-content" data-astro-cid-fz4tclxl> <div class="process-wrapper" data-astro-cid-fz4tclxl> <div class="process-box" data-astro-cid-fz4tclxl> <div class="process-box-inner" data-astro-cid-fz4tclxl> <div class="process-info" data-astro-cid-fz4tclxl> <h3 class="process-title" data-astro-cid-fz4tclxl>Discovery &amp; Strategy</h3> <p class="process-text" data-astro-cid-fz4tclxl>We dive deep into understanding your brand, goals, and target audience to craft a tailored strategy that sets the foundation for success.</p> </div> <div class="process-number" data-astro-cid-fz4tclxl>01</div> </div> </div><div class="process-box" data-astro-cid-fz4tclxl> <div class="process-box-inner" data-astro-cid-fz4tclxl> <div class="process-info" data-astro-cid-fz4tclxl> <h3 class="process-title" data-astro-cid-fz4tclxl>Design &amp; Development</h3> <p class="process-text" data-astro-cid-fz4tclxl>Our creative team brings your vision to life with stunning designs and robust development, ensuring a seamless user experience across all platforms.</p> </div> <div class="process-number" data-astro-cid-fz4tclxl>02</div> </div> </div><div class="process-box" data-astro-cid-fz4tclxl> <div class="process-box-inner" data-astro-cid-fz4tclxl> <div class="process-info" data-astro-cid-fz4tclxl> <h3 class="process-title" data-astro-cid-fz4tclxl>Launch &amp; Monitoring</h3> <p class="process-text" data-astro-cid-fz4tclxl>We ensure a smooth launch and provide ongoing monitoring and optimization to keep your digital presence performing at its best.</p> </div> <div class="process-number" data-astro-cid-fz4tclxl>03</div> </div> </div> </div> </div> </div> </div> </section>  <section class="work-area" id="portfolio" data-astro-cid-uhrerali> <div class="container" data-astro-cid-uhrerali> <div class="work-header" data-astro-cid-uhrerali> <h2 class="section-title work-title" data-astro-cid-uhrerali>Featured Work</h2> </div> </div> <div class="works-scroll-wrapper" data-astro-cid-uhrerali> <div class="works-wrapper" data-astro-cid-uhrerali> <div class="work-box" data-astro-cid-uhrerali> <div class="work-thumb" data-astro-cid-uhrerali> <img src="/images/portfolio/project-5.jpg" alt="Voyage Collective" data-astro-cid-uhrerali> </div> <div class="work-content" data-astro-cid-uhrerali> <span class="work-tag" data-astro-cid-uhrerali>Client</span> <h3 class="work-box-title" data-astro-cid-uhrerali>Voyage Collective</h3> <div class="work-meta" data-astro-cid-uhrerali> <span class="work-year" data-astro-cid-uhrerali>2020</span> <div class="work-categories" data-astro-cid-uhrerali> <span class="work-category" data-astro-cid-uhrerali>UI Design</span><span class="work-category" data-astro-cid-uhrerali>Branding</span> </div> </div> </div> </div><div class="work-box" data-astro-cid-uhrerali> <div class="work-thumb" data-astro-cid-uhrerali> <img src="/images/portfolio/project-23.jpg" alt="Lumera Studios" data-astro-cid-uhrerali> </div> <div class="work-content" data-astro-cid-uhrerali> <span class="work-tag" data-astro-cid-uhrerali>Client</span> <h3 class="work-box-title" data-astro-cid-uhrerali>Lumera Studios</h3> <div class="work-meta" data-astro-cid-uhrerali> <span class="work-year" data-astro-cid-uhrerali>2022</span> <div class="work-categories" data-astro-cid-uhrerali> <span class="work-category" data-astro-cid-uhrerali>Development</span><span class="work-category" data-astro-cid-uhrerali>Web Design</span> </div> </div> </div> </div><div class="work-box" data-astro-cid-uhrerali> <div class="work-thumb" data-astro-cid-uhrerali> <img src="/images/portfolio/project-24.jpg" alt="Verve Digital" data-astro-cid-uhrerali> </div> <div class="work-content" data-astro-cid-uhrerali> <span class="work-tag" data-astro-cid-uhrerali>Client</span> <h3 class="work-box-title" data-astro-cid-uhrerali>Verve Digital</h3> <div class="work-meta" data-astro-cid-uhrerali> <span class="work-year" data-astro-cid-uhrerali>2023</span> <div class="work-categories" data-astro-cid-uhrerali> <span class="work-category" data-astro-cid-uhrerali>App Design</span><span class="work-category" data-astro-cid-uhrerali>Strategy</span> </div> </div> </div> </div><div class="work-box" data-astro-cid-uhrerali> <div class="work-thumb" data-astro-cid-uhrerali> <img src="/images/portfolio/project-25.jpg" alt="Lumera Studios" data-astro-cid-uhrerali> </div> <div class="work-content" data-astro-cid-uhrerali> <span class="work-tag" data-astro-cid-uhrerali>Client</span> <h3 class="work-box-title" data-astro-cid-uhrerali>Lumera Studios</h3> <div class="work-meta" data-astro-cid-uhrerali> <span class="work-year" data-astro-cid-uhrerali>2024</span> <div class="work-categories" data-astro-cid-uhrerali> <span class="work-category" data-astro-cid-uhrerali>Branding</span><span class="work-category" data-astro-cid-uhrerali>Creative</span> </div> </div> </div> </div><div class="work-box" data-astro-cid-uhrerali> <div class="work-thumb" data-astro-cid-uhrerali> <img src="/images/portfolio/project-6.jpg" alt="Clarity Ventures" data-astro-cid-uhrerali> </div> <div class="work-content" data-astro-cid-uhrerali> <span class="work-tag" data-astro-cid-uhrerali>Client</span> <h3 class="work-box-title" data-astro-cid-uhrerali>Clarity Ventures</h3> <div class="work-meta" data-astro-cid-uhrerali> <span class="work-year" data-astro-cid-uhrerali>2025</span> <div class="work-categories" data-astro-cid-uhrerali> <span class="work-category" data-astro-cid-uhrerali>Web Design</span><span class="work-category" data-astro-cid-uhrerali>Development</span> </div> </div> </div> </div> </div> </div>  </section>  <section class="cta-area" id="contact" data-astro-cid-4xty6sx2> <div class="container" data-astro-cid-4xty6sx2> <div class="cta-inner" data-astro-cid-4xty6sx2> <a href="#contact" class="cta-link" data-astro-cid-4xty6sx2> <h2 class="cta-title" data-astro-cid-4xty6sx2>
Sounds like a fit?<br data-astro-cid-4xty6sx2>Let's connect!
</h2> <div class="cta-arrow" data-astro-cid-4xty6sx2> <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-4xty6sx2> <line x1="7" y1="17" x2="17" y2="7" data-astro-cid-4xty6sx2></line> <polyline points="7 7 17 7 17 17" data-astro-cid-4xty6sx2></polyline> </svg> </div> </a> </div> </div> </section>  <footer class="footer-area" data-astro-cid-sz7xmlte> <div class="container" data-astro-cid-sz7xmlte> <div class="footer-top" data-astro-cid-sz7xmlte> <div class="footer-col footer-brand" data-astro-cid-sz7xmlte> <div class="footer-logo" data-astro-cid-sz7xmlte> <a href="/" data-astro-cid-sz7xmlte><img src="/bow-tie-logos/icon-dark-512.png" alt="Bow Tie Websites" data-astro-cid-sz7xmlte></a> </div> </div> <div class="footer-col footer-contact" data-astro-cid-sz7xmlte> <h4 class="footer-col-title" data-astro-cid-sz7xmlte>Contact</h4> <a href="mailto:hello@bowtiewebsites.com" class="footer-email" data-astro-cid-sz7xmlte>hello@bowtiewebsites.com</a> </div> <div class="footer-col footer-about" data-astro-cid-sz7xmlte> <p class="footer-text" data-astro-cid-sz7xmlte>
We place great emphasis on providing designers, artists, and brands with templates that elevates their visual communication.
</p> </div> </div> <div class="footer-divider" data-astro-cid-sz7xmlte></div> <div class="footer-bottom" data-astro-cid-sz7xmlte> <p class="copyright-text" data-astro-cid-sz7xmlte>Bow Tie Websites is a brand of <a href="https://geekinc.ca" target="_blank" data-astro-cid-sz7xmlte>Geek Inc.</a></p> <div class="footer-nav" data-astro-cid-sz7xmlte> <a href="#" data-astro-cid-sz7xmlte>License</a> <a href="#" data-astro-cid-sz7xmlte>Customize</a> <a href="#" data-astro-cid-sz7xmlte>Journals</a> </div> </div> </div> </footer>   <script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.CN5xR05Z.js"></script> </body></html>