templates/front/press/press.html line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <meta name="description" content="An ideas company for those who are looking for a Network Detox">
  7.     <meta name="author" content="founders">
  8.     <title>Found3rs</title>
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  10.     <!-- <link href="https://www.lancome.com.ar/on/demandware.static/Sites-lancome-ar-Site/-/default/dw1730abd8/images/favicon.ico" rel="shortcut icon"> -->
  11.     <!-- Bootstrap CSS -->
  12.     <!-- 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">
  13.  -->
  14.     <link href="css/bootstrap.min.css" rel="stylesheet">
  15.     <!-- founders CSS -->
  16.     <link rel="stylesheet" href="css/main.css" media="screen">
  17.     <link rel="stylesheet" href="css/responsive.css" media="screen">
  18.     <!--GSAP-->
  19.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
  20.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
  21.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollToPlugin.min.js"></script>
  22.     <script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.6.6/lottie.min.js'></script>
  23.     <link rel="icon" href="https://founders-agency.com/wp-content/uploads/2020/07/cropped-favicon-32x32.jpg" sizes="32x32" />
  24.     <link rel="icon" href="https://founders-agency.com/wp-content/uploads/2020/07/cropped-favicon-192x192.jpg" sizes="192x192" />
  25.     <link rel="apple-touch-icon" href="https://founders-agency.com/wp-content/uploads/2020/07/cropped-favicon-180x180.jpg" />
  26.     <!--owl-->
  27.     <!--owl-->
  28.     <link rel="stylesheet" href="css/owl.carousel.min.css">
  29.     <link rel="stylesheet" href="css/owl.theme.default.min.css">
  30.     <script src="js/jquery.min.js"></script>
  31.     <script src="js/owl.carousel.js"></script>
  32.     <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
  33.     <!-- share
  34. Open Graph / Facebook
  35. <meta property="og:type" content="website">
  36. <meta property="og:url" content="https://lorealtram.com/lancome/es/">
  37. <meta property="og:title" content="Lanc&#244;me | La Vie est Belle">
  38. <meta property="og:description" content="Lanc&#244;me | La Vie est Belle. Life is what you make of it, make it beautiful.">
  39. <meta property="og:image" content="https://s3.amazonaws.com/verin-www/loreal/lancome/html_ES/share.jpg">
  40. Twitter
  41. <meta property="twitter:card" content="summary_large_image">
  42. <meta property="twitter:url" content="https://lorealtram.com/lancome/es/">
  43. <meta property="twitter:title" content="Lanc&#244;me | La Vie est Belle">
  44. <meta property="twitter:description" content="Lanc&#244;me | La Vie est Belle. Life is what you make of it, make it beautiful.">
  45. <meta property="twitter:image" content="https://s3.amazonaws.com/verin-www/loreal/lancome/html_ES/share.jpg"> -->
  46. </head>
  47. <body id="top">
  48.     <script>
  49.         gsap.registerPlugin(ScrollTrigger);
  50.         ScrollTrigger.config({
  51.             limitCallbacks: true
  52.         });
  53.     </script>
  54.     <div class="button_container" id="toggle">
  55.         <span class="top"></span>
  56.         <span class="middle"></span>
  57.         <span class="bottom"></span>
  58.     </div>
  59.     <div class="overlay" id="overlay">
  60.         <nav class="overlay-menu">
  61.             <ul>
  62.                 <li><a href="{{ url('app_front_home') }}#work">Work</a></li>
  63.                 <li><a href="{{ url('app_front_home') }}#thisisus">This is us</a></li>
  64.                 <li><a href="{{ url('app_front_home') }}#hotoffthepress">Press</a></li>
  65.                 <li><a href="{{ url('app_front_become_a_founder') }}">Become a founder</a></li>
  66.                 <li><a href="{{ url('app_front_contact') }}">Contact</a></li>
  67.             </ul>
  68.         </nav>
  69.     </div>
  70.     <!--press-->
  71.     <div class="trigger-press"></div>
  72.     <section id="hotoffthepress" class="position-relative">
  73.         <div class="container-fluid bg">
  74.             <div class="row ">
  75.                 <div class="col-12 col-lg-3 press-title">
  76.                     <h1 class="">Rumor<br class="d-none d-lg-block"> has it...</h1>
  77.                     <h2>read more<br class="d-none d-lg-block"> about what<br class="d-none d-lg-block"> we’ve been<br class="d-none d-lg-block"> doing
  78.                     </h2>
  79.                 </div>
  80.                 <div class="col-12 col-lg-9 press-grid">
  81.                     <div class="row contents">
  82.                         {% for prensa in prensas %}
  83.                         <div class="col-6 col-lg-4 nopadding">
  84.                             <div class="press-thumb" onclick="window.open('{{ prensa.urlDestino}}','mywindow');">
  85.                                 <div class="thumb-shadow"></div>
  86.                                 <div class="thumb-overlay"></div>
  87.                                 <img src="{{ asset('uploads/press/' ~ prensa.pathImagen) }}" " alt="img-fluid ">
  88.                                 <div class="description ">
  89.                                     <h1>{{ prensa.fecha}}</h1>
  90.                                     <h2>{{ prensa.titulo }}</h2>
  91.                                 </div>
  92.                             </div>
  93.                         </div>
  94.                         {% endfor %}
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.     </section>
  100.     <!--footer-->
  101.     <footer>
  102.         <div class="container-fluid nopadding ">
  103.             <div class="row text-center align-items-center ">
  104.                 <div class="col-md-8 offset-md-2 text-center ">
  105.                     <img src="img/founders_logo.gif " class="img-fluid ">
  106.                 </div>
  107.                 <div class="col-md-2 d-none d-lg-block ">
  108.                     <a href="#top ">
  109.                         <span class="arrow "></span> BACK
  110.                         <br> TO
  111.                         <br> TOP
  112.                     </a>
  113.                 </div>
  114.             </div>
  115.             <div class="row d-flex justify-content-center mt-5 ">
  116.                 <div class="col-12 col-lg-8 ">
  117.                     <div class="sm-content ">
  118.                         <div class="sm-container ">
  119.                             <div class="sm-share ">
  120.                                 <h2>GO AHEAD, CONTACT US</h2>
  121.                             </div>
  122.                             <div class="sm-share ">
  123.                                 <ul class="sm-icons ">
  124.                                     <li>
  125.                                         <a class="email " href="{{ url( 'app_front_contact') }} "></a>
  126.                                     </li>
  127.                                     <li>
  128.                                         <a class="instagram " href="https://www.instagram.com/foundersagency/ " target="_blank "></a>
  129.                                     </li>
  130.                                     <li>
  131.                                         <a class="facebook " href="https://www.facebook.com/foundersagency " target="_blank "></a>
  132.                                     </li>
  133.                                     <li>
  134.                                         <a class="twitter " href="https://twitter.com/founders_agency " target="_blank "></a>
  135.                                     </li>
  136.                                     <li>
  137.                                         <a class="linkedin " href="https://www.linkedin.com/company/foundersagency/ " target="_blank "></a>
  138.                                     </li>
  139.                                     <li>
  140.                                         <a class="youtube " href="https://www.youtube.com/channel/UCp1xjqBmn_UN2YIx6Z2tktA " target="_blank "></a>
  141.                                     </li>
  142.                                 </ul>
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.                 <div class="col-12 d-block d-lg-none d-flex justify-content-center ">
  148.                     <a href="#top ">
  149.                         <span class="arrow "></span> BACK
  150.                         <br> TO
  151.                         <br> TOP
  152.                     </a>
  153.                 </div>
  154.             </div>
  155.         </div>
  156.         <div class="row justify-content-center copyright ">
  157.             <div class="col-12 col-md-12 text-center ">
  158.                 <div class="col-12 ">
  159.                     <div class="mt-5 ">
  160.                         <p>&copy;
  161.                             <script>
  162.                                 document.write(new Date().getFullYear())
  163.                             </script> Founders Agency</p>
  164.                     </div>
  165.                 </div>
  166.             </div>
  167.         </div>
  168.         </div>
  169.     </footer>
  170.     <!-- JavaScript Bundle with Popper -->
  171.     <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 ">
  172.     </script>
  173.     <!-- partial -->
  174.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "></script>
  175.     <script src="js/script.js "></script>
  176.     </div>
  177. </body>
  178. </html>