File manager

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

Back
@extends('theme') @section('title', 'Startup SeaHorse do Parque Tecnológico do Mar') @section('content') <style> .header.fixed-header { background-color: #426AF4 !important; } .header { border-top: 4px solid #426AF4 !important; } #scrollToTopBtn { background-color: #426AF4 !important; } .form-check-input { border: 1px solid var(--bs-nautica) !important; } .form-check-input:checked { background-color: var(--bs-nautica); border-color: var(--bs-nautica); } .form-check-label a:hover { color: var(--bs-nautica); } </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/seahorse-teste.jpg); 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">"Dessalinizar <span class="text-nautica">água do mar</span> para a população, com energia a custo zero."</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">Sea Horse</h1> <a href="javascript:void(0)" class="p-1 ps-7 bg-nautica 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-nautica" 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 Startup se iniciou desenvolvendo um primeiro conceito para Geração de Energia por Ondas do Mar. Fabricou e instalou uma usina para gerar eletricidade no Estado do Ceará. Depois avançou para a <span class="fw-bold text-nautica">dessalinização de água</span>, que é uma derivação do primeiro conceito. Ela atua no desenvolvimento de projetos de geração de eletricidade de dessalinização por ondas do mar, assim como, desenvolve e fabrica equipamentos para geração de eletricidade por biomassa e dispositivos mecânicos especiais para diferentes laboratórios da Universidade Federal do Rio de Janeiro UFRJ. </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-nautica ps-3">Em qual eixo do mercado a Sea Horse 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/nautica-novo.png" alt="Logística" class="img-fluid"> </div> </div> <div class="col-lg-8"> <p class="fs-5 lh-lg"> Um eixo voltado para o setor naval e náutico foca na implementação de <span class="text-nautica">práticas sustentáveis</span>, promovendo o uso responsável dos recursos marinhos, a redução de emissões e a preservação da biodiversidade. Busca também melhorar as condições de trabalho e inclusão social, garantindo que o setor contribua para a proteção ambiental e o desenvolvimento das comunidades costeiras. </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-nautica 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