templates/front/contact/contact.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="contact" class="position-relative">
  91.         <div class="bgf-gradient">
  92.             <div class="container-fluid">
  93.                 <div class="row justify-content-center">
  94.                     <div class="col-12 col-lg-10">
  95.                         <h1>Come on, a successful idea is one email away.</h1>
  96.                         <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>
  97.                     </div>
  98.                 </div>
  99.                 <div class="row justify-content-center">
  101.                     <div class="col-12 col-lg-10">
  102.                         <!-- <form method="post" action="contact-send.php" class=" needs-validation" novalidate> -->
  103.                         {{ form_start(form) }}
  104.                         <div class="row">
  105.                             <div class="col-12 col-lg-10">
  106.                                 <div class="mb-3 mt-3">
  107.                                     {{ form_row(form.name) }}
  108.                                     <!-- <input type="text" class="form-control" id="nombre" placeholder="Name" name="nombre" required>
  109.                                     <div class="invalid-feedback">
  110.                                         Debe ingresar un nombre
  111.                                     </div> -->
  112.                                 </div>
  113.                                 <div class="mb-3">
  114.                                     {{ form_row(form.email) }}
  115.                                     <!-- <input type="email" class="form-control" id="email" placeholder="Email" name="email" required>
  116.                                     <div class="invalid-feedback">
  117.                                         Debe ingresar un email
  118.                                     </div> -->
  119.                                 </div>
  120.                                 <div class="mb-3 mt-3">
  121.                                     {{ form_row(form.message) }}
  122.                                     <!-- <textarea class="form-control" rows="5" id="mensaje" placeholder="Your Message" name="mensaje" required></textarea> -->
  123.                                 </div>
  124.                             </div>
  125.                             <div class="col-12 col-lg-2">
  126.                                 <button type="submit" class="">SEND<br>MAIL</button>
  127.                             </div>
  128.                         </div>
  129.                         {{ form_end(form) }}
  130.                         <!-- </form> -->
  132.                     </div>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </section>
  140.     <!--footer-->
  143.     <!-- JavaScript Bundle with Popper -->
  144.     <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">
  145.     </script>
  146.     <!-- partial -->
  147.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  148.     <script src="js/script.js"></script>
  149.     <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  150.     <script>
  151.         (function() {
  152.             'use strict'
  154.             // Fetch all the forms we want to apply custom Bootstrap validation styles to
  155.             var forms = document.querySelectorAll('.needs-validation')
  157.             // Loop over them and prevent submission
  158.             Array.prototype.slice.call(forms)
  159.                 .forEach(function(form) {
  160.                     form.addEventListener('submit', function(event) {
  161.                         if (!form.checkValidity()) {
  162.                             event.preventDefault()
  163.                             event.stopPropagation()
  164.                         }
  166.                         form.classList.add('was-validated')
  167.                     }, false)
  168.                 })
  169.         })()
  170.     </script>
  171.     </div>
  172. </body>
  174. </html>