templates/front/become_a_founder/become-a-founder.html line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="description" content="">
  8.     <meta name="author" content="">
  9.     <title>Found3rs</title>
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  11.     <!-- <link href="https://www.lancome.com.ar/on/demandware.static/Sites-lancome-ar-Site/-/default/dw1730abd8/images/favicon.ico" rel="shortcut icon"> -->
  12.     <!-- Bootstrap CSS -->
  13.     <!-- CSS only <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
  14.  -->
  15.     <link href="css/bootstrap.min.css" rel="stylesheet">
  16.     <!-- founders CSS -->
  17.     <link rel="stylesheet" rel="preload" as="style" href="css/fonts/fonts.css" media="screen">
  18.     <link rel="stylesheet" href="css/main.css" media="screen">
  19.     <link rel="stylesheet" href="css/responsive.css" media="screen">
  20.     <!--GSAP-->
  21.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
  23.     <script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.6.6/lottie.min.js'></script>
  24.     <link rel="icon" href="https://founders-agency.com/wp-content/uploads/2020/07/cropped-favicon-32x32.jpg" sizes="32x32" />
  25.     <link rel="icon" href="https://founders-agency.com/wp-content/uploads/2020/07/cropped-favicon-192x192.jpg" sizes="192x192" />
  26.     <link rel="apple-touch-icon" href="https://founders-agency.com/wp-content/uploads/2020/07/cropped-favicon-180x180.jpg" />
  27.     <!--owl-->
  28.     <!--owl-->
  29.     <link rel="stylesheet" href="css/owl.carousel.min.css">
  30.     <link rel="stylesheet" href="css/owl.theme.default.min.css">
  31.     <script src="js/jquery.min.js"></script>
  32.     <script src="js/owl.carousel.js"></script>
  34.     <script src="https://kit.fontawesome.com/66aa7c98b3.js" crossorigin="anonymous"></script>
  36.     <!-- share
  37. Open Graph / Facebook
  38. <meta property="og:type" content="website">
  39. <meta property="og:url" content="https://lorealtram.com/lancome/es/">
  40. <meta property="og:title" content="Lanc&#244;me | La Vie est Belle">
  41. <meta property="og:description" content="Lanc&#244;me | La Vie est Belle. Life is what you make of it, make it beautiful.">
  42. <meta property="og:image" content="https://s3.amazonaws.com/verin-www/loreal/lancome/html_ES/share.jpg">
  43. Twitter
  44. <meta property="twitter:card" content="summary_large_image">
  45. <meta property="twitter:url" content="https://lorealtram.com/lancome/es/">
  46. <meta property="twitter:title" content="Lanc&#244;me | La Vie est Belle">
  47. <meta property="twitter:description" content="Lanc&#244;me | La Vie est Belle. Life is what you make of it, make it beautiful.">
  48. <meta property="twitter:image" content="https://s3.amazonaws.com/verin-www/loreal/lancome/html_ES/share.jpg"> -->
  49. </head>
  51. <body id="top">
  53.     <script>
  54.         gsap.registerPlugin(ScrollTrigger);
  55.         ScrollTrigger.config({
  56.             limitCallbacks: true
  57.         });
  58.     </script>
  63.     <div class="button_container" id="toggle">
  64.         <span class="top"></span>
  65.         <span class="middle"></span>
  66.         <span class="bottom"></span>
  67.     </div>
  68.     <div class="overlay" id="overlay">
  70.         <nav class="overlay-menu">
  71.             <ul>
  72.                 <li><a href="{{ url('app_front_home') }}#work">Work</a></li>
  73.                 <li><a href="{{ url('app_front_home') }}#thisisus">This is us</a></li>
  74.                 <li><a href="{{ url('app_front_home') }}#hotoffthepress">Press</a></li>
  75.                 <li><a href="{{ url('app_front_become_a_founder') }}">Become a founder</a></li>
  76.                 <li><a href="{{ url('app_front_contact') }}">Contact</a></li>
  77.             </ul>
  78.         </nav>
  79.     </div>
  88.     <section id="becomeafounder" class="position-relative">
  92.         <div class="container-fluid nopadding">
  93.             <div class="bcf-bg">
  94.                 <div class="row justify-content-center">
  96.                     <div class="col-11 col-lg-10">
  97.                         <h1>If you think you can create something new, we would like to meet you.</h1>
  98.                         <h2>Send us an e-mail at <a href="mailto:notgoingtospam@founders-agency.com?subject=Hi, this is a Website contact">notgoingtospam@founders-agency.com</a> or fill out the form:</h2>
  99.                     </div>
  101.                 </div>
  102.             </div>
  105.             <div class="row justify-content-center">
  107.                 <div class="col-11 col-lg-10">
  108.                     {{ form_start(form) }}
  109.                     <div class="row">
  110.                         <div class="col-12 col-lg-10">
  111.                             <div class="mb-3 mt-3">
  112.                                 {{ form_row(form.name) }}
  113.                                 <!-- <input type="text" class="form-control" id="nombre" placeholder="Name" name="nombre" required>
  114.                                 <div class="invalid-feedback">
  115.                                     Debe ingresar un nombre
  116.                                 </div> -->
  117.                             </div>
  118.                             <div class="mb-3">
  119.                                 {{ form_row(form.email) }}
  120.                                 <!-- <input type="email" class="form-control" id="email" placeholder="Email" name="email" required>
  121.                                 <div class="invalid-feedback">
  122.                                     Debe ingresar un email
  123.                                 </div> -->
  124.                             </div>
  125.                             <div class="mb-3 mt-3">
  126.                                 {{ form_row(form.message) }}
  127.                                 <!-- <textarea class="form-control" rows="5" id="mensaje" placeholder="Your Message" name="mensaje" required></textarea> -->
  128.                             </div>
  129.                         </div>
  130.                         <div class="col-12 col-lg-2">
  131.                             <button type="submit" class="">SEND<br>MAIL</button>
  132.                         </div>
  133.                     </div>
  134.                     {{ form_end(form) }}
  136.                 </div>
  138.             </div>
  140.         </div>
  141.     </section>
  144.     <!--footer-->
  150.     <!-- JavaScript Bundle with Popper -->
  151.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous">
  152.     </script>
  153.     <!-- partial -->
  154.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  155.     <script src="js/script.js"></script>
  156.     <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  157.     <script>
  158.         (function() {
  159.             'use strict'
  161.             // Fetch all the forms we want to apply custom Bootstrap validation styles to
  162.             var forms = document.querySelectorAll('.needs-validation')
  164.             // Loop over them and prevent submission
  165.             Array.prototype.slice.call(forms)
  166.                 .forEach(function(form) {
  167.                     form.addEventListener('submit', function(event) {
  168.                         if (!form.checkValidity()) {
  169.                             event.preventDefault()
  170.                             event.stopPropagation()
  171.                         }
  173.                         form.classList.add('was-validated')
  174.                     }, false)
  175.                 })
  176.         })()
  177.     </script>
  178.     </div>
  179. </body>
  181. </html>