templates/front/press/press.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="An ideas company for those who are looking for a Network Detox">
  8.     <meta name="author" content="founders">
  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" href="css/main.css" media="screen">
  18.     <link rel="stylesheet" href="css/responsive.css" media="screen">
  19.     <!--GSAP-->
  20.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
  21.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
  22.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollToPlugin.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://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></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>
  59.     <div class="button_container" id="toggle">
  60.         <span class="top"></span>
  61.         <span class="middle"></span>
  62.         <span class="bottom"></span>
  63.     </div>
  64.     <div class="overlay" id="overlay">
  66.         <nav class="overlay-menu">
  67.             <ul>
  68.                 <li><a href="{{ url('app_front_home') }}#work">Work</a></li>
  69.                 <li><a href="{{ url('app_front_home') }}#thisisus">This is us</a></li>
  70.                 <li><a href="{{ url('app_front_home') }}#hotoffthepress">Press</a></li>
  71.                 <li><a href="{{ url('app_front_become_a_founder') }}">Become a founder</a></li>
  72.                 <li><a href="{{ url('app_front_contact') }}">Contact</a></li>
  73.             </ul>
  74.         </nav>
  75.     </div>
  77.     <!--press-->
  78.     <div class="trigger-press"></div>
  79.     <section id="hotoffthepress" class="position-relative">
  81.         <div class="container-fluid bg">
  82.             <div class="row ">
  83.                 <div class="col-12 col-lg-3 press-title">
  84.                     <h1 class="">Rumor<br class="d-none d-lg-block"> has it...</h1>
  85.                     <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
  86.                     </h2>
  87.                 </div>
  90.                 <div class="col-12 col-lg-9 press-grid">
  91.                     <div class="row contents">
  93.                         {% for prensa in prensas %}
  94.                         <div class="col-6 col-lg-4 nopadding">
  95.                             <div class="press-thumb" onclick="window.open('{{ prensa.urlDestino}}','mywindow');">
  96.                                 <div class="thumb-shadow"></div>
  97.                                 <div class="thumb-overlay"></div>
  98.                                 <img src="{{ asset('uploads/press/' ~ prensa.pathImagen) }}" " alt="img-fluid ">
  99.                                 <div class="description ">
  100.                                     <h1>{{ prensa.fecha}}</h1>
  101.                                     <h2>{{ prensa.titulo }}</h2>
  102.                                 </div>
  103.                             </div>
  104.                         </div>
  105.                         {% endfor %}
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         </div>
  113.     </section>
  116.     <!--footer-->
  118.     <footer>
  119.         <div class="container-fluid nopadding ">
  120.             <div class="row text-center align-items-center ">
  121.                 <div class="col-md-8 offset-md-2 text-center ">
  122.                     <img src="img/founders_logo.gif " class="img-fluid ">
  123.                 </div>
  124.                 <div class="col-md-2 d-none d-lg-block ">
  125.                     <a href="#top ">
  126.                         <span class="arrow "></span> BACK
  127.                         <br> TO
  128.                         <br> TOP
  129.                     </a>
  130.                 </div>
  131.             </div>
  132.             <div class="row d-flex justify-content-center mt-5 ">
  133.                 <div class="col-12 col-lg-8 ">
  135.                     <div class="sm-content ">
  139.                         <div class="sm-container ">
  141.                             <div class="sm-share ">
  142.                                 <h2>GO AHEAD, CONTACT US</h2>
  143.                             </div>
  145.                             <div class="sm-share ">
  146.                                 <ul class="sm-icons ">
  147.                                     <li>
  148.                                         <a class="email " href="{{ url( 'app_front_contact') }} "></a>
  149.                                     </li>
  150.                                     <li>
  151.                                         <a class="instagram " href="https://www.instagram.com/foundersagency/ " target="_blank "></a>
  152.                                     </li>
  153.                                     <li>
  154.                                         <a class="facebook " href="https://www.facebook.com/foundersagency " target="_blank "></a>
  155.                                     </li>
  156.                                     <li>
  157.                                         <a class="twitter " href="https://twitter.com/founders_agency " target="_blank "></a>
  158.                                     </li>
  159.                                     <li>
  160.                                         <a class="linkedin " href="https://www.linkedin.com/company/foundersagency/ " target="_blank "></a>
  161.                                     </li>
  162.                                     <li>
  163.                                         <a class="youtube " href="https://www.youtube.com/channel/UCp1xjqBmn_UN2YIx6Z2tktA " target="_blank "></a>
  164.                                     </li>
  165.                                 </ul>
  166.                             </div>
  168.                         </div>
  172.                     </div>
  174.                 </div>
  176.                 <div class="col-12 d-block d-lg-none d-flex justify-content-center ">
  177.                     <a href="#top ">
  178.                         <span class="arrow "></span> BACK
  179.                         <br> TO
  180.                         <br> TOP
  181.                     </a>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.         <div class="row justify-content-center copyright ">
  186.             <div class="col-12 col-md-12 text-center ">
  187.                 <div class="col-12 ">
  188.                     <div class="mt-5 ">
  189.                         <p>&copy;
  190.                             <script>
  191.                                 document.write(new Date().getFullYear())
  192.                             </script> Founders Agency</p>
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </div>
  197.         </div>
  198.     </footer>
  201.     <!-- JavaScript Bundle with Popper -->
  202.     <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 ">
  203.     </script>
  204.     <!-- partial -->
  205.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "></script>
  206.     <script src="js/script.js "></script>
  209.     </div>
  210. </body>
  212. </html>