templates/front/home/_index.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>Founders</title>
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  11.     <!-- Bootstrap CSS -->
  12.     <link href="css/bootstrap.min.css" rel="stylesheet">
  13.     <!-- founders CSS -->
  14.     <link rel="stylesheet" href="css/main.css" media="screen">
  15.     <link rel="stylesheet" href="css/responsive.css" media="screen">
  16.     <!--GSAP-->
  17.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
  18.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
  19.     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollToPlugin.min.js"></script>
  20.     <script src='https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.6.6/lottie.min.js'></script>
  21.     <link rel="icon" href="https://founders-agency.com/favicon.jpeg" sizes="32x32" />
  22.     <link rel="icon" href="https://founders-agency.com/favicon.jpeg" sizes="192x192" />
  23.     <link rel="apple-touch-icon" href="https://founders-agency.com/favicon.jpeg" />
  24.     <!--owl-->
  25.     <!--owl-->
  26.     <link rel="stylesheet" href="css/owl.carousel.min.css">
  27.     <link rel="stylesheet" href="css/owl.theme.default.min.css">
  28.     <script src="js/jquery.min.js"></script>
  29.     <script src="js/owl.carousel.js"></script>
  30.     <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
  31.     <!-- share-->
  32.     <!-- Open Graph / Facebook -->
  33.     <meta property="og:type" content="website">
  34.     <meta property="og:url" content="https://founders-agency.com/">
  35.     <meta property="og:title" content="founders">
  36.     <meta property="og:description" content="An ideas company for those who are looking for a Network Detox.">
  37.     <meta property="og:image" content="https://s3.amazonaws.com/verin-www/founders/1811/share.jpg">
  38.     <!-- Twitter -->
  39.     <meta property="twitter:card" content="summary_large_image">
  40.     <meta property="twitter:url" content="https://founders-agency.com/">
  41.     <meta property="twitter:title" content="founders">
  42.     <meta property="twitter:description" content="An ideas company for those who are looking for a Network Detox.">
  43.     <meta property="twitter:image" content="https://s3.amazonaws.com/verin-www/founders/1811/share.jpg">
  44. </head>
  46. <body id="top">
  47.     <script>
  48.         gsap.registerPlugin(ScrollTrigger);
  49.         ScrollTrigger.config({
  50.             limitCallbacks: true
  51.         });
  52.     </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') }}" target="_blank">Become a founder</a></li>
  66.                 <li><a href="{{ url('app_front_contact') }}" target="_blank">Contact</a></li>
  67.             </ul>
  68.         </nav>
  69.     </div>
  71.     <!-- <div class="header">
  72.         <div class="top-home-wrapper">
  73.             <div class="scroll-cta bounce">SCROLL DOWN</div>
  74.             <div class="contiene-video d-none d-md-block">
  75.                 <video loop="" playsinline="" muted="" autoplay="" poster="video/founders-home.jpg" class=" img-fluid">
  76.                     <source
  77.                         src="https://player.vimeo.com/progressive_redirect/playback/894551112/rendition/1080p/file.mp4?loc=external&signature=05dd40a1b32f093519d2fd1feb1ac4c9cdbf13e5f4eec4d64c2e2f28c4d8cd3f"
  78.                         type="video/mp4">
  79.                 </video>
  81.             </div>
  82.             <video loop="" playsinline="" muted="" autoplay="" poster="video/founders-home-xs.jpg" class="img-fluid d-block d-md-none">
  83.                 <source
  84.                     src="https://player.vimeo.com/progressive_redirect/playback/894610954/rendition/720p/file.mp4?loc=external&signature=179d5ff3d176097dc79350e4efc8eacefb515b574e0b99712a17b289a117b6bd"
  85.                     type="video/mp4">
  86.             </video>
  87.         </div>
  88.     </div> -->
  90.     <div class="header">
  91.         <div class="top-home-wrapper">
  93.     <!-- <p>{{imgWork.id}}</p>
  94.     <p>{{imgWork.titulo}}</p>
  95.     <p>{{imgWork.peso}}</p>
  96.     <p>{{imgWork.pathImagen}}</p> -->
  98.             <div class="img-header-wrapper">
  99.                 <img src="{{asset('uploads/img_work/' ~ imgWork.pathImagen) }}" alt="{{imgWork.titulo}}" class="gif" />
  100.                 <img src="img/logo-founders-2.svg" class="logo-founders" alt="founders">
  103.             </div>
  104.             <!-- <div class="scroll-cta bounce">SCROLL DOWN</div> -->
  106.             <!-- <video width="100%" loop="" playsinline="" muted="" autoplay="" poster="img/top-10-hispanic-agencies.jpg" class=" img-fluid  d-none d-md-block">
  107.                 <source
  108.                     src="https://player.vimeo.com/progressive_redirect/playback/927325268/rendition/720p/file.mp4?loc=external&signature=434a54adb9e7042ebb4f83190eef0d2b2c9777d22799fa9fda93e090ef15e088"
  109.                     type="video/mp4">
  110.             </video>
  111.             <video width="100%" loop="" playsinline="" muted="" autoplay="" poster="img/top-10-hispanic-agencies.jpg" class="img-fluid d-block d-md-none">
  112.                 <source
  113.                     src="https://player.vimeo.com/progressive_redirect/playback/927970857/rendition/240p/file.mp4?loc=external&signature=1ce67b87fd2ae585a30833cd2e263e3686196499477925215800d8ebd7993450"
  114.                     type="video/mp4">
  115.             </video> -->
  118.             <img src="img/top-great-place-2025.gif" alt="" class="img-fluid d-none d-sm-block hispanicAgencies-img" />
  119.             <img src="img/top-great-place-m-2025.gif" alt="" class=" img-fluid d-inline-block d-sm-none hispanicAgencies-img" />
  120.         </div>
  121.     </div>
  123.     <!-- seccion -->
  124.     <!-- <div class="trigger-concept"></div>
  125.     <section class="container-banner-agencie">
  126.         <div id="box1" class="box-agencie">
  127.             <div class="bg-green">
  128.                 <img src="img/top-10-hispanic-agencies.jpg" alt="" class="img-fluid d-none d-sm-block hispanicAgencies-img" />
  129.                 <img src="img/top-10-hispanic-agencies-m.jpg" alt="" class=" img-fluid d-inline-block d-sm-none hispanicAgencies-img" />
  130.             </div>
  131.         </div>
  132.         <div id="box2" class="box-agencie ">
  133.             <div class="bg-red">
  134.                 <img src="img/top-great-place.jpg" alt="" class="img-fluid d-none d-sm-block hispanicAgencies-img" />
  135.                 <img src="img/top-great-place-m.jpg" alt="" class=" img-fluid d-inline-block d-sm-none hispanicAgencies-img" />
  136.             </div>
  137.         </div>
  138.     </section> -->
  140.     <div class="trigger-stats"></div>
  141.     <!-- seccion 2 stats-->
  142.     <section id="stats" class="position-relative">
  143.         <div class="misc misc-stats-1">
  144.             <div class="tag misc-stats-2 alt"></div>
  145.         </div>
  146.         <div class="container-fluid ">
  147.             <div class="row d-flex justify-content-center">
  148.                 <div class="col-12">
  149.                     <h1 class="stats-title txt-white">OFFICES Multilingual talent. English, spanish, portugues, patois, french.</h1>
  150.                 </div>
  151.                 <div class="col-12 nopadding">
  152.                     <div class="stats-wrapper">
  153.                         <div class="stats-map">
  154.                         </div>
  156.                     </div>
  157.                 </div>
  158.             </div>
  159.         </div>
  160.     </section>
  161.     <script>
  162.         gsap.from(".stats-title", {
  163.             duration: 1,
  164.             autoAlpha: 0,
  165.             x: -460,
  166.             scrollTrigger: {
  167.                 trigger: ".trigger-stats",
  168.                 start: "top 85%",
  169.                 scrub: true
  170.             }
  171.         });
  172.         gsap.from(".stats-map", {
  173.             duration: .5,
  174.             autoAlpha: 0,
  175.             height: 10,
  176.             y: 860,
  177.             scale: 2,
  178.             scrollTrigger: {
  179.                 trigger: ".trigger-stats",
  180.                 start: "top 80%",
  181.                 scrub: true
  182.             }
  183.         });
  184.     </script>
  186.     <!-- seccion 3 clientes-->
  187.     <div class="trigger-clients"></div>
  188.     <section id="clients">
  189.         <div class="container-fluid ">
  190.             <div class="row d-flex align-items-center justify-content-center justify-content-md-center justify-content-xl-center">
  191.                 <div class="col-12 col-lg-5 col-xl-4">
  192.                     <h1 class="clients-title">Brands we
  193.                         <!-- <br class="d-md-none d-block d-lg-block">  -->
  194.                         work with</h1>
  195.                 </div>
  196.                 <div class="col-9 col-md-8 col-lg-4 offset-md-1 justify-content-center">
  197.                     <div class="carousel-clients owl-carousel owl-theme">
  198.                         <div class="item">
  199.                             <img src="img/clients/netflix.svg" alt="Netflix" />
  200.                         </div>
  201.                         <div class="item">
  202.                             <img src="img/clients/heinz.png" alt="Heinz" />
  203.                         </div>
  204.                         <div class="item">
  205.                             <img src="img/clients/welovenyc.png" alt="Netflix" />
  206.                         </div>
  207.                         <div class="item">
  208.                             <img src="img/clients/spotify.png" alt="Spotify" />
  209.                         </div>
  210.                         <div class="item">
  211.                             <img src="img/clients/snapchat.png" alt="Snapchat" />
  212.                         </div>
  213.                         <div class="item">
  214.                             <img src="img/clients/heineken.svg" alt="Heineken" />
  215.                         </div>
  216.                         <div class="item">
  217.                             <img src="img/clients/lipton.png" alt="Lipton" />
  218.                         </div>
  219.                         <div class="item">
  220.                             <img src="img/clients/lw.svg" alt="LambWeston">
  221.                         </div>
  222.                         <div class="item">
  223.                             <img src="img/clients/paramount-plus.svg" alt="Paramount+">
  224.                         </div>
  225.                         <div class="item">
  226.                             <img src="img/clients/red-stripe.svg" alt="Red Stripe">
  227.                         </div>
  228.                     </div>
  229.                 </div>
  230.             </div>
  231.         </div>
  232.         <script>
  233.             gsap.from(".clients-title", {
  234.                 duration: 1,
  235.                 autoAlpha: 0,
  236.                 x: -260,
  237.                 scrollTrigger: {
  238.                     trigger: ".trigger-clients",
  239.                     start: "top 50%",
  240.                     scrub: true
  241.                 }
  242.             });
  243.         </script>
  244.     </section>
  245.     <section id="work">
  246.         <div class="container-fluid">
  247.             <div class="row">
  248.                 <div class="col-12 col-lg-6">
  249.                     <img src="img/founders_work-2.gif" alt="Works" class="title img-fluid">
  250.                     <!-- <h1 class="work-title">work</h1> -->
  251.                 </div>
  252.             </div>
  253.         </div>
  254.         <div class="container-fluid nopadding list-work">
  255.             {% for work in works %}
  256.             <div class="row">
  257.                 <div class="col-12 nopadding">
  258.                     <div class="video-wrapper">
  259.                         {% if work.pathVideo %}
  260.                         <video class="video" poster="{{asset('uploads/work/' ~ work.pathImagen) }}" webkit-playsinline playsinline>
  261.                             <source src="{{work.pathVideo}}" type="video/mp4" />
  262.                         </video>
  263.                         <div class="playpause">
  264.                         {% else %}
  265.                         <img src="{{asset('uploads/work/' ~ work.pathImagen) }}" alt="{{work.titulo}}" style="width: 100%;">
  266.                         <div class="playpause noPlay">
  267.                         {% endif %}
  268.                             <div class="client txt-red">
  269.                                 <h1>{{work.cliente}}</h1>
  270.                             </div>
  271.                             <div class="description txt-red">
  272.                                 <h2>{{work.titulo}}</h2>
  273.                                 <h3>{{work.descripcion}}</h3>
  274.                             </div>
  275.                         </div>
  276.                     </div>
  277.                 </div>
  278.             </div>
  279.             {% endfor %}
  280.             <!--
  281.             work viejo cuando no podian cargar solo imagen.
  282.             <div class="row">
  283.                 <div class="col-12 nopadding">
  284.                     <div class="video-wrapper">
  285.                         <img src="/img/works/HEINZ.png" alt="FOR EVERYDAY WINNERS" style="width: 100%;">
  286.                         <div class="playpause"style="background:transparent; cursor:inherit">
  287.                             <div class="client txt-red">
  288.                                 <h1>HEINZ</h1>
  289.                             </div>
  290.                             <div class="description txt-red">
  291.                                 <h2>FOR EVERYDAY WINNERS</h2>
  292.                             </div>
  293.                         </div>
  294.                     </div>
  295.                 </div>
  296.             </div> -->
  299.             <div class="row">
  300.                 <div class="col-12  nopadding">
  301.                     <div class="see-more-cta"><a href="https://www.youtube.com/channel/UCp1xjqBmn_UN2YIx6Z2tktA" target="_blank">SEE MORE</a></div>
  302.                 </div>
  303.             </div>
  305.         </div>
  306.     </section>
  307.     <!-- seccion X staff-->
  308.     <section id="staff">
  309.         <div class="container-fluid  nopadding">
  310.             <div class="row">
  311.                 <div class="carousel-staff owl-carousel owl-theme  nopadding" style="overflow-x:hidden">
  313.                     <div class="item">
  314.                         <div class="founder-cta" onclick="window.open('{{ url('app_front_become_a_founder') }}','mywindow');">
  315.                             <div class="description">
  316.                                 <h1>Become a</h1>
  317.                                 <h2>founder</h2>
  318.                             </div>
  319.                             <div>
  320.                                 <?xml version="1.0" encoding="utf-8"?>
  321.                                 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 600 900" style="enable-background:new 0 0 600 900;" xml:space="preserve">
  322.                                     <style type="text/css">
  323.                                         .fs0 {
  324.                                             fill: #FF4747;
  325.                                         }
  327.                                         .fs1 {
  328.                                             fill-rule: evenodd;
  329.                                             clip-rule: evenodd;
  330.                                             fill: #FF4747;
  331.                                         }
  332.                                     </style>
  333.                                     <g class="asterisco">
  334.                                         <polygon class="fs0" points="470.7,125.6 475.5,188 480.3,125.6     " />
  335.                                         <polygon class="fs0" points="480.3,250.4 475.5,188 470.7,250.4     " />
  336.                                         <polygon class="fs0" points="537.9,183.2 475.5,188 537.9,192.8     " />
  337.                                         <polygon class="fs0" points="413.2,192.8 475.5,188 413.2,183.2     " />
  338.                                         <polygon class="fs0" points="516.2,140.5 475.5,188 523,147.3     " />
  339.                                         <polygon class="fs0" points="434.8,235.5 475.5,188 428,228.7     " />
  340.                                         <polygon class="fs0" points="523,228.7 475.5,188 516.2,235.5     " />
  341.                                         <polygon class="fs0" points="428,147.3 475.5,188 434.8,140.5     " />
  342.                                         <polygon class="fs0" points="494,128.2 475.5,188 502.9,131.8     " />
  343.                                         <polygon class="fs0" points="457,247.7 475.5,188 448.1,244.2     " />
  344.                                         <polygon class="fs0" points="535.3,206.5 475.5,188 531.8,215.4     " />
  345.                                         <polygon class="fs0" points="415.8,169.5 475.5,188 419.3,160.6     " />
  346.                                         <polygon class="fs0" points="530.9,158.8 475.5,188 534.7,167.6     " />
  347.                                         <polygon class="fs0" points="420.2,217.2 475.5,188 416.4,208.3     " />
  348.                                         <polygon class="fs0" points="504.7,243.3 475.5,188 495.9,247.1     " />
  349.                                         <polygon class="fs0" points="446.4,132.6 475.5,188 455.2,128.8     " />
  350.                                     </g>
  351.                                     <path class="fs1"
  352.                                         d="M314,59.9c-0.1,0.2-0.3,0.4-0.4,0.6c0,0,1.2-0.4,1.4-0.6C314.6,59.9,314.3,59.9,314,59.9z" />
  353.                                     <path class="fs1"
  354.                                         d="M320.1,60.5c-0.7,0-1.5,0-2.2,0c-0.1,0.2-0.3,0.4-0.4,0.6c0.8,0,1.6,0,2.4,0C320,60.9,320.1,60.7,320.1,60.5z" />
  355.                                     <path class="fs1" d="M301.4,61.7c-0.5,0.6-1.4,0.7-1.8,1.4c0.1,0,0.1,0,0.2,0c0.4-0.6,1.4-0.7,1.8-1.4
  356.                           C301.6,61.7,301.5,61.7,301.4,61.7z" />
  357.                                     <path class="fs1"
  358.                                         d="M317,62.1c0,0.1,0,0.3,0,0.4c0.3-0.1,0.3-0.2,0.8-0.2c0-0.1,0-0.3,0-0.4C317.4,62,317.4,62.1,317,62.1z" />
  359.                                     <path class="fs1"
  360.                                         d="M328.3,61.9c-0.3,0.3-1.2,0.5-1.8,0.6c0,0.1,0,0.1,0,0.2c0.3,0,0.7,0,1,0c0-0.1,0-0.1,0-0.2
  361.                           c0.4-0.1,0.8-0.1,1.2-0.2c0-0.1,0-0.1,0-0.2c0.3,0,0.5,0,0.8,0c0-0.1,0-0.1,0-0.2C329.1,61.9,328.7,61.9,328.3,61.9z" />
  362.                                     <path class="fs1"
  363.                                         d="M332.1,62.3c0,0.1,0,0.1,0,0.2c0.3,0,0.5,0,0.8,0c0-0.1,0-0.1,0-0.2C332.6,62.3,332.3,62.3,332.1,62.3z" />
  364.                                     <path class="fs1"
  365.                                         d="M333.1,62.5c0.1,0.1,0.2,0.4,0.6,0.2c0-0.1,0-0.1,0-0.2C333.5,62.5,333.3,62.5,333.1,62.5z" />
  366.                                     <path class="fs1"
  367.                                         d="M258.8,62.7c-0.4,0.5-0.8,0.5-1,1.2c0.1,0,0.1,0,0.2,0c0.3-0.4,0.7-0.8,1-1.2C259,62.7,258.9,62.7,258.8,62.7z" />
  368.                                     <path class="fs1" d="M320.7,62.9c-0.2,0.2,0,0.1-0.4,0.2c0,0.1,0,0.1,0,0.2c0.1,0,0.3,0,0.4,0c0-0.1,0-0.1,0-0.2c0.2,0,0.4,0,0.6,0
  369.                           c0-0.1,0-0.1,0-0.2C321.1,62.9,320.9,62.9,320.7,62.9z" />
  370.                                     <path class="fs1" d="M267.8,64.1c-0.5,0.5-0.9,1.1-1.4,1.6c0.1,0,0.3,0,0.4,0c0-0.1,0-0.1,0-0.2c0.4-0.5,0.8-0.9,1.2-1.4
  371.                           C267.9,64.1,267.8,64.1,267.8,64.1z" />
  372.                                     <path class="fs1" d="M318.1,64.3c-0.1,0.1-0.1,0.3-0.2,0.4c0.2-0.1,0.4-0.1,0.6-0.2c0-0.1,0-0.1,0-0.2
  373.                           C318.4,64.3,318.3,64.3,318.1,64.3z" />
  374.                                     <path class="fs1"
  375.                                         d="M241.5,74c-0.3,0.5-0.7,1.1-1,1.6c0.1,0,0.1,0,0.2,0c0.3-0.6,0.8-0.9,1-1.6C241.6,74,241.6,74,241.5,74z" />
  376.                                     <path class="fs1" d="M235.5,81.4c0,0.1,0,0.3,0,0.4c0.1,0,0.1,0,0.2,0c0-0.1,0-0.1,0-0.2c0.1,0,0.1,0,0.2,0
  377.                           C235.7,81.4,235.9,81.5,235.5,81.4z" />
  378.                                     <path class="fs1" d="M347,84.8c0.5,0.6,1.1,1.2,1.6,1.8c0.1,0.1,0.3,0.1,0.4,0.2c0,0.1,0,0.3,0,0.4c0.3,0.2,0.5,0.4,0.8,0.6
  379.                           c0,0.1,0,0.3,0,0.4c0.1,0,0.1,0,0.2,0c0.1,0.2,0.1,0.4,0.2,0.6c0.1,0.1,0.3,0.1,0.4,0.2c0,0.1,0,0.3,0,0.4c0.2,0.3,0.7,0.2,1,0.4
  380.                           c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0,0.3,0,0.4,0c0,0.1,0,0.1,0,0.2c0.1,0,0.3,0,0.4,0c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0,0.3,0,0.4,0
  381.                           c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0,0.3,0,0.4,0c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0,0.3,0,0.4,0c0.1,0.1,0.2,0.3,0.4,0.4c0-0.1,0-0.3,0-0.4
  382.                           c-0.5-0.4-0.6-0.9-1-1.4c-0.3-0.3-0.7-0.5-1-0.8c0-0.1,0-0.3,0-0.4c-0.3-0.2-0.5-0.4-0.8-0.6c-0.5-0.5-0.9-1.1-1.4-1.6
  383.                           c-0.1,0-0.3,0-0.4,0c-0.1-0.2-0.3-0.4-0.4-0.6C348.9,85.7,347.9,85.3,347,84.8z" />
  384.                                     <path class="fs1" d="M230.8,87.2c-0.1,0.2-0.1,0.4-0.2,0.6c0.1,0,0.1,0,0.2,0c0,0.1,0,0.1,0,0.2c0.1,0,0.1,0,0.2,0
  385.                           c0-0.3,0-0.5,0-0.8C230.9,87.2,230.8,87.2,230.8,87.2z" />
  386.                                     <path class="fs1"
  387.                                         d="M353.2,89.2c0.3,0.5,0.7,0.6,1,1c0,0.1,0,0.3,0,0.4c0.3,0.3,0.7,0.5,1,0.8c0,0.1,0,0.3,0,0.4
  388.                           c0.2,0.1,0.4,0.3,0.6,0.4c0-0.1,0-0.3,0-0.4c-0.6-0.4-0.1-0.2-0.4-0.6C354.6,90.5,353.9,89.8,353.2,89.2z" />
  389.                                     <path class="fs1"
  390.                                         d="M347.8,90.2c0.3,0.4,0.7,0.8,1,1.2c0.1,0,0.1,0,0.2,0c0,0.1,0,0.3,0,0.4c0.1,0,0.1,0,0.2,0c0,0.1,0,0.3,0,0.4
  391.                           l0.4,0.4c0,0.1,0,0.3,0,0.4c0.7,0.6,1.3,1.2,2,1.8c0,0.1,0,0.3,0,0.4c0.2,0.1,0.4,0.3,0.6,0.4C351.4,93.5,349.7,91.2,347.8,90.2z" />
  392.                                     <path class="fs1"
  393.                                         d="M350.6,91.2c0.1,0.2,0.3,0.4,0.4,0.6c0.1,0,0.1,0,0.2,0C351.3,91.6,350.7,91.2,350.6,91.2z" />
  394.                                     <path class="fs1"
  395.                                         d="M352.6,97.7c0-0.3,0-0.5,0-0.8c-0.9-0.7-1.7-1.5-2.6-2.2c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1,0-0.3,0-0.4,0
  396.                           c-0.3-0.4-0.7-0.8-1-1.2c-0.1,0-0.3,0-0.4,0c-0.1-0.1-0.1-0.3-0.2-0.4c-0.3-0.3-0.9-0.7-1.4-0.8c0,0.1,0,0.1,0,0.2
  397.                           c0.1,0,0.3,0,0.4,0c0.3,0.4,0.7,0.8,1,1.2c0.1,0,0.1,0,0.2,0c0,0.2,0,0.4,0,0.6c0.3,0.3,0.7,0.5,1,0.8c0,0.1,0,0.1,0,0.2
  398.                           c0.1,0.1,0.3,0.1,0.4,0.2c0,0.1,0,0.3,0,0.4c0.2,0.1,0.4,0.3,0.6,0.4c0.7,0.7,1.3,1.5,2,2.2C352.1,97.9,352.3,97.8,352.6,97.7z" />
  399.                                     <path class="fs1" d="M351.6,92.2c0.2,0.8,0.6,0.9,0.8,1.4c0,0.2,0,0.4,0,0.6c0.1,0,0.1,0,0.2,0c0,0.2,0,0.4,0,0.6c0.1,0,0.1,0,0.2,0
  400.                           c0,0.3,0,0.5,0,0.8c0.1,0,0.1,0,0.2,0c0,0.3,0,0.7,0,1c0,0,0.5,0.4,0.6,0.6c0.2-0.2,0,0,0.2-0.2c0.2-0.1,0.4-0.3,0.6-0.4
  401.                           c-0.2-0.2,0,0-0.2-0.2c-0.1-0.6-0.7-1.7-1-2.2c-0.1-0.1-0.3-0.1-0.4-0.2c0-0.1,0-0.3,0-0.4c-0.1-0.1-0.3-0.1-0.4-0.2
  402.                           C352.1,92.9,352,92.5,351.6,92.2z" />
  403.                                     <path class="fs1" d="M356.2,94.5c-0.9-0.2-1.6-1.2-2.4-1.6c0,0.1,0,0.3,0,0.4c0.6,0.4,1.1,1.7,1.4,2.4c0.2-0.2,0,0,0.2-0.2
  404.                           C355.8,95.3,356,95.1,356.2,94.5z" />
  405.                                     <path class="fs1"
  406.                                         d="M366.7,93.6c0.2,0.2,0,0.1,0.4,0.2C366.9,93.5,367.1,93.7,366.7,93.6z" />
  407.                                     <path class="fs1"
  408.                                         d="M368.1,96.5c-0.1,0.1-0.1,0.3-0.2,0.4c0,0,0.6-0.3,0.4-0.4C368.2,96.5,368.2,96.5,368.1,96.5z" />
  409.                                     <path class="fs1" d="M368.1,102.9c0.1-0.7,0.4-0.9,0.6-1.6c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.1,0,0.2c-0.5,0.4-0.9,0.9-1,1.6
  410.                           c0.1,0,0.1,0,0.2,0C367.9,102.9,367.7,103,368.1,102.9z" />
  411.                                     <path class="fs1" d="M369.7,105.7c-0.1,0.3-0.1,0.5-0.2,0.8c0.1,0,0.1,0,0.2,0c0-0.1,0-0.1,0-0.2c0.1-0.1,0.4-0.2,0.2-0.6
  412.                           C369.8,105.7,369.8,105.7,369.7,105.7z" />
  413.                                     <path class="fs1" d="M368.5,107.9c-0.1,0.5-0.3,0.5-0.4,1c0.1,0,0.1,0,0.2,0c0.2-0.4,0.3-0.3,0.4-0.8c0.2-0.2,0,0,0.2-0.2
  414.                           C368.8,107.9,368.6,107.9,368.5,107.9z" />
  415.                                     <path class="fs1" d="M372.9,118.6c-0.1,0.2-0.1,0.4-0.2,0.6c0.1,0,0.1,0,0.2,0c0-0.1,0-0.1,0-0.2c0.1-0.1,0.3,0,0.2-0.4
  416.                           C373,118.6,373,118.6,372.9,118.6z" />
  417.                                     <path class="fs1" d="M373.3,121.6c-0.1,0.2-0.3,0.4-0.4,0.6c-0.1,0-0.3,0-0.4,0c-0.1,0.3-0.3,0.5-0.4,0.8c0.1,0,0.3,0,0.4,0
  418.                           c0.3-0.3,0.4-0.2,0.4-0.2c0.1-0.1,0.5-0.9,0.6-1.2C373.4,121.6,373.4,121.6,373.3,121.6z" />
  419.                                     <path class="fs1" d="M371.1,134.6c-0.1-0.2-0.1-0.4-0.2-0.6c-0.4,0.1-0.2,0-0.4,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c0,0.1,0,0.1,0,0.2
  420.                           C370.3,134.6,370.7,134.6,371.1,134.6z" />
  421.                                     <path class="fs1" d="M368.1,135.2c0,0.1,0,0.1,0,0.2c-0.2,0-0.4,0-0.6,0c0,0.1,0,0.1,0,0.2c0.7,0,1.8,0.1,2.2-0.2
  422.                           C369,135.4,368.6,135.3,368.1,135.2z" />
  423.                                     <path class="fs1"
  424.                                         d="M369.3,136.4c0.1,0.1,2.2,0.4,2.6,0.2c0-0.1,0-0.1,0-0.2C371,136.4,370.2,136.4,369.3,136.4z" />
  425.                                     <path class="fs1"
  426.                                         d="M219.6,140.5c0,1-0.3,3.2,0.2,3.8C219.8,143.4,220.1,141.1,219.6,140.5z" />
  427.                                     <path class="fs1" d="M222.4,149.9c0.1,0,0.3,0,0.4,0c-0.3-0.9-0.5-1.9-0.8-2.8c-0.1,0-0.1,0-0.2,0c0,0.3,0,0.7,0,1
  428.                           C222,148.7,222.2,149.3,222.4,149.9z" />
  429.                                     <path class="fs1"
  430.                                         d="M225.2,156.3c0,0.2,0,0.4,0,0.6c0.1,0,0.1,0,0.2,0c0-0.2,0-0.4,0-0.6C225.3,156.3,225.2,156.3,225.2,156.3z" />
  431.                                     <path class="fs1" d="M227,173.4c-0.1,0.5-0.2,0.7-0.2,1.4c0.1,0,0.1,0,0.2,0c0.1-0.5,0.1-0.9,0.2-1.4
  432.                           C227.1,173.4,227,173.4,227,173.4z" />
  433.                                     <path class="fs1"
  434.                                         d="M248.9,254.2c0,0.1,0,0.3,0,0.4c0.1,0,0.1,0,0.2,0c0-0.1,0-0.3,0-0.4C249,254.2,248.9,254.2,248.9,254.2z" />
  435.                                     <path class="fs1" d="M250.9,258.8c0.4,0.5-0.2,1.1-0.4,1.8c-0.1,0-0.1,0-0.2,0c0-0.2,0-0.4,0-0.6
  436.                           C250.6,259.7,250.8,259.3,250.9,258.8z" />
  437.                                     <path class="fs0" d="M262.8,902.2c8-41.2,23.4-62.9,37.8-12.4c-2,3.6,2.6,16.2,8.4,17.9c24.8,7.3,104.7-10.5,110.1-7.7
  438.                           c-0.6-4.6-0.6-9.9-0.6-15.1c0.8-50.6-2.4-109.5-18.3-154.9c15.2-32.8,41.1-62.9,65.1-92c16.2-24.1,24.4-47.8,33.6-73.7
  439.                           c6.8-15-3.5-36.5-3-55.7c-4.1-11.9,8.9-15,4.6-29.9c-14.1-44.1-33.3-109.1-50.6-151.5c-25.3-48.1-79.5-40.9-115.1-64.3
  440.                           c-8.8-10.3,4.9-17.1,10-27.5c2-14.9,13.9-11.5,16.5-24.5c21.6-55.5-12.4-19,0.8-44.6c4.3-8.7-0.9-29,10.5-29.9
  441.                           c-2.5-1.5-0.6-3.8,2.2-5.6c-6.2,2.7-1.5-2.4,0.8-4.2c2.7-1.5,0.3-0.1-0.4-0.8c-3.6-0.8,8.9-16.2,1.8-7.2c-1.5,1.9,0.1-0.8,0.2-2.2
  442.                           c-3,3.5-2.2,2-1.4-1c0.2,0-1.6-17.8-0.8-4.6c-1.1-0.3,0-2.5-0.6-3.6c-1,0.6-1.2,0.2-0.6-0.4c1.3-3.8-1.3-6.4-1.8-1.4
  443.                           c-0.6-2.6,3.7-11.6-1.2-3.8c1.3-4.2,1.3-9-0.6-3.4c0.2-5.9-3.4-6.4,1.6-10.9c-4.2,2.5-4.2,4.7-7,4.6c1.6-3.8-1.1-0.2-2.8,1.6
  444.                           c-4,5.9-10.5,6-3.4-0.2c-0.3-1.1-26.4-21.8-6-7.2c-1.6-6.8-13.1-9.9-17.7-13.1c-20.3-4.4-4.3-4.3-1-9.4c14.5,4.2-1.4-2.1-1.4-3.2
  445.                           c-15.8,0.2-30.3-5.5-45.2,2.4c-4.5,3.9-8.8,6.8-3.2,0c4.4-2.3,17.4-8.3,4.6-4.2c3.8-2.9,10.2-6,17.1-3.4c-10-5.6-30.9,2.2-36.4,6.8
  446.                           c0.6-2.7-3.6,3.1-4.6,2.6c3.3-3.5,4.6-7.9-2.4-0.6c5.4-5.4,0.7-2.4-3-0.6c0.5-2.8,6.2-4.1,8.6-6.6c-21.5,6.7-26.3,18.6-40.6,26.9
  447.                           c-1.7,3.3-0.5,8.1-1.2,10.3c-0.9-2,0.3-8.1-1.6-2c0.2,5,0.2,3.4-1.4,1c1,9.5-4.6-7.2-1.8,3.4c3.1,5.3,0.7,5.7,4.4,8.8
  448.                           c-5.4,3.6-19-4.1-16.7-3c1.6,4.7,4.9,6.6-0.6,3.8c-6.7-4.2,9,8.8,0.8,3c-4.1-2.5,3.8,4.9-1.6,1c7.7,6.5,6.1,5.3-0.8,0.6
  449.                           c11.8,9.4,4.3,9.2,1,20.5c4.7-9-1.9,8.7,2.4-0.2c-0.5-3,1.7,11.6,2.8,6.2c0.6,1.3,0.9,4,2.4,5c-0.8,1.9,1.4,6.8,3.2,5.6
  450.                           c1.8,2.5-0.6-2.1,0.2-2.8c3.9,6.3,6.1,10.9,6.2,19.5c2.9,15-3.3,4.6-7.8,12.5c2.4,29.4,26,74.2,34.8,81.4
  451.                           c3,16.9-26.4,17.7-40.6,25.1c-27.4,17.9-74.3,17.7-90.4,54.7c-10.5,37.1-20.4,80.4-37.6,107.9c5.4,11.6,0.9,14.8-0.4,24.5
  452.                           c9.8,10.8,10.5,6.2,7.8,22.5c-7.1,57.3-0.8,114.3,24.5,159.1c10.6,20.2,11.9,44.4,20.7,66.7c6,8.2,10,15.7,9,28.1
  453.                           c-1.4,7,2.5,12.6,1.8,17.3c-5.9,2.1-0.4,10-2.8,12.5c-7.6,21.7-3.1,54.8-8,81.2c-7.9,17.5-4.9,73.7,2.8,80.3
  454.                           C162,958.3,236.7,897,262.8,902.2z" />
  455.                                 </svg>
  458.                             </div>
  459.                         </div>
  460.                     </div>
  461.                     {% for staff in staffs %}
  463.                     <div class="item">
  464.                         <img src="{{asset('uploads/staff/' ~ staff.pathImagen) }}">
  465.                         <h1>{{staff.nombre}}</h1>
  466.                         <h2>{{staff.puesto}}</h2>
  467.                         <a class="linkedin-profile" href="{{staff.urlPerfilLikedin}}" target="_blank"></a>
  468.                     </div>
  469.                     {% endfor %}
  472.                 </div>
  473.             </div>
  474.         </div>
  475.     </section>
  476.     <div class="trigger-thisisus"></div>
  477.     <section id="thisisus" class="position-relative">
  478.         <div class="misc two">
  479.             <div class="tag three"></div>
  480.         </div>
  481.         <script>
  482.             gsap.from(".two", {
  483.                 duration: 1,
  484.                 autoAlpha: 1,
  485.                 height: 0,
  486.                 y: -460,
  487.                 scrollTrigger: {
  488.                     trigger: ".trigger-thisisus",
  489.                     start: "top 50%",
  490.                     scrub: true
  491.                 }
  492.             });
  493.             gsap.from(".three", {
  494.                 duration: 1,
  495.                 y: 860,
  496.                 scrollTrigger: {
  497.                     trigger: ".trigger-thisisus",
  498.                     start: "top 50%",
  499.                     scrub: true
  500.                 }
  501.             });
  502.         </script>
  503.         <div class="bgf-gradient">
  504.             <div class="container-fluid">
  505.                 <div class="row ">
  506.                     <div class="col-12 col-lg-6">
  507.                         <h1 class="thisisus-title">This is us</h1>
  508.                     </div>
  509.                 </div>
  510.                 <div class="row d-flex flex-column">
  511.                     <div class="col-6 offset-4 col-md-6 offset-md-5">
  512.                         <h2 class="thisisusconcept">We’re a minority owned, multicultural agency that creates ideas.
  513.                         </h2>
  514.                     </div>
  515.                 </div>
  516.             </div>
  517.         </div>
  518.         <script>
  519.             gsap.from(".thisisus-title", {
  520.                 duration: 1,
  521.                 autoAlpha: 0,
  522.                 x: -260,
  523.                 scrollTrigger: {
  524.                     trigger: ".trigger-thisisus",
  525.                     start: "top 50%",
  526.                     scrub: true
  527.                 }
  528.             });
  529.             gsap.from(".thisisusconcept", {
  530.                 duration: 1,
  531.                 autoAlpha: 0,
  532.                 height: 0,
  533.                 delay: .5,
  534.                 y: 160,
  535.                 scrollTrigger: {
  536.                     trigger: ".trigger-thisisus",
  537.                     start: "top 50%",
  538.                     scrub: true
  539.                 }
  540.             });
  541.         </script>
  542.     </section>
  545.     <!--by the nwtwork-->
  546.     <!-- bynetwork.bckp -->
  549.     <!--press-->
  550.     <div class="trigger-press"></div>
  551.     <section id="hotoffthepress" class="position-relative">
  552.         <div class="misc misc-press-1 d-none d-lg-block">
  553.             <div class="tag misc-press-2"></div>
  554.         </div>
  555.         <script>
  556.             gsap.from(".misc-press-1", {
  557.                 duration: 1,
  558.                 autoAlpha: 1,
  559.                 height: 0,
  560.                 y: -460,
  561.                 scrollTrigger: {
  562.                     trigger: ".trigger-press",
  563.                     start: "top 50%",
  564.                     scrub: true
  565.                 }
  566.             });
  567.             gsap.from(".misc-press-2", {
  568.                 duration: 1,
  569.                 y: 1260,
  570.                 scrollTrigger: {
  571.                     trigger: ".trigger-press",
  572.                     start: "top 50%",
  573.                     scrub: true
  574.                 }
  575.             });
  576.         </script>
  577.         <div class="container-fluid bg">
  578.             <div class="row ">
  579.                 <div class="col-12 col-lg-5 press-col">
  580.                     <h1 class="press-title"><span class="press-strapline">Hot off the</span>Press</h1>
  584.                     <div class="see-more-cta align-self-end d-none d-lg-block"><a href="{{ url('app_front_press') }}" target="_blank"><span class="arrow"></span>SEE MORE</a></div>
  587.                 </div>
  588.                 <div class="col-12 col-lg-7 press-grid">
  589.                     <div class="row contents">
  591.                         {% for prensa in prensas %}
  593.                         <div class="col-6 nopadding">
  594.                             <div class="press-thumb" onclick="window.open('{{ prensa.urlDestino}}','mywindow');">
  595.                                 <div class="thumb-shadow"></div>
  596.                                 <div class="thumb-overlay"></div>
  597.                                 <img src="{{ asset('uploads/press/' ~ prensa.pathImagen)}}" alt="img-fluid">
  598.                                 <div class="description">
  599.                                     <h1>{{ prensa.fecha}}</h1>
  600.                                     <h2>{{ prensa.titulo }}</h2>
  601.                                 </div>
  602.                             </div>
  603.                         </div>
  604.                         {% endfor %}
  607.                     </div>
  609.                 </div>
  613.                 <div class="col-12 d-block d-lg-none">
  614.                     <div class="see-more-cta align-self-end"><a href="{{ url('app_front_press') }}" target="_blank">SEE
  615.                             MORE</a></div>
  618.                 </div>
  621.             </div>
  626.         </div>
  627.         <script>
  628.             gsap.from(".press-title", {
  629.                 duration: 1,
  630.                 autoAlpha: 0,
  631.                 x: -260,
  632.                 scrollTrigger: {
  633.                     trigger: ".trigger-press",
  634.                     start: "top 50%",
  635.                     scrub: true
  636.                 }
  637.             });
  638.             gsap.from(".press-strapline", {
  639.                 duration: .5,
  640.                 autoAlpha: 0,
  641.                 delay: 2,
  642.                 x: -160,
  643.                 scrollTrigger: {
  644.                     trigger: ".trigger-press",
  645.                     start: "top 80%",
  646.                     scrub: true
  647.                 }
  648.             });
  649.         </script>
  650.     </section>
  651.     <!--footer-->
  652.     <footer>
  653.         <div class="container-fluid nopadding">
  654.             <div class="row  text-center align-items-center">
  655.                 <div class="col-md-8 offset-md-2 text-center ">
  656.                     <img src="img/founders_logo.gif" class="img-fluid">
  657.                 </div>
  658.                 <div class="col-md-2 d-none d-lg-block">
  659.                     <a href="#top">
  660.                         <span class="arrow"></span> BACK
  661.                         <br> TO
  662.                         <br> TOP
  663.                     </a>
  664.                 </div>
  665.             </div>
  666.             <div class="row d-flex justify-content-center mt-5">
  667.                 <div class="col-12 col-lg-8">
  668.                     <div class="sm-content">
  671.                         <div class="sm-container">
  673.                             <div class="sm-share">
  674.                                 <h2>GO AHEAD, CONTACT US</h2>
  675.                             </div>
  677.                             <div class="sm-share">
  678.                                 <ul class="sm-icons">
  679.                                     <li>
  680.                                         <a class="email" href="{{ url('app_front_contact') }}"></a>
  681.                                     </li>
  682.                                     <li>
  683.                                         <a class="instagram" href="https://www.instagram.com/foundersagency/" target="_blank"></a>
  684.                                     </li>
  685.                                     <li>
  686.                                         <a class="facebook" href="https://www.facebook.com/foundersagency" target="_blank"></a>
  687.                                     </li>
  688.                                     <li>
  689.                                         <a class="twitter" href="https://twitter.com/founders_agency" target="_blank"></a>
  690.                                     </li>
  691.                                     <li>
  692.                                         <a class="linkedin" href="https://www.linkedin.com/company/foundersagency/" target="_blank"></a>
  693.                                     </li>
  694.                                     <li>
  695.                                         <a class="youtube" href="https://www.youtube.com/channel/UCp1xjqBmn_UN2YIx6Z2tktA" target="_blank"></a>
  696.                                     </li>
  697.                                 </ul>
  698.                             </div>
  700.                         </div>
  704.                     </div>
  705.                 </div>
  707.                 <div class="col-12 d-block d-lg-none d-flex justify-content-center">
  708.                     <a href="#top">
  709.                         <span class="arrow"></span> BACK
  710.                         <br> TO
  711.                         <br> TOP
  712.                     </a>
  713.                 </div>
  714.             </div>
  715.         </div>
  716.         <div class="row justify-content-center  copyright">
  717.             <div class="col-12 col-md-12 text-center ">
  718.                 <div class="col-12">
  719.                     <div class="mt-4">
  720.                         <p>&copy;
  721.                             <script>
  722.                                 document.write(new Date().getFullYear())
  723.                             </script> Founders Agency
  724.                         </p>
  725.                     </div>
  726.                 </div>
  727.             </div>
  728.         </div>
  730.     </footer>
  731.     <script>
  732.         jQuery(document).ready(function($) {
  733.             $('.carousel-staff').owlCarousel({
  734.                 center: false,
  735.                 loop: true,
  736.                 autoplay: false,
  737.                 nav: true,
  738.                 margin: 0,
  739.                 touchDrag: true,
  740.                 autoplayTimeout: 3000,
  741.                 navText: ["<img src='img/arrow-prev-ow.svg'>", "<img src='img/arrow-next-ow.svg'>"],
  742.                 dots: false,
  743.                 responsive: {
  744.                     0: {
  745.                         items: 1.5,
  746.                         touchDrag: true,
  747.                         nav: true
  748.                     },
  749.                     768: {
  750.                         items: 3,
  751.                         nav: true,
  752.                         mouseDrag: true,
  753.                         touchDrag: true,
  754.                     },
  755.                     1024: {
  756.                         items: 4,
  757.                         nav: true,
  758.                         mouseDrag: true,
  759.                         touchDrag: true,
  760.                     }
  761.                 }
  762.             });
  763.             $('.carousel-clients').owlCarousel({
  764.                 center: false,
  765.                 loop: true,
  766.                 margin: 0,
  767.                 autoplayTimeout: 3000,
  768.                 navText: ["<img src='img/arrow-prev-o.svg'>", "<img src='img/arrow-next-o.svg'>"],
  769.                 responsive: {
  770.                     0: {
  771.                         items: 2,
  772.                         autoplay: true,
  773.                         touchDrag: true,
  774.                         nav: true
  775.                     },
  776.                     600: {
  777.                         items: 3,
  778.                         nav: true,
  779.                         mouseDrag: true,
  780.                         autoplay: true,
  781.                         touchDrag: true
  782.                     }
  783.                 }
  784.             });
  785.         });
  786.     </script>
  787.     <!-- JavaScript Bundle with Popper -->
  788.     <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">
  789.     </script>
  790.     <!-- partial -->
  791.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  792.     <script src="js/script.js"></script>
  793.     <script>
  794.         $(document).ready(function() {
  795.             // Add smooth scrolling to all links
  796.             $("a").on('click', function(event) {
  797.                 // Make sure this.hash has a value before overriding default behavior
  798.                 if (this.hash !== "") {
  799.                     // Prevent default anchor click behavior
  800.                     event.preventDefault();
  801.                     // Store hash
  802.                     var hash = this.hash;
  803.                     // Using jQuery's animate() method to add smooth page scroll
  804.                     // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
  805.                     $('html, body').animate({
  806.                         scrollTop: $(hash).offset().top
  807.                     }, 800, function() {
  808.                         // Add hash (#) to URL when done scrolling (default click behavior)
  809.                         window.location.hash = hash;
  810.                     });
  811.                 } // End if
  812.             });
  813.         });
  814.     </script>
  815.     </div>
  816. </body>
  818. </html>