Página de Contato - Website Inicial

Página de Contato padrão para websites iniciais.

by RamonECOWD

HTML

<link rel="stylesheet" href="https://componentes.interago.com.br/bootstrap-grid.css">
<link rel="stylesheet" href="https://componentes.interago.com.br/global-css.css">
<script src="https://kit.fontawesome.com/1c22df820e.js"></script>
<!-- METATAGS ON SEO - SPECIFIC PAGES -->
  <section class="sectionBusiness py-5">

    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-12">
          <div class="flex">
            <h3 class="titulo">Entre em Contato</h3>
          </div>
          
          <p>
          Preencha o formulário abaixo com seus dados de contato, e um de nossos atendentes irá entrar em contato o mais rápido possível.
          </p>

          <div class="i-form-01">
            <script src="https://www.interago.com.br/App/Extensions/1/tag/components/form.js"></script>
          </div>
        </div>

        <div class="col-lg-6 col-12">
          <div class="flex mb-3">
            <h3 class="titulo">Outras formas de Contato</h3>
          </div>

          <div class="ways">
            <a href="https://g.page/ecowebdesign-sites?share" target="_blank" title="Venha visitar nosso local físico - Premiere Estofados"
              rel="noopener noreferrer nofollow">
              <i class="fas fa-map-marker-alt"></i>
              Avenida México, 688, Jardim Paulista SJRP - SP
            </a>

            <a href="https://web.whatsapp.com/send?phone=5517992545634" target="_blank"
              title="Clique para falar conosco no WhatsApp" class="whats-link" rel="noopener noreferrer nofollow">
              <i class="fab fa-whatsapp"></i>
              (17) 99254-5634
            </a>

            <a href="mailto:[email protected]" target="_blank"
              title="Envie uma mensagem de e-mail para nossa equipe para tirar suas dúvidas"
              rel="noopener noreferrer nofollow">
              <i class="fas fa-envelope"></i>
              [email protected]
            </a>
            
        ...

CSS

iframe {
    max-width: 100%;
  }

  .ways a {
    display: block;
    margin: 0.5rem 0;
    color: #373435;
    font-size: 16px;
  }

  .ways a i {
    font-size: 20px;
    color: #0071E3;
  }

  .ways a:hover {
    transform: translateX(6px);
    color: #0071E3;
  }

  .ways a i {
    font-size: 20px;
    margin-right: 5px;
  }