index.php

<!DOCTYPE html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Donas - Hive</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="assets/media/landing-page/LogoMenor.svg"
    />

    <!-- ======== CSS ======== -->
    <link rel="stylesheet" href="assets/css/landing-page/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/landing-page/lineicons.css" />
    <link rel="stylesheet" href="assets/css/landing-page/animate.css" />
    <link rel="stylesheet" href="assets/css/landing-page/main.css" />
    <link rel="stylesheet" href="assets/css/landing-page/swiper-bundle.min.css">
  </head>
  <body>

    <div class="preloader">
      <div class="loader">
        <div class="spinner">
          <div class="spinner-container">
            <div class="spinner-rotator">
              <div class="spinner-left">
                <div class="spinner-circle"></div>
              </div>
              <div class="spinner-right">
                <div class="spinner-circle"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
   
    <header class="header">
      <div class="navbar-area">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-12">
              <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand" class="logo" id="logo" href="index.html">
                  <img src="assets/media/landing-page/LogoMenu.svg" alt="">
                </a>
                <button
                  class="navbar-toggler"
                  type="button"
                  data-bs-toggle="collapse"
                  data-bs-target="#navbarSupportedContent"
                  aria-controls="navbarSupportedContent"
                  aria-expanded="false"
                  aria-label="Toggle navigation"
                >
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                </button>

                <div
                  class="collapse navbar-collapse sub-menu-bar"
                  id="navbarSupportedContent">
                  <ul id="nav" class="navbar-nav ms-auto">
                    <li class="nav-item">
                      <a class="page-scroll active" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                      <a class="page-scroll" href="#oque">O que é?</a>
                    </li>
                    <li class="nav-item">
                      <a class="page-scroll" href="#porque">Por que Usar?</a>
                    </li>

                    <li class="nav-item">
                      <a class="page-scroll" href="#area">Área da Vendedora</a>
                    </li>
                    <li class="nav-item">
                      <a class="page-scroll" href="#planos">Planos</a>
                    </li>
                    <li class="nav-item">
                      <a class="page-scroll" href="#hive">Sobre a Hive</a>
                    </li>
                    
                  </ul>
                </div>
                <a class="btn-logar" href="login.php"><button>ENTRAR</button></a>

              </nav>
            </div>
          </div>
        </div>
      </div>
    </header>
  
    <section id="home" class="hero-section">
      <div class="container">
        <div class="row align-items-center position-relative">
          <div class="col-lg-6">
            <div class="hero-content">
              <h1 class="wow fadeInUp" data-wow-delay=".4s">
                <img src="assets/media/landing-page/LogoNome.svg" alt="">
              </h1>
              
              <a href="#oque" class="main-btn border-btn btn-hover wow fadeInUp" data-wow-delay=".6s">Veja Mais</a>
              
              <!--
              <center>
                <a href="#oque" class="scroll-bottom">
                <i class="lni lni-arrow-down"></i>
              </a>
              </center>-->

            </div>
          </div>
          <div class="col-lg-6">
            <div class="hero-img wow fadeInUp" data-wow-delay=".5s">
              <img src="assets/media/landing-page/Comp.svg" alt="" />
            </div>
          </div>
        </div>
      </div>
    </section>
   
    <section id="oque" class="about-section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-6 col-lg-6">
            <div class="about-img">
              <img src="assets/media/landing-page/oque.png" alt="" class="w-100" />
              <img
                src="assets/media/landing-page/Detalhe.png"
                alt=""
                class="shape shape-1"
              />
              <img
                src="assets/media/landing-page/Bolinhas.png"
                alt=""
                class="shape shape-2"
              />
            </div>
          </div>
          <div class="col-xl-6 col-lg-6">
            <div class="about-content">
              <div class="section-title ">
                <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s">
                  Donas
                </h2>
                <p class="wow fadeInUp" data-wow-delay=".4s">
                  O Sistema Donas é uma rede social desenvolvida no ano de 2023. O projeto nasceu da necessidade 
                  que mulheres empreendedoras de pequeno e médio porte tinham de crescer no empreendedorismo, por 
                  diversas situações neste meio tem como principal proposta criar um ambiente confiável e seguro 
                  para a divulgação de produtos e serviços de diversos tipos de segmentos produzidos por mulheres.
                </p>
              </div>
              <br>
              <a
                    data-toggle="modal" href="https://youtu.be/FoQUtlASAWk?si=AIBZu4iQaReO1lz-" class="main-btn btn-hover border-btn wow fadeInUp" data-wow-delay=".6s">SAIBA MAIS
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section  class="feature-section">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-4 col-md-8 col-sm-10">
            <div class="single-feature">
              <div class="icon">
                <center><img src="assets/media/landing-page/D.png" alt=""></center>
              </div>
              <div class="content">
                <h3>Desenvolvimento</h3>
                <p>
                  Desenvolva sua empresa com o Donas
                </p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-8 col-sm-10">
            <div class="single-feature">
              <div class="icon">
                <center><img src="assets/media/landing-page/O.png" alt=""></center>
              </div>
              <div class="content">
                <h3>Oportunidades</h3>
                <p>
                  Novas oportunidades com o Donas
                </p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-8 col-sm-10">
            <div class="single-feature">
              <div class="icon">
                <center><img src="assets/media/landing-page/N.png" alt=""></center>
              </div>
              <div class="content">
                <h3>Negócios</h3>
                <p>
                  Crie um perfeito negócio com o Donas
                </p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-8 col-sm-10">
            <div class="single-feature">
              <div class="icon">
                <center><img src="assets/media/landing-page/A.png" alt=""></center>
              </div>
              <div class="content">
                <h3>Autonomia</h3>
                <p>
                  Autonomia em tudo com o Donas
                </p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-8 col-sm-10">
            <div class="single-feature">
              <div class="icon">
                <center><img src="assets/media/landing-page/S.png" alt=""></center>
              </div>
              <div class="content">
                <h3>Segurança</h3>
                <p>
                  Proteja a sua empresa com o Donas
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
   
    <section id="porque" class="feature-extended-section pt-120">
      <div class="feature-extended-wrapper">
        <div class="container">
          <center>
          <div class="row justify-content-center">
            <div class="col-xxl-5 col-xl-6 col-lg-8 col-md-9">
              <div class="section-title text-center mb-60">
                <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s">
                  Por que usar o Donas?
                </h2>
                <p class="wow fadeInUp" data-wow-delay=".4s">
                  O que nós da Donas oferecemos aos nossos clientes:
                </p>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-lg-4 col-md-6">
              <div class="single-feature-extended">
                <div class="icon">
                  <i class="lni lni-sketch"></i>
                </div>
                <div class="content">
                  <h3>Independência</h3>
                  <p>
                    Tornar nossas Donas independentes financeiramente 
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="single-feature-extended">
                <div class="icon">
                  <i class="lni lni-display"></i>
                </div>
                <div class="content">
                  <h3>Divulgação</h3>
                  <p>
                    Sistema de divulgação dos produtos e serviços produzidos apenas por mulheres
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="single-feature-extended">
                <div class="icon">
                  <i class="lni lni-protection"></i>
                </div>
                <div class="content">
                  <h3>Proteção</h3>
                  <p>
                    Proteção de tudo que seja referente a sua empresa 
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="single-feature-extended">
                <div class="icon">
                  <i class="lni lni-stats-up"></i>
                </div>
                <div class="content">
                  <h3>Software</h3>
                  <p>
                    O Donas é um software de requisitos acessíveis para todos
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="single-feature-extended">
                <div class="icon">
                  <i class="lni lni-layers"></i>
                </div>
                <div class="content">
                  <h3>Incentivo</h3>
                  <p>
                    Incentivar o empreendedorismo feminino em todos os ramos 
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="single-feature-extended">
                <div class="icon">
                  <i class="lni lni-rocket"></i>
                </div>
                <div class="content">
                  <h3>Crescimento</h3>
                  <p>
                    Queremos buscar o crescimento de todos os negócios 
                  </p>
                </div>
              </div>
            </div>
          </div>
        </center>
        </div>
      </div>
    </section>
  
    <section id="area" class="about-section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-6 col-lg-6">
            <div class="about-content">
              <div class="section-title mb-30">
                <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s">
                  Área da Vendedora
                </h2>
                <p class="wow fadeInUp" data-wow-delay=".4s">
                  Donas é uma plataforma completa e atenciosa que busca estar sempre em sintonia com as suas donas. Caso você queira se 
                  aprofundar sobre o Donas, ao clicar no botão abaixo você ficará por dentro de tudo que a nossa rede pode proporcionar aos 
                  seus usuários. Como por exemplo a forma como funciona a divulgação dos produtos e serviços em nossa rede.
                </p>
              </div>
              <ul>
                <li>As nossas empreendedoras se chamam Donas</li>
                <li>Venha você também!</li>
              </ul>
              <a
                href="javascript:void(0)"
                class="main-btn btn-hover border-btn wow fadeInUp"
                data-wow-delay=".6s"
                >Ver Mais</a>
            </div>
          </div>
          <div class="col-xl-6 col-lg-6 order-first order-lg-last">
            <div class="about-img-2">
              <img src="assets/media/landing-page/AreaVendedora.png" alt="" class="w-100" />
              <img
                src="assets/media/landing-page/Detalhe-r.png"
                alt=""
                class="shape shape-1"
              />
              <img
                src="assets/media/landing-page/Bolinhas-r.png"
                alt=""
                class="shape shape-2"
              />
            </div>
          </div>
        </div>
      </div>
    </section>

    <section id="planos" class="about-section">
    <center><h2 class="mb-25 wow fadeInUp pt-100" data-wow-delay=".2s">
      Planos Donas
    </h2></center>
    <div class="container">
        <div class="row align-items-center pt-100">

    <div class="wrapper">
      <div class="table basic">
        <div class="price-section">
          <div class="price-area">
            <div class="inner-area">
              <span class="textValor">R$</span>
              <span class="price">0</span>
            </div>
          </div>
        </div>
        <div class="package-name"></div>
        <ul class="features">
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Postar produtos na rede Donas</span>   
          </li>
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Mantenha o contato com outras Donas</span>
          </li>
          <li>
            <span class="icon check"><i class="lni lni-close"></i></span>
            <span class="list-name">Painel de encomendas acesso a um painel gerenciador</span>
            
          </li>
          <li>
            <span class="icon check"><i class="lni lni-close"></i></span>
            <span class="list-name">Encomenda de produtos na plataforma Donas não incluso</span>
            
          </li>
          <li>
            <span class="icon check"><i class="lni lni-close"></i></span>
            <span class="list-name">Maior engajamento na plataforma não incluso</span>
            
          </li>
        </ul>
        <div class="btn"><button>Ver Mais</button></div>
      </div>
      <div class="table premium">
        <div class="ribbon"><span>Recomendado</span></div>
        <div class="price-section">
          <div class="price-area">
            <div class="inner-area">
              <span class="textValor">R$</span>
              <span class="price">49</span>
            </div>
          </div>
        </div>
        <div class="package-name"></div>
        <ul class="features">
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Postar produtos na rede Donas</span>
           
          </li>
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Mantenha o contato com outras Donas</span>
          </li>
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Painel de encomendas acesso a um painel gerenciador</span>
          </li>
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Encomenda de produtos na plataforma Donas</span>
          </li>
          <li>
            <span class="icon check"><i class="lni lni-checkmark"></i></span>
            <span class="list-name">Maior engajamento na plataforma</span>
            
          </li>
        </ul>
        <div class="btn"><button>Ver Mais</button></div>
      </div>
      
    </div></div></div></section>

    <section id="depoimento" class="about-section">
      <div class="container">
        <div class="row align-items-center pt-100">
          <div class="">
            <div class="about-content">
              <div class="section-title mb-30">
                <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s">
                 <center> Depoimentos da nossas Donas </center>
                </h2>  
              </div>

              <section class="swiper mySwiper">

                <div class="swiper-wrapper">
            
                  <div class="card swiper-slide">
                    <div class="card__image">
                      <img src="assets/media/landing-page/comentario/DoceMania.jpg" alt="card image">
                    </div>
            
                    <div class="card__content">
                      <span class="card__title">Doce Mania</span>
                      <span class="card__name">Vanessa Martinez</span>
                      <p class="card__text">Minha experiência com o sistema Donas é maravilhosa, através dessa plataforma consegui minha independência financeira. </p>
                    </div>
                  </div>
            
                  <div class="card swiper-slide">
                    <div class="card__image">
                      <img src="assets/media/landing-page/comentario/GrifeMulher.jpg" alt="card image">
                    </div>
            
                    <div class="card__content">
                      <span class="card__title">Grife da Mulher</span>
                      <span class="card__name">Sarah Bernado</span>
                      <p class="card__text">O sistema Donas é maravilhoso ele me ajudou a conquistar novos clientes fora do meu estado, agora minha loja entrega a todo o Brasil. </p>
                    </div>
                  </div>
            
                  <div class="card swiper-slide">
                    <div class="card__image">
                      <img src="assets/media/landing-page/comentario/nega10.png" alt="card image">
                    </div>
            
                    <div class="card__content">
                      <span class="card__title">
                        Nega 10
                        </span>
                      <span class="card__name">Maria Santos</span>
                      <p class="card__text">Através do Donas, pude pagar minha faculdade para me especializar mais na minha área. </p>
                     
                    </div>
                  </div>
            
                 
            
                </div>
              </section>
              
          </div>
          
        </div>
      </div>
    </section>

        <section id="hive" class="feature-extended-section">
          <div class="container">
            <div class="row align-items-center">
              <div class="col-xl-6 col-lg-6">
                <div class="about-img">
                  <img src="assets/media/landing-page/Hive.png" alt="" class="w-100" />
                  
                </div>
              </div>
              <div class="col-xl-6 col-lg-6">
                <div class="about-content">
                  <div class="section-title mb-30">
                    <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s">
                      Sobre a Hive
                    </h2>
                    <p class="wow fadeInUp" data-wow-delay=".4s">
                      
                      A Hive é atuante no setor de informática e é especializada no desenvolvimento de softwares 
                      para empresas de pequeno e médio porte.

                    </p>
                  </div>
                  <a
                    href="javascript:void(0)"
                    class="main-btn btn-hover border-btn wow fadeInUp"
                    data-wow-delay=".6s"
                    >Visite</a>
                </div>
              </div>
            </div>
          </div>
        </section>
      
        <section id="contato" href="contato" style="margin-top: -10%;">
          <div id="img-contato" data-anime="show-left" >
              <img src="assets/media/landing-page/icons.svg" alt="" class="icon-contato">
              <img src="assets/media/landing-page/contato.svg" alt="">
          </div>
          <div class="form-container-section" data-anime="show-left">
            <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s">
              Entre em contato!
            </h2>
              <form id="form-container" method="post" action="#">
                  <div id="nome-contato" class="input">
                      <input type="text" name="name" placeholder="Nome completo">
                      
                  </div>
                  <div id="email-contato" class="input">
                      <input type="email" name="emailRem" placeholder="E-mail">
                      
                  </div>
                  <div id="titulo-contato" class="input">
                      <input type="text" name="subject" placeholder="Assunto">
                
                  </div>
                  <div id="assunto-contato" class="input">
                      <textarea rows='10' name="content" placeholder="Mensagem" rows="15"></textarea>
                  </div>
                  <a
                    href="javascript:void(0)"
                    class="main-btn btn-hover border-btn wow fadeInUp"
                    data-wow-delay=".6s"
                    >Enviar</a>
              </form>
          </div>
      </section>
      
    <footer class="footer">
      <div class="container">
        <div class="widget-wrapper">
          <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-6">
              <div class="footer-widget">
                <div class="logo mb-30">
                  <a class="navbar-brand" href="index.html">
                    <img src="assets/media/landing-page/LogoMenu.svg" alt="">
                  </a>
                </div>
                
                <ul class="socials">
                  <li>
                    <a href="jvascript:void(0)">
                      <i class="lni lni-facebook-filled"></i>
                    </a>
                  </li>
                  <li>
                    <a href="jvascript:void(0)">
                      <i class="lni lni-instagram-filled"></i>
                    </a>
                  </li>
                  <li>
                    <a href="jvascript:void(0)">
                      <i class="lni lni-linkedin-original"></i>
                    </a>
                  </li>
                  <li>
                    <a href="jvascript:void(0)">
                      <i class="lni lni-youtube"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>

            

            <div class="col-xl-2 col-lg-2 col-md-6 pt-30">
              <div class="footer-widget">
                <h3>Voltar</h3>
                <ul class="links">
                  <li><a href="#home">Home</a></li>
                </ul>
              </div>
            </div>

            <div class="col-xl-3 col-lg-3 col-md-6 pt-25">
              <div class="footer-widget">
                <h3>Contato</h3>
                <ul class="links">
                  <li><a href="#contato">Contato conosco</a></li>
                  
                </ul>
              </div>
            </div>

            <div class="col-xl-3 col-lg-3 col-md-6 pt-25">
              <div class="footer-widget">
                <h3>Hive</h3>
                <ul class="links">
                  <li><a href="#">Site da Hive</a></li>
                  
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
    
    <a href="#" class="scroll-top btn-hover">
      <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ======== JS  ======== -->
    <script src="assets/js/landing-page/bootstrap.bundle.min.js"></script>
    <script src="assets/js/landing-page/wow.min.js"></script>
    <script src="assets/js/landing-page/main.js"></script>
    <script src="assets/js/landing-page/swiper-bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
    <Script></Script>

      <!-- Swiper -->
  <script>
    var swiper = new Swiper(".mySwiper", {
      effect: "coverflow",
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: "auto",
      coverflowEffect: {
        rotate: 0,
        stretch: 0,
        depth: 300,
        modifier: 1,
        slideShadows: false,
      },
      pagination: {
        el: ".swiper-pagination",
      },
    });
  </script>

  
  </body>
</html>