Banner

Contact

Embed

<section class="contact" id="contact">
  <div class="contact__container">
    <h2 class="contact__title">Contact Us</h2>
    <p class="contact__subtitle">Questions or a project in mind? Reach us anytime.</p>

    <div class="contact__grid">
      
      <a class="contact__card" href="https://instagram.com/launchsite_" target="_blank" rel="noopener" aria-label="Instagram">
        <span class="contact__icon" aria-hidden="true">
          
          <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
            <path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zM18 6.8a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
          </svg>
        </span>
        <div class="contact__text">
          <span class="contact__label">Instagram</span>
          <span class="contact__value">@launchsite_</span>
        </div>
      </a>

      
      <a class="contact__card" href="tel:+447391274172" aria-label="Phone number">
        <span class="contact__icon" aria-hidden="true">
          
          <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
            <path d="M6.6 10.8a15.4 15.4 0 0 0 6.6 6.6l2.2-2.2a1.1 1.1 0 0 1 1.1-.27c1.2.4 2.6.6 4 .6a1.1 1.1 0 0 1 1.1 1.1V20a1.1 1.1 0 0 1-1.1 1.1A18.9 18.9 0 0 1 3 6.1 1.1 1.1 0 0 1 4.1 5H7a1.1 1.1 0 0 1 1.1 1.1c0 1.4.2 2.8.6 4 .1.4 0 .8-.3 1.1l-1.8 1.6z"/>
          </svg>
        </span>
        <div class="contact__text">
          <span class="contact__label">Phone</span>
          <span class="contact__value">07391 274172</span>
        </div>
      </a>

      
      <a class="contact__card" href="mailto:launchsite25@gmail.com" aria-label="Email">
        <span class="contact__icon" aria-hidden="true">
          
          <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
            <path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm0 2v.4l8 5.3 8-5.3V6H4zm16 12V9.2l-7.4 4.9a2 2 0 0 1-2.2 0L4 9.2V18h16z"/>
          </svg>
        </span>
        <div class="contact__text">
          <span class="contact__label">Email</span>
          <span class="contact__value">launchsite25@gmail.com</span>
        </div>
      </a>
    </div>
  </div>
</section>

<style>
  .contact {
    padding: 64px 20px;
    background: #ffffff; /* White background */
    color: #0b1220; /* Navy text */
  }
  .contact__container {
    max-width: 1100px;
    margin: 0 auto;
  }
  .contact__title {
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 8px;
    font-weight: bold;
    color: #0b1220;
  }
  .contact__subtitle {
    opacity: 0.8;
    margin: 0 0 28px;
  }
  .contact__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
  .contact__card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 14px;
    background: #0b1220; /* Navy background for buttons */
    color: #ffffff; /* White text inside buttons */
    text-decoration: none;
    transition: transform .15s ease, background .15s ease;
  }
  .contact__card:hover {
    transform: translateY(-2px);
    background: #121a2c; /* Slightly lighter navy on hover */
  }
  .contact__icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255,255,255,0.15);
    align-items: center;
    justify-content: center;
  }
  .contact__text {
    display: flex;
    flex-direction: column;
  }
  .contact__label {
    font-size: .85rem;
    opacity: .8;
  }
  .contact__value {
    font-weight: 600;
    font-size: 1rem;
  }

  /* Responsive */
  @media (max-width: 900px) {
    .contact__grid { grid-template-columns: 1fr; }
  }
</style>

Contact form

<h3>Connect With Us Today</h3> <p>Contact LaunchSite Agency at World Trade Center for your mobile-friendly website needs.</p>

name

email

message

Call to action

Transform your agency's online presence with a sleek, mobile-friendly website designed for peak performance and customer engagement.

Contact

Contact Us

Connect With Us Today

Optimize Your Digital Footprint