<?php
require_once __DIR__ . '/../common/header_start.php';
require_once __DIR__ . '/../common/header_end.php';
?>

<div class="page-template page-template-template-home page-template-template-home-php page page-id-2569" data-template="base.twig">
    <header class="header py-5 px-5 lg:px-0 relative">
        <div class="container" style="max-width: 1366px;">
            <div class="row items-center justify-between">
                <div class="w-full flex items-center" x-data="{ menuOpen: false }" :class="{ 'menu-active': menuOpen }">
                    <div class="">
                        <img class="js-project-logo" src="" alt="">
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section id="content" role="main" class="content-wrapper">
        <div class="wrapper ">
            <section class="main lg:bg-full py-8 md:py-12 2xl:py-16 relative" id="signup-form">
                <div class="container" style="max-width: 1366px;">
                    <div class="row px-5 lg:px-0">
                        <div class="w-full lg:w-7/12">
                            <div class="lg:pr-24 2xl:pr-48">
                                <h1 class="heading leading-tight font-semibold mb-5">
                                    <span class="block lg:hidden text-center text-2.5xl">App de<span class="js-project-name">App de</span></span>
                                   <span class="hidden js-project-name lg:inline text-3xl xl:text-4xl xl:leading-tight 2xl:text-5.5xl 2xl:leading-tight">
                                      App de  <span class="font-extralight "></span>
                                   </span>
                                </h1>
                                <div class="text-xl text-center lg:text-left lg:text-1.5xl font-medium mb-9">Obtén acceso a los mercados con <span class="js-project-name"></span></div>
                                <p class="hidden text-center lg:block lg:text-left 2xl:text-lg ipadpropadding"><span class="js-project-name"></span> es una herramienta diseñada para analizar tendencias de mercado y ofrecer beneficios a través de la volatilidad del mercado. Empieza ya tu aventura de inversión con confianza y seguridad.

                                </p>
                            </div>
                            <div class="hidden lg:block mt-8 2xl:mt-20 w-full xl:w-10/12 2xl:w-full relative">
                                <p class="text-white absolute font-medium italic text-base ipad-padding" style="margin: 0;width: 100%;max-width: 55%;left: 6.5%;padding: 7px;">
                                    El mercado podría experimentar un crecimiento sustancial a final del año. Aprovéchalo con <span class="js-project-name"></span>.
                                </p>
                                <img src="img/chart.svg" alt="chart">                        </div>
                        </div>
                        <div class="-mx-5 sm:mx-auto lg:mx-0 lg:w-5/12">
                            <div class="lg:px-4">
                                <div class="hidden lg:block px-4 py-3 2xl:px-8 2xl:py-6 rounded-t-lg+ text-xl 2xl:text-2xl font-semibold" style="background: linear-gradient(116.57deg, #1B2150 16.67%, #202C8D 100%);">
                                    Registro gratuito - Solo por tiempo limitado
                                </div>
                                <div class="main-form p-5 2xl:p-8 lg:rounded-b-lg+ bg-white" id="main-form" style="box-shadow: 0px 2px 6px 6px rgba(0, 0, 0, 0.2);">
                                    <div class="main-form-body signin">
                                        <div>
                                            <div class="form-signup-holder">
                                                <div data-intgrtn-form-signup=""></div>

                                                <p>By choosing to participate, you agree to us sending you email updates about your application.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


            <section class="py-16" style="background: linear-gradient(116.57deg, #1B2150 16.67%, #202C8D 100%);">
                <div class="container" style="max-width: 1366px;">
                    <h2 class="text-3xl md:text-4.5xl text-white text-center font-bold mb-5 md:mb-10 lg:mb-14">
                        Mejores movimientos de monedas de 2021

                    </h2>
                    <div class="row lg:mb-14 justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; top: 0; left: 0; opacity: 0; z-index: -1;">
                            <defs>
                                <linearGradient id="a" gradientUnits="userSpaceOnUse" x1="29.0653" y1="38.4005" x2="15.62" y2="26.2642" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#FFFFFF"/>
                                    <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
                                </linearGradient>

                                <linearGradient id="b" gradientUnits="userSpaceOnUse" x1="36.5448" y1="20.8258" x2="27.485" y2="35.8813" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#FFFFFF"/>
                                    <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
                                </linearGradient>

                                <linearGradient id="c" gradientUnits="userSpaceOnUse" x1="51.2132" y1="53.2132" x2="8.7868" y2="10.7868" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#FF2D55"/>
                                    <stop offset="1" style="stop-color:#FFBC5B"/>
                                </linearGradient>

                                <linearGradient id="d" gradientUnits="userSpaceOnUse" x1="30.63" y1="42.5" x2="30.63" y2="20" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#A524B3"/>
                                    <stop offset="1" style="stop-color:#FF2D55"/>
                                </linearGradient>

                                <linearGradient id="e" gradientUnits="userSpaceOnUse" x1="47.1225" y1="30.5" x2="47.1225" y2="14" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#A524B3"/>
                                    <stop offset="1" style="stop-color:#FF2D55"/>
                                </linearGradient>

                                <linearGradient id="f" gradientUnits="userSpaceOnUse" x1="17.1237" y1="19.088" x2="43.1521" y2="45.1884" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#00AEE9"/>
                                    <stop offset="1" style="stop-color:#69FABD"/>
                                </linearGradient>

                                <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="12.8632" y1="51.3373" x2="50.2432" y2="9.1573" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#00ADEF"/>
                                    <stop offset="1" style="stop-color:#0084FF"/>
                                </linearGradient>

                                <linearGradient id="h" gradientUnits="userSpaceOnUse" x1="30.7661" y1="49.0124" x2="30.0345" y2="12.2028" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#00FFA3"/>
                                    <stop offset="1" style="stop-color:#DC1FFF"/>
                                </linearGradient>
                                <linearGradient id="i" gradientUnits="userSpaceOnUse" x1="30.4462" y1="53.1975" x2="29.7147" y2="16.3879" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#00FFA3"/>
                                    <stop offset="1" style="stop-color:#DC1FFF"/>
                                </linearGradient>
                                <linearGradient id="j" gradientUnits="userSpaceOnUse" x1="30.6052" y1="51.1181" x2="29.8736" y2="14.3085" gradientTransform="matrix(1 0 0 -1 0 62)">
                                    <stop offset="0" style="stop-color:#00FFA3"/>
                                    <stop offset="1" style="stop-color:#DC1FFF"/>
                                </linearGradient>
                            </defs>
                            <symbol id="AXS" viewBox="0 0 60 60">
                                <path fill-rule="evenodd" clip-rule="evenodd" fill="#0055D5" d="M30,0c16.6,0,30,13.4,30,30S46.6,60,30,60S0,46.6,0,30S13.4,0,30,0 L30,0z"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M16.3,19.8c0,0-3.2-2.6-3.5,3.8c-0.2,4.9-0.2,14.5,2.1,19.1 c1,1.7,2.3,1.2,4.7-0.5c2.1-1.5,9.6-8.5,12.8-11.6c3.2-3.1,9.7-11.8,11-5.9c0.5,2.5,1.2,4.6,0.7,10.2c-0.2,1.7-0.9,3-4.2,0.7 C37.4,34,35,32.3,35,32.3s-0.5-0.8-1.6,0.5c-0.9,1.1-1.3,1.3,0.1,2.2c1.4,0.8,8.4,5.6,11,6.4c2.2,0.6,3.5,0.6,3.5-3.7 c0-3.4-0.2-13.3-1.5-17.5c-0.9-2.6-2.3-3.8-5.3-0.9c-3,2.9-12.5,12.1-17.7,16.3c-3.4,2.6-4.9,4.9-6.2,0.6 c-0.9-3.3-2.1-13.4,1.6-11.5c2.3,1.1,3.5,1.1,2.6,1.8c-0.9,0.7-3.5,3.1-3.5,3.1s-0.8,0.7-0.4,2.1c0.4,1,0.4,1.5,2.4-0.4 c2-1.9,3.5-3.4,3.5-3.4s0.3-0.5,1.3,0.4c1,0.9,1.1,1.2,1.1,1.2s0.3,0.7,1.3-0.5c1-1.2,1.7-2-0.3-3.1C25.1,24.7,16.3,19.8,16.3,19.8 L16.3,19.8z"/>
                            </symbol>
                            <symbol id="ETH" viewBox="0 0 60 60">
                                <circle fill="#EDF0F4" cx="30" cy="30" r="30"/>
                                <path fill="#343434" d="M29.9,12l-0.2,0.8v23.5l0.2,0.2l10.9-6.5L29.9,12z"/>
                                <path fill="#8C8C8C" d="M29.9,12L19,30.1l10.9,6.5V25.2V12z"/>
                                <path fill="#3C3C3B" d="M29.9,38.6l-0.1,0.2v8.4l0.1,0.4l10.9-15.4L29.9,38.6z"/>
                                <path fill="#8C8C8C" d="M29.9,47.6v-8.9L19,32.2L29.9,47.6z"/>
                                <path fill="#141414" d="M29.9,36.6l10.9-6.5l-10.9-5V36.6z"/>
                                <path fill="#393939" d="M19,30.1l10.9,6.5V25.2L19,30.1z"/>
                            </symbol>
                            <symbol id="FTM" viewBox="0 0 60 60">
                                <circle fill="#13B5EC" cx="30" cy="30" r="30"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M32.5,24l6.8-4V28L32.5,24z M39.2,41l-9,5.3l-9-5.3v-9.2l9,5.3
                    l9-5.3V41z M21.2,20l6.8,4l-6.8,4V20z M31.4,25.9l6.8,4l-6.8,4V25.9z M29.1,33.8l-6.8-4l6.8-4V33.8z M38.1,18.2l-7.9,4.5l-7.9-4.5
                    l7.9-4.7L38.1,18.2z M19,17.4v24.7l11.2,6.4l11.2-6.4V17.4L30.2,11L19,17.4z"/>
                            </symbol>
                            <symbol id="GALA" viewBox="0 0 60 60">
                                <circle fill="#EDF0F4" cx="30" cy="30" r="30"/>
                                <path d="M33.6,23.5c-1.2,0.8-3.7,2.3-3.7,2.3l-11.2-6.6l11.2-6.2l13.9,7.7l2.7-1.6L29.9,10l-16.7,9.1l16.6,9.6l6.4-3.6L33.6,23.5z"
                                />
                                <path d="M22.7,29.5v-2.9l6.4,3.5V50L12,39.4V20.3l2.7,1.7v16l11.7,7.2V31.7L22.7,29.5z"/>
                                <path d="M30.7,50v-3.2L45,38V25l-11.6,6.7v4.3l-2.7,1.7v-7.6l17.1-10v19.2L30.7,50z"/>
                            </symbol>
                            <symbol id="KDA" viewBox="0 0 60 60">
                                <path fill="#EC008C" d="M30,60c16.6,0,30-13.4,30-30S46.6,0,30,0S0,13.4,0,30S13.4,60,30,60z"/>
                                <path fill="#EC008C" d="M30,57.9c15.4,0,27.9-12.5,27.9-27.9C57.9,14.6,45.4,2.1,30,2.1C14.6,2.1,2.1,14.6,2.1,30
                    C2.1,45.4,14.6,57.9,30,57.9z"/>
                                <path fill="url(#a)" d="M35.1,11.7L22.5,25v11l23.3-24.3H35.1z"/>
                                <path fill="url(#b)" d="M25.7,32.7l10.4,15.6h10.5L31.7,26.4L25.7,32.7z"
                                />
                                <path fill="#FFFFFF" d="M22.5,11.7h-9.1v36.5h9.1V11.7z"/>
                            </symbol>
                            <symbol id="LUNA" viewBox="0 0 60 60">
                                <circle fill="#172852" cx="30" cy="30" r="30"/>
                                <path fill="#FFD83D" d="M24.2,13.4c3.5-1.3,7.5-1.3,11-0.2c4.7,1.4,8.6,5,10.6,9.4c0.6,1.3,1.1,2.6,1.2,4c-2.6-1.5-5.5-2.5-8.4-3.4
                    c-4.6-1.7-9.4-2.8-13.8-5.1c-1-0.6-2.3-1.2-2.6-2.5C22.2,14.4,23.3,13.8,24.2,13.4"/>
                                <path fill="#FFD83D" d="M13.6,24c1-2.8,2.7-5.3,4.9-7.2c0.6,4.7,2.6,9.3,5.9,12.8c4,4.1,9.7,6.7,15.5,6.6c2.3,0.1,4.5-0.5,6.8-0.9
                    c-2.2,8-10.9,13.3-19,12c-4.9-0.6-9.4-3.5-12.1-7.6C12.5,35.2,11.7,29.2,13.6,24z"/>
                                <path fill="#FF6F03" d="M38.7,23.1c2.9,0.9,5.7,1.9,8.4,3.4l0.2,0.1c0.2,1.8,0.4,3.7,0.1,5.5c-1.3-0.6-2.4-1.5-3.5-2.4
                    C41.6,27.9,39.5,25.9,38.7,23.1"/>
                            </symbol>
                            <symbol id="MANA" viewBox="0 0 60 60">

                                <circle fill="url(#c)" cx="30" cy="30" r="30"/>

                                <path fill="url(#d)" d="M21.3,19.5V42H40L21.3,19.5z"/>
                                <path fill="#FFFFFF" d="M2.5,42h18.8V19.5L2.5,42z"/>
                                <path fill="#FC9965" d="M6,48c1.7,2.3,3.7,4.3,6,6h36c2.3-1.7,4.3-3.7,6-6H6z"/>
                                <path fill="#FF2D55" d="M12,54c5,3.8,11.2,6,18,6s13-2.2,18-6H12z"/>

                                <path fill="url(#e)" d="M40.2,31.5V48H54L40.2,31.5z"/>
                                <path fill="#FFBC5B" d="M40.2,42H2.5c0.9,2.1,2.1,4.2,3.5,6h34.3L40.2,42L40.2,42L40.2,42z"/>
                                <path fill="#FFFFFF" d="M26.5,48h13.7V31.5L26.5,48z"/>
                                <circle fill="#FFC95B" cx="40.2" cy="19.5" r="7.5"/>
                                <circle fill="#FFC95B" cx="21.3" cy="11.2" r="3.8"/>
                            </symbol>
                            <symbol id="MATIC" viewBox="0 0 60 60">
                                <circle fill="#EDF0F4" cx="30" cy="30" r="30"/>
                                <path fill="#8247E5" d="M39,24c-0.6-0.4-1.5-0.4-2.2,0l-5.1,3l-3.5,1.9l-5,3c-0.6,0.4-1.5,0.4-2.2,0l-3.9-2.4
                    c-0.6-0.4-1.1-1.1-1.1-1.9v-4.6c0-0.7,0.4-1.5,1.1-1.9l3.9-2.3c0.6-0.4,1.5-0.4,2.2,0l3.9,2.4c0.6,0.4,1.1,1.1,1.1,1.9v3l3.5-2V21
                    c0-0.7-0.4-1.5-1.1-1.9l-7.3-4.3c-0.6-0.4-1.5-0.4-2.2,0l-7.5,4.4c-0.7,0.4-1.1,1.1-1.1,1.8v8.6c0,0.7,0.4,1.5,1.1,1.9l7.4,4.3
                    c0.6,0.4,1.5,0.4,2.2,0l5-2.9l3.5-2l5-2.9c0.6-0.4,1.5-0.4,2.2,0l3.9,2.3c0.6,0.4,1.1,1.1,1.1,1.9v4.6c0,0.7-0.4,1.5-1.1,1.9
                    L39,41.1c-0.6,0.4-1.5,0.4-2.2,0l-3.9-2.3c-0.6-0.4-1.1-1.1-1.1-1.9v-2.9l-3.5,2v3c0,0.7,0.4,1.5,1.1,1.9l7.4,4.3
                    c0.6,0.4,1.5,0.4,2.2,0l7.4-4.3c0.6-0.4,1.1-1.1,1.1-1.9v-8.7c0-0.7-0.4-1.5-1.1-1.9L39,24z"/>
                            </symbol>
                            <symbol id="ONE" viewBox="0 0 60 60">
                                <circle fill="#E7EFF3" cx="30" cy="30" r="30"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#f)" d="M38.5,15c-3.6,0-6.5,2.9-6.5,6.5v7.2
                    c-0.7,0-1.3,0.1-2.1,0.1s-1.4,0-2.1,0.1v-7.3c-0.1-3.5-2.9-6.4-6.5-6.4s-6.4,2.8-6.5,6.4v17.1c0.1,3.5,2.9,6.4,6.5,6.4
                    s6.4-2.8,6.5-6.4v-7.2c0.7,0,1.3-0.1,2.1-0.1s1.4,0,2.1-0.1v7.3c0.1,3.5,2.9,6.4,6.5,6.4s6.4-2.8,6.5-6.4V21.5
                    C45,17.9,42.1,15,38.5,15z M21.5,17.6c2.1,0,3.8,1.7,3.8,3.8V29c-1.9,0.3-3.7,0.8-5.5,1.6c-0.8,0.3-1.5,0.8-2.1,1.3V21.5
                    C17.7,19.3,19.4,17.6,21.5,17.6z M21.5,42.4c2.1,0,3.8-1.7,3.8-3.8v-6.9c-1.5,0.2-3,0.7-4.4,1.3c-2,0.9-3.2,2.3-3.2,3.8v1.7
                    C17.7,40.7,19.4,42.4,21.5,42.4z M38.5,42.4c-2.1,0-3.8-1.7-3.8-3.8V31c1.9-0.3,3.7-0.8,5.5-1.6c0.8-0.3,1.5-0.8,2.1-1.3v10.4
                    C42.3,40.7,40.6,42.4,38.5,42.4z M34.7,28.3c1.5-0.2,3-0.7,4.4-1.3c2-0.9,3.2-2.3,3.2-3.8v-1.7c0-2.1-1.7-3.8-3.8-3.8
                    c-2.1,0-3.8,1.7-3.8,3.8V28.3z"/>
                            </symbol>
                            <symbol id="SAND" viewBox="0 0 60 60">
                                <circle fill="url(#g)" cx="30" cy="30" r="30"/>
                                <path fill="#FFFFFF" d="M19.8,14.1l-3.2,3.2v12.9l3.2,3.2h12.9V40h-6.4v-3.2h-9.8v6.5l3.2,3.2h19.4l3.2-3.2v-13L39.1,27H26.2v-6.5
                    h6.5v3.2h9.8v-6.5L39.2,14H19.8V14.1z"/>
                            </symbol>
                            <symbol id="SOL" viewBox="0 0 60 60">
                                <circle cx="30" cy="30" r="30"/>
                                <path fill="url(#h)" d="M18.6,37.1c0.2-0.2,0.5-0.3,0.8-0.3h27.5c0.5,0,0.8,0.6,0.4,1l-5.4,5.4c-0.2,0.2-0.5,0.3-0.8,0.3
                    H13.6c-0.5,0-0.8-0.6-0.4-1L18.6,37.1z"/>
                                <path fill="url(#i)" d="M18.6,16.8c0.2-0.2,0.5-0.3,0.8-0.3h27.5
                    c0.5,0,0.8,0.6,0.4,1l-5.4,5.4c-0.2,0.2-0.5,0.3-0.8,0.3H13.6c-0.5,0-0.8-0.6-0.4-1L18.6,16.8z"/>
                                <path fill="url(#j)" d="M41.9,26.9c-0.2-0.2-0.5-0.3-0.8-0.3H13.6
                    c-0.5,0-0.8,0.6-0.4,1l5.4,5.4c0.2,0.2,0.5,0.3,0.8,0.3h27.5c0.5,0,0.8-0.6,0.4-1L41.9,26.9z"/>
                            </symbol>
                        </svg>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#GALA" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Gala</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+50,829%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">GALA</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#AXS" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Axie Infinity</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+18,966%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">AXS</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#SAND" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">The Sandbox</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+14,629%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">SAND</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#MATIC" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Polygon</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+12,817%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">MATIC</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#LUNA" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Terra</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+11,558%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">LUNA</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#SOL" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Solana</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+10,118%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">SOL</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#FTM" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Fantom</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+8,966%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">FTM</div>
                        </div>
                        <div style="width: 300px; height: 120px;" class="flex items-center bg-white rounded mx-2 mt-5 p-5 relative">
                            <div class="mr-5">
                                <svg width="60" height="60" viewBox="0 0 60 60">
                                    <use xlink:href="#KDA" width="60" height="60"></use>
                                </svg>
                            </div>
                            <div>
                                <div class="mb-1" style="color: #25262E; font-size: 18px; font-weight: 800;">Kadena</div>
                                <div class="" style="color: #47BB78; font-size: 14px;">+8,131%</div>
                            </div>
                            <div class="absolute flex items-center text-white" style="top: 10px; right: 10px; padding: 4px; font-size: 10px; justify-content: center; border-radius: 2px; background-color: #1C214D;">KDA</div>
                        </div>
                    </div>
                </div>
            </section>


            <section class="py-6 lg:py-15">
                <div class="container text-center" x-data="investmentCalculator()" x-init="updateWidget()">
                    <h2 class="text-3xl md:text-5.5xl mb-8 md:mb-10 lg:mb-14 font-extralight">
                        Qué <span class="font-semibold">podría haber hecho<span>
                    </h2>
                    <div class="flex flex-wrap lg:flex-nowrap" style="max-width: 988px; margin: 0 auto;">
                        <div class="w-full lg:w-7/12 mb-5 lg:mb-0 lg:mr-2.5 p-5 lg:px-8 lg:py-5" style="box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;">
                            <p class="text-xl text-left font-semibold ml-8">
                                si hubiese invertido
                            </p>
                            <span class="input-investment-sum-wrapper"><span class="currency-symbol" data-visitor-currency-symbol>$</span><input type="number" value="5000" class="input-investment-sum rounded-lg text-xl mt-2 p-3 2xl:px-4 2xl:py-5 transition" x-ref="sum" @keyup="updateWidget()"></span>
                            <select class="rounded-lg text-xl mt-5 p-3 2xl:px-4 2xl:py-5 transition" x-ref="coin" x-model="selectedCoin" @change="updateWidget()">
                                <option value="BTC">BTC</option>
                                <option value="ETH">ETH</option>
                                <option value="BNB">BNB</option>
                                <option value="ADA">ADA</option>
                                <option value="DOT">DOT</option>
                                <option value="SOL">SOL</option>
                                <option value="ALGO">ALGO</option>
                                <option value="LUNA">LUNA</option>
                                <option value="AVAX">AVAX</option>
                                <option value="MATIC">MATIC</option>
                            </select>

                        </div>
                        <div class="w-full lg:w-5/12 flex flex-wrap justify-center">
                            <div class="flex align-center justify-center w-1/2">
                                <div class="w-full mr-2.5 lg:mx-2.5 mb-5 px-2 py-5" style="box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;">
                                    <div class="inline-block text-base- font-medium mb-2">
                                        Precio Enero 2021

                                    </div>
                                    <div class="text-xl font-semibold" x-ref="priceOld">
                                        $ 29,000
                                    </div>
                                </div>
                            </div>
                            <div class="flex align-center justify-center w-1/2">
                                <div class="w-full ml-2.5 lg:mx-2.5 mb-5 px-2 py-5" style="box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;">
                                    <div class="inline-block text-base- font-medium mb-2">
                                        Precio Diciembre 2021

                                    </div>
                                    <div class="text-xl font-semibold" x-ref="priceNew">
                                        $ 49,000
                                    </div>
                                </div>
                            </div>
                            <div class="flex align-center justify-center w-1/2">
                                <div class="w-full mr-2.5 lg:mx-2.5 mb-5 px-2 py-5" style="box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;">
                                    <div class="inline-block text-base- font-medium mb-2">
                                        Profit / Loss
                                    </div>
                                    <div class="text-xl font-semibold" style="color: #47BB78;" x-ref="profit">+%</div>
                                </div>
                            </div>
                            <div class="flex align-center justify-center w-1/2">
                                <div class="w-full ml-2.5 lg:mx-2.5 mb-5 px-2 py-5" style="box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);border-radius: 5px;">
                                    <div class="inline-block text-base- font-medium mb-2">
                                        Pérdida/Beneficios
                                    </div>
                                    <div class="text-xl font-semibold" style="color: #47BB78;" x-ref="capital">5,000</div>
                                </div>
                            </div>
                            <span
                               class="lg:mx-2.5 submit-button rounded-md font-semibold text-1.5xl bg-orange hover:bg-orangeHover py-3 2xl:py-5"
                               style="cursor:pointer; color: #282828;filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));text-decoration: none;"
                            >
                  <span class="scroll-to-form">
                                           Regístrate & empieza a ganar
                                      </span>
                            </span>
                        </div>

                    </div>
                </div>
            </section>


            <section class="pt-15 pb-12" style="background: linear-gradient(116.57deg, #1B2150 16.67%, #202C8D 100%);" id="how-to-sign-up">
                <div class="container" style="max-width: 1366px;">
                    <h2 class="text-3xl md:text-4.5xl text-white text-center font-bold mb-14">
                        Proceso de registro en nuestro servicios
                    </h2>
                    <div class="row lg:mb-14">
                        <div class="w-full lg:w-1/3 p-7 lg:py-0 border-t-2 lg:border-t-0 border-borderPurple border-opacity-30">
                            <div style="width: 75px; height: 75px; background: #3D4794; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50%; margin-bottom: 20px;">
                                <span class="text-white text-4.5xl font-semibold">1.</span>
                            </div>
                            <h3 class="text-white text-center text-2xl mb-9 font-semibold">
                                Registro con <span class="js-project-name"></span>
                            </h3>
                            <p class="text-center" style="color: #B9C1FF;">
                                Para empezar tienes que registrar una cuenta con  <span class="js-project-name"></span>. Cuando lo hayas hecho serás inmediatamente capaz de obtener acceso gratis al software de trading.
                            </p>
                        </div>
                        <div class="w-full lg:w-1/3 p-7 lg:py-0 border-t-2 border-b-2 lg:border-t-0 lg:border-b-0 lg:border-l-2 lg:border-r-2 border-borderPurple border-opacity-30">
                            <div style="width: 75px; height: 75px; background: #3D4794; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50%; margin-bottom: 20px;">
                                <span class="text-white text-4.5xl font-semibold">2.</span>
                            </div>
                            <h3 class="text-white text-center text-2xl mb-9 font-semibold">
                                Añadir Fondos a Tu Cuenta

                            </h3>
                            <p class="text-center" style="color: #B9C1FF;">
                                Para sacar beneficios con <span class="js-project-name"></span> necesitarás algo de capital de trading. Puedes empezar con poco e ir añadiendo según vayas generando beneficios, para empezar solo tienes que invertir £250 o más.
                            </p>
                        </div>
                        <div class="w-full lg:w-1/3 p-7 lg:py-0">
                            <div style="width: 75px; height: 75px; background: #3D4794; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50%; margin-bottom: 20px;">
                                <span class="text-white text-4.5xl font-semibold">3.</span>
                            </div>
                            <h3 class="text-white text-center text-2xl mb-9 font-semibold">
                                Disfruta De Tus Beneficios
                            </h3>
                            <p class="text-center" style="color: #B9C1FF;">
                                Desde que añadas fondos podrás empezar inmediatamente a disfrutar de nuestro galardonado algoritmo de trading. El proceso es totalmente sin manos, aunque si lo prefieres puedes cambiar al trading manual en cualquier momento.
                            </p>
                        </div>
                    </div>
                    <span
                       class="lg:mx-2.5 submit-button rounded-md font-semibold text-1.5xl bg-orange hover:bg-orangeHover hover:text-white py-3 2xl:py-5"
                       style="cursor:pointer; color: #282828;filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3)); max-width: 519px; margin: 0 auto; display: flex; text-decoration: none;"
                    >
                  <span class="scroll-to-form">
                                      Regístrate ahora y no te lo vuelvas a perder
                                    </span>
                    </span>
                </div>
            </section>


            <section class="py-6 lg:py-15" style="; background-color: #f7f9fd;" id="faq">
                <div class="container lg:mb-12" style="max-width: 950px;">
                    <h2 class="text-center text-xl md:text-4.5xl font-semibold mb-6">FAQs</h2>
                    <div class="text-xl font-bold"></div>
                    <div class="row">

                        <div class="w-full px-4">
                            <div class="mb-5 transition-all duration-500" x-data="{active: false}" :class="{'active': active}">
                                <div class="faq-item-title bg-white justify-between" @click="active = !active; $refs.icon.classList.toggle('rotate-180');slideToggle($refs.content)">
                                    <span>¿Cuánto se tarda en configurarla?</span>
                                    <i class="transition transform fal fa-chevron-down" x-ref="icon"></i>
                                </div>
                                <p class="bg-white rounded m-0 p-5 mt-5 hidden" x-ref="content">Las experiencias de cada persona podrán variar, pero normalmente se tarda entre 30 - 60 minutos en configurarla.
                                    <br/>
                                    <br/>
                                    Sin importar tu nivel de habilidad, esta app te ahorrará una gran cantidad de tiempo.</p>
                            </div>
                        </div>
                        <div class="w-full px-4">
                            <div class="mb-5 transition-all duration-500" x-data="{active: false}" :class="{'active': active}">
                                <div class="faq-item-title bg-white justify-between" @click="active = !active; $refs.icon.classList.toggle('rotate-180');slideToggle($refs.content)">
                                    <span>¿Es gratis?</span>
                                    <i class="transition transform fal fa-chevron-down" x-ref="icon"></i>
                                </div>
                                <p class="bg-white rounded m-0 p-5 mt-5 hidden" x-ref="content">Esta app es completamente gratuita para nuestros miembros. No cobramos ninguna tarifa por registro ni retiradas, lo que significa que tu dinero es 100% tuyo para siempre. Cuando tengas dinero en tu cuenta, puedes guardarlo, retirarlo o re-invertirlo sin ninguna tarifa.

                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </section>
</div>

<?php
require_once __DIR__ . '/../common/footer_start.php';
require_once __DIR__ . '/../common/footer_end.php';
?>
