File manager

File manager - Edit - /var/www/html/homologParquetecmar/resources/views/startups/marulho.blade.php

Back
@extends('theme') @section('title', 'Startup Marulho do Parque Tecnológico do Mar') @section('content') <style> .header.fixed-header { background-color: #11E09E !important; } .header { border-top: 4px solid #11E09E !important; } #scrollToTopBtn { background-color: #11E09E !important; } .form-check-input { border: 1px solid var(--bs-sustentabilidade) !important; } .form-check-input:checked { background-color: var(--bs-sustentabilidade); border-color: var(--bs-sustentabilidade); } .form-check-label a:hover { color: var(--bs-sustentabilidade); } </style> <div class="page-wrapper overflow-hidden"> <section class="banner-section banner-inner-section position-relative overflow-hidden d-flex align-items-end" style="background-image: url(../assets/images/startups/marulho.png); background-size: cover; background-position: center; background-repeat: no-repeat;"> <div class="container"> <div class="d-flex flex-column gap-4 pb-5 pb-xl-10 position-relative z-1"> <div class="row align-items-center"> <div class="col-xl-4"> <div class="d-flex align-items-center gap-4" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000"> <img src="../assets/images/svgs/primary-leaf.svg" alt="" class="img-fluid animate-spin"> <p class="mb-0 text-white fs-5 text-opacity-70">"Poluição marinha <span class="text-sustentabilidade">transformada</span> em Incríveis produtos. Costurados pelos próprios pescadores!"</p> </div> </div> </div> <div class="d-flex align-items-end gap-3" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000"> <h1 class="mb-0 fs-16 text-white lh-1">Marulho</h1> <a href="javascript:void(0)" class="p-1 ps-7 bg-sustentabilidade rounded-pill"> <span class="bg-white round-52 rounded-circle d-flex align-items-center justify-content-center"> <iconify-icon icon="lucide:arrow-up-right" class="fs-8 text-dark"></iconify-icon> </span> </a> </div> </div> </div> </section> <section class="project-detail py-5 px-5"> <div class="container"> <div class="d-flex flex-column gap-5 gap-xl-10"> <div class="d-flex flex-column gap-8"> <a href="{{ route('startups') }}" class="btn py-2 ps-3 pe-5 bg-sustentabilidade" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000"> <span class="btn-text pe-1">Voltar</span> <iconify-icon icon="lucide:arrow-up-right" class="btn-icon bg-white text-dark round-36 rounded-circle hstack justify-content-center fs-5 shadow-sm"></iconify-icon> </a> </div> <div class="row gap-4 gap-lg-0"> <div class="col-12"> <div class="bg-white p-4 p-lg-5 rounded-4 shadow-sm" data-aos="fade-up" data-aos-delay="200"> <p class="fs-5 lh-lg text-dark"> A Marulho é um negócio de impacto <span class="fw-bold text-sustentabilidade">socioambiental</span> que tem como missão evitar a poluição marinha, especialmente a pesca fantasma, interceptando redes de pesca descartadas e transformando em novos produtos junto às comunidades caiçaras da Ilha Grande. Já redestinamos mais de 8 toneladas de redes, unindo o saber tradicional de costura dos pescadores com modernidades que permitiram a comercialização de 40 mil produtos para todo o Brasil. </p> </div> </div> </div> <div class="row gap-4 gap-lg-0 mt-3"> <div data-aos="fade-up" data-aos-delay="300"> <h3 class="fw-bold mb-4 border-start border-4 border-sustentabilidade ps-3">Em qual eixo do mercado a Marulho se encontra?</h3> <div class="row g-4 align-items-center"> <div class="col-lg-4"> <div class="p-3 rounded-3 shadow-sm text-center"> <img src="../assets/images/startups/segmentos/sustentabilidade-novo.png" alt="Logística" class="img-fluid"> </div> </div> <div class="col-lg-8"> <p class="fs-5 lh-lg"> O eixo foca na preservação dos <span class="text-sustentabilidade">recursos naturais</span> e na promoção de práticas que minimizem os impactos ambientais. Ele envolve a adoção de soluções que favoreçam a conservação, a redução de resíduos e a transição para fontes renováveis. </p> </div> </div> </div> </div> <!-- <div class="row gap-4 gap-lg-0 mt-3 pb-5"> <div data-aos="fade-up" data-aos-delay="300"> <h3 class="text-center">Se interessou? Entre em contato!</h3> <div class="col-8 mx-auto"> <form class="d-flex flex-column gap-4" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000"> <div class="row g-3"> <div class="col-md-6"> <input type="text" class="form-control border-bottom border-dark" placeholder="Nome" required> </div> <div class="col-md-6"> <input type="email" class="form-control border-bottom border-dark" placeholder="Email" required> </div> </div> <div class="row g-3"> <div class="col-md-6"> <input type="tel" class="form-control border-bottom border-dark" placeholder="Telefone" required> </div> <div class="col-md-6"> <input type="text" class="form-control border-bottom border-dark" placeholder="Organização"> </div> </div> <div class="row g-3"> <div class="col-md-6"> <input type="text" class="form-control border-bottom border-dark" placeholder="Cargo"> </div> <div class="col-md-6"> <select class="form-select border-bottom border-dark" required> <option value="" disabled selected>Selecione seu interesse</option> <option value="produto" class="px-5">   Contratar Produto/serviço</option> <option value="trabalho">   Interesse de Trabalho</option> <option value="parceria">   Realizar Parceria</option> <option value="info">   Outras Informações</option> </select> </div> </div> <div> <textarea class="form-control border-bottom border-dark" placeholder="Fale conosco sobre seu projeto" rows="3"></textarea> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" id="privacidade" required> <label class="form-check-label" for="privacidade"> Ao enviar o formulário, você está de acordo com a nossa <a href="https://portal.angra.rj.gov.br/politica-de-privacidade.asp?indexsilge=sgri" target="_blank">Política de Privacidade</a>. </label> </div> <button type="submit" class="btn btn-sustentabilidade w-100 justify-content-center"> <span class="btn-text">Enviar mensagem</span> <iconify-icon icon="lucide:arrow-up-right" class="btn-icon bg-white text-dark round-52 rounded-circle hstack justify-content-center fs-7 shadow-sm"></iconify-icon> </button> </form> </div> </div> </div> --> </div> </div> </section> </div> @endsection

| ver. 1.4 | Github | . | PHP 8.3.28 | Generation time: 0.02 | proxy | phpinfo | Settings