index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Primary Meta Tags -->
    <title>Invest Inc — Contecta Startups en busca de financiación, </title>
    <meta name="title" content="Invest Inc — Contecta Startups en busca de financiación, ">
    <meta name="description" content="Invest Inc es una empresa de servicios financieros que conecta startups en busca de financiación con distintos tipos de inversionistas, Bogotá Colombia.">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://investincgroup.com">
    <meta property="og:title" content="Invest Inc — Contecta Startups en busca de financiación, ">
    <meta property="og:description" content="Invest Inc es una empresa de servicios financieros que conecta startups en busca de financiación con distintos tipos de inversionistas, Bogotá Colombia.">
    <meta property="og:image" content="https://investincgroup.com/img/logo.png">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://investincgroup.com">
    <meta property="twitter:title" content="Invest Inc — Contecta Startups en busca de financiación, ">
    <meta property="twitter:description" content="Invest Inc es una empresa de servicios financieros que conecta startups en busca de financiación con distintos tipos de inversionistas, Bogotá Colombia.">
    <meta property="twitter:image" content="https://investincgroup.com/img/logo.png">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav>
        <ul>
            <li style="flex-shrink: 1;">
                <a href=""> <img src="./img/logo.png" alt="Invest Inc" srcset=""> </a>
            </li>
            <li>
                <a href="#quienes-somos">Quiénes somos</a>
            </li>
            <li>
                <a href="#nuestros-servicios">Nuestros servicios</a>
            </li>
            <li>
                <a href="#el-futuro-de-invertir">El futuro de invertir</a>
            </li>
            <li>
                <a href="#contacto">Contacto</a>
            </li>
        </ul>
    </nav>

    <section id="hero">
        <h1>Bienvenido a la mejor manera de <span style="color: var(--inv-orange);">invertir</span></h1>
        <p>Conoce cómo puedes empezar a invertir en los negocios escalables de Latinoamérica</p>
    </section>

    <section id="quienes-somos">
        <div class="section-title">Quiénes somos</div>
        <img src="./img/rocket.png" alt="Rocket" style="float: right; height: 80vmin;">
        <h1>Nuestra misión es romper barreras</h1>
        <p>Invest Inc. nace con el propósito de facilitar la inversión en América Latina. A través de diversas soluciones brindamos apoyo tanto a emprendedores como inversionistas en ronda de capital de riesgo</p>
        
        <ol id="steps">
            <li>
                <div class="step-number">1</div>
                <div class="step-description">Planeación operativa</div>
            </li>
            <li>
                <div class="step-number">2</div>
                <div class="step-description">Vehículo de inversión</div>
            </li>
            <li>
                <div class="step-number">3</div>
                <div class="step-description">Financiación y capital</div>
            </li>
        </ol>

    </section>

    <section id="nuestros-servicios">
        <div class="section-title">Nuestros servicios</div>
        <h1>¿Cómo podemos ayudarte?</h1>
        <div id="roles">
            <div class="card" id="role-investor">
                <h2>Como <span style="color: white;">inversionista</span> tendrás</h2>
                <ul>
                    <li>Oportunidades de inversión a tu medida.</li>
                    <li>Acompañamiento 24/7 personalizado.</li>
                    <li>Eduación en inversión de startups.</li>
                    <li>Preferencia en salidas de inversión.</li>
                </ul>
            </div>
            <div class="card" id="role-entrepeneur">
                <h2>Como <span style="color: white;">emprendedor</span> tendrás</h2>
                <ul>
                    <li>Análisis operativo y financiero.</li>
                    <li>Estimulación de vehículo de inversión.</li>
                    <li>Intermediación frente a inversionistas.</li>
                    <li>Acompañamiento post ronda.</li>
                </ul>
            </div>
        </div>
    </section>

    <section id="el-futuro-de-invertir">
        <div class="section-title">El futuro de invertir</div>
        
        <h1>Una plataforma creada para la <strong>inversión del futuro</strong></h1>
        <p>Conocemos que el futuro de las inversiones involucra facilidad y seguridad. La plataforma que estamos creando busca agilizar los procesos de ronda de inversión, para que toda la información esté en un <strong>solo lugar.</strong></p>
        <img src="./img/mockup-b.png" alt="" srcset="" style="width: 100%; margin-left: auto; margin-right: auto;">
        <div id="features-cont">
            <div style="flex-grow: 1; flex-basis: 400px; background: linear-gradient(rgb(224, 218, 229), white);">
                <img src="./img/mockup-a.png" alt="" srcset="" style="width: 100%;"> 
            </div>
            <div style="max-width: 500px;">
                <h2>Simpleza. Seguridad. Facilidad.</h2>
                <ul>
                    <li>Información financiera condensada.</li>
                    <li>Smart-Contracts bajo algoritmo Ethereum.</li>
                    <li>Mercado interno para aumentar liquidez.</li>
                    <li>Seguimiento de kpis y marketing expenditure</li>
                </ul>
            </div>
        </div>

    </section>

    <section id="contacto">
        <div class="section-title">Contacto</div>
        <h1>Ponte en contacto con nosotros para aprender más</h1>
        <form action="https://formsubmit.co/contacto@investincgroup.com" method="post">
            <label>
                Nombre <br>
                <input type="text" name="name">
            </label>
            <br>
            <label>
                Correo <br>
                <input type="text" name="email">
            </label>
            <br>
            <label>
                Mensaje <br>
                <textarea name="message"></textarea>
            </label>
            <input type="submit" value="Enviar">
        </form>
    </section>

    <footer>
        © Copyright 2020 by Invest Inc • Ak.19 #100-45 — Bogotá D.C., Colombia • <a href="tel:+573203985940">+57 320 3985 940</a>
    </footer>

</body>
</html>