templates/front/home/_index.html.twig 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
  11.         name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  12.         <!-- Bootstrap CSS -->
  13.         <link
  14.         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/favicon.jpeg" sizes="32x32"/> <link rel="icon" href="https://founders-agency.com/favicon.jpeg" sizes="192x192"/>
  24.         <link rel="apple-touch-icon" href="https://founders-agency.com/favicon.jpeg"/>
  25.         <!--owl-->
  26.         <!--owl-->
  27.         <link rel="stylesheet" href="css/owl.carousel.min.css"> <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"> <meta property="og:url" content="https://founders-agency.com/">
  34.         <meta property="og:title" content="founders">
  35.         <meta property="og:description" content="An ideas company for those who are looking for a Network Detox.">
  36.         <meta
  37.         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
  47.         id="top">
  48.          <script>
  49.                 gsap.registerPlugin(ScrollTrigger);
  50.                 ScrollTrigger.config({
  51.                     limitCallbacks: true
  52.                 });
  53.             </script>
  55.         <div class="button_container" id="toggle">
  56.             <span class="top"></span>
  57.             <span class="middle"></span>
  58.             <span class="bottom"></span>
  59.         </div>
  60.         <div class="overlay" id="overlay">
  61.             <nav class="overlay-menu">
  62.                 <ul>
  63.                     <li><a href="{{ url('app_front_home') }}#work">Work</a></li>
  64.                     <li><a href="{{ url('app_front_home') }}#thisisus">This is us</a></li>
  65.                     <li><a href="{{ url('app_front_home') }}#hotoffthepress">Press</a></li>
  66.                     <li><a href="{{ url('app_front_become_a_founder') }}" target="_blank">Become a founder</a></li>
  67.                     <li><a href="{{ url('app_front_contact') }}" target="_blank">Contact</a></li>
  68.                 </ul>
  69.             </nav>
  70.         </div>
  72.         <!-- <div class="header">
  73.                 <div class="top-home-wrapper">
  74.                     <div class="scroll-cta bounce">SCROLL DOWN</div>
  75.                     <div class="contiene-video d-none d-md-block">
  76.                         <video loop="" playsinline="" muted="" autoplay="" poster="video/founders-home.jpg" class=" img-fluid">
  77.                             <source
  78.                                 src="https://player.vimeo.com/progressive_redirect/playback/894551112/rendition/1080p/file.mp4?loc=external&signature=05dd40a1b32f093519d2fd1feb1ac4c9cdbf13e5f4eec4d64c2e2f28c4d8cd3f"
  79.                                 type="video/mp4">
  80.                         </video>
  82.                     </div>
  83.                     <video loop="" playsinline="" muted="" autoplay="" poster="video/founders-home-xs.jpg" class="img-fluid d-block d-md-none">
  84.                         <source
  85.                             src="https://player.vimeo.com/progressive_redirect/playback/894610954/rendition/720p/file.mp4?loc=external&signature=179d5ff3d176097dc79350e4efc8eacefb515b574e0b99712a17b289a117b6bd"
  86.                             type="video/mp4">
  87.                     </video>
  88.                 </div>
  89.             </div> -->
  91.         <div class="header">
  92.                     <div class="top-home-wrapper">
  95.                     {% if imgWork is defined  and imgWork != null %}
  96.                     <!-- <p>{{imgWork.id}}</p><p>{{imgWork.titulo}}</p><p>{{imgWork.peso}}</p> <p>{{imgWork.pathImagen}}</p> -->
  97.                         <img src="{{asset('uploads/img_work/' ~ imgWork.pathImagen) }}" alt="{{imgWork.titulo}}" class="img-fluid"/>
  98.                         {# <img src="img/logo-founders-2.svg" class="logo-founders" alt="founders"> #}
  99.                     {% endif %}
  100.                     <!-- <div class="scroll-cta bounce">SCROLL DOWN</div> -->
  102.                     <!-- <video width="100%" loop="" playsinline="" muted="" autoplay="" poster="img/top-10-hispanic-agencies.jpg" class=" img-fluid  d-none d-md-block">
  103.                                     <source
  104.                                         src="https://player.vimeo.com/progressive_redirect/playback/927325268/rendition/720p/file.mp4?loc=external&signature=434a54adb9e7042ebb4f83190eef0d2b2c9777d22799fa9fda93e090ef15e088"
  105.                                         type="video/mp4">
  106.                                 </video>
  107.                                 <video width="100%" loop="" playsinline="" muted="" autoplay="" poster="img/top-10-hispanic-agencies.jpg" class="img-fluid d-block d-md-none">
  108.                                     <source
  109.                                         src="https://player.vimeo.com/progressive_redirect/playback/927970857/rendition/240p/file.mp4?loc=external&signature=1ce67b87fd2ae585a30833cd2e263e3686196499477925215800d8ebd7993450"
  110.                                         type="video/mp4">
  111.                                 </video> -->
  114.                     <img src="img/top-great-place-2025.gif" alt="" class="img-fluid d-none d-sm-block hispanicAgencies-img"/>
  115.                     <img src="img/top-great-place-m-2025.gif" alt="" class=" img-fluid d-inline-block d-sm-none hispanicAgencies-img"/>
  116.                 </div>
  117.         </div>
  119.         <!-- seccion -->
  120.         <!-- <div class="trigger-concept"></div>
  121.             <section class="container-banner-agencie">
  122.                 <div id="box1" class="box-agencie">
  123.                     <div class="bg-green">
  124.                         <img src="img/top-10-hispanic-agencies.jpg" alt="" class="img-fluid d-none d-sm-block hispanicAgencies-img" />
  125.                         <img src="img/top-10-hispanic-agencies-m.jpg" alt="" class=" img-fluid d-inline-block d-sm-none hispanicAgencies-img" />
  126.                     </div>
  127.                 </div>
  128.                 <div id="box2" class="box-agencie ">
  129.                     <div class="bg-red">
  130.                         <img src="img/top-great-place.jpg" alt="" class="img-fluid d-none d-sm-block hispanicAgencies-img" />
  131.                         <img src="img/top-great-place-m.jpg" alt="" class=" img-fluid d-inline-block d-sm-none hispanicAgencies-img" />
  132.                     </div>
  133.                 </div>
  134.             </section> -->
  136.         <div class="trigger-stats"></div>
  137.         <!-- seccion 2 stats-->
  138.         <section id="stats" class="position-relative">
  139.             <div class="misc misc-stats-1">
  140.                 <div class="tag misc-stats-2 alt"></div>
  141.             </div>
  142.             <div class="container-fluid ">
  143.                 <div class="row d-flex justify-content-center">
  144.                     <div class="col-12">
  145.                         <h1 class="stats-title txt-white">OFFICES Multilingual talent. English, spanish, portugues, patois, french.</h1>
  146.                     </div>
  147.                     <div class="col-12 nopadding">
  148.                         <div class="stats-wrapper">
  149.                             <div class="stats-map"></div>
  151.                         </div>
  152.                     </div>
  153.                 </div>
  154.             </div>
  155.         </section>
  156.          <script>
  157.                 gsap.from(".stats-title", {
  158.                     duration: 1,
  159.                     autoAlpha: 0,
  160.                     x: -460,
  161.                     scrollTrigger: {
  162.                         trigger: ".trigger-stats",
  163.                         start: "top 85%",
  164.                         scrub: true
  165.                     }
  166.                 });
  167.                 gsap.from(".stats-map", {
  168.                     duration: .5,
  169.                     autoAlpha: 0,
  170.                     height: 10,
  171.                     y: 860,
  172.                     scale: 2,
  173.                     scrollTrigger: {
  174.                         trigger: ".trigger-stats",
  175.                         start: "top 80%",
  176.                         scrub: true
  177.                     }
  178.                 });
  179.             </script>
  181.         <!-- seccion 3 clientes-->
  182.         <div class="trigger-clients"></div>
  183.         <section id="clients">
  184.             <div class="container-fluid ">
  185.                 <div class="row d-flex align-items-center justify-content-center justify-content-md-center justify-content-xl-center">
  186.                     <div class="col-12 col-lg-5 col-xl-4">
  187.                         <h1 class="clients-title">Brands we
  188.                             <!-- <br class="d-md-none d-block d-lg-block">  -->
  189.                             work with</h1>
  190.                     </div>
  191.                     <div class="col-9 col-md-8 col-lg-4 offset-md-1 justify-content-center">
  192.                         <div class="carousel-clients owl-carousel owl-theme">
  193.                             <div class="item">
  194.                                 <img src="img/clients/netflix.svg" alt="Netflix"/>
  195.                             </div>
  196.                             <div class="item">
  197.                                 <img src="img/clients/heinz.png" alt="Heinz"/>
  198.                             </div>
  199.                             <div class="item">
  200.                                 <img src="img/clients/welovenyc.png" alt="Netflix"/>
  201.                             </div>
  202.                             <div class="item">
  203.                                 <img src="img/clients/spotify.png" alt="Spotify"/>
  204.                             </div>
  205.                             <div class="item">
  206.                                 <img src="img/clients/waze.png" alt="Waze"/>
  207.                             </div>
  208.                             <div class="item">
  209.                                 <img src="img/clients/snapchat.png" alt="Snapchat"/>
  210.                             </div>
  211.                             <div class="item">
  212.                                 <img src="img/clients/heineken.svg" alt="Heineken"/>
  213.                             </div>
  214.                             <div class="item">
  215.                                 <img src="img/clients/lipton.png" alt="Lipton"/>
  216.                             </div>
  217.                             <div class="item">
  218.                                 <img src="img/clients/lw.svg" alt="LambWeston">
  219.                             </div>
  220.                             <div class="item">
  221.                                 <img src="img/clients/paramount-plus.svg" alt="Paramount+">
  222.                             </div>
  223.                             <div class="item">
  224.                                 <img src="img/clients/red-stripe.svg" alt="Red Stripe">
  225.                             </div>
  226.                         </div>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.              <script>
  231.                         gsap.from(".clients-title", {
  232.                             duration: 1,
  233.                             autoAlpha: 0,
  234.                             x: -260,
  235.                             scrollTrigger: {
  236.                                 trigger: ".trigger-clients",
  237.                                 start: "top 50%",
  238.                                 scrub: true
  239.                             }
  240.                         });
  241.                     </script>
  242.         </section>
  243.         <section id="work">
  244.             <div class="container-fluid">
  245.                 <div class="row">
  246.                     <div class="col-12 col-lg-6">
  247.                         <img
  248.                         src="img/founders_work-2.gif" alt="Works" class="title img-fluid">
  249.                     <!-- <h1 class="work-title">work</h1> -->
  250.                     </div>
  251.                 </div>
  252.             </div>
  253.             <div class="container-fluid nopadding list-work">
  254.                 {% for work in works %}
  255.                     <div class="row">
  256.                         <div class="col-12 nopadding">
  257.                             <div class="video-wrapper">
  258.                                 {% if work.pathVideo %}
  259.                                     <video class="video" poster="{{asset('uploads/work/' ~ work.pathImagen) }}" webkit-playsinline playsinline>
  260.                                         <source src="{{work.pathVideo}}" type="video/mp4"/>
  261.                                     </video>
  262.                                     <div class="playpause">
  263.                                     {% else %}
  264.                                         <img src="{{asset('uploads/work/' ~ work.pathImagen) }}" alt="{{work.titulo}}" style="width: 100%;">
  265.                                         <div class="playpause noPlay">
  266.                                         {% endif %}
  267.                                         <div class="client txt-red">
  268.                                             <h1>{{work.cliente}}</h1>
  269.                                         </div>
  270.                                         <div class="description txt-red">
  271.                                             <h2>{{work.titulo}}</h2>
  272.                                             <h3>{{work.descripcion}}</h3>
  273.                                         </div>
  274.                                     </div>
  275.                                 </div>
  276.                             </div>
  277.                         </div>
  278.                     {% endfor %}
  279.                     <!--
  280.                                 work viejo cuando no podian cargar solo imagen.
  281.                                 <div class="row">
  282.                                     <div class="col-12 nopadding">
  283.                                         <div class="video-wrapper">
  284.                                             <img src="/img/works/HEINZ.png" alt="FOR EVERYDAY WINNERS" style="width: 100%;">
  285.                                             <div class="playpause"style="background:transparent; cursor:inherit">
  286.                                                 <div class="client txt-red">
  287.                                                     <h1>HEINZ</h1>
  288.                                                 </div>
  289.                                                 <div class="description txt-red">
  290.                                                     <h2>FOR EVERYDAY WINNERS</h2>
  291.                                                 </div>
  292.                                             </div>
  293.                                         </div>
  294.                                     </div>
  295.                                 </div> -->
  298.                     <div class="row">
  299.                         <div class="col-12  nopadding">
  300.                             <div class="see-more-cta">
  301.                                 <a href="https://www.youtube.com/channel/UCp1xjqBmn_UN2YIx6Z2tktA" target="_blank">SEE MORE</a>
  302.                             </div>
  303.                         </div>
  304.                     </div>
  306.                 </div>
  307.             </section>
  308.             <!-- seccion X staff-->
  309.             <section id="staff">
  310.                 <div class="container-fluid  nopadding">
  311.                     <div class="row">
  312.                         <div class="carousel-staff owl-carousel owl-theme  nopadding" style="overflow-x:hidden">
  314.                             <div class="item">
  315.                                 <div class="founder-cta" onclick="window.open('{{ url('app_front_become_a_founder') }}','mywindow');">
  316.                                     <div class="description">
  317.                                         <h1>Become a</h1>
  318.                                         <h2>founder</h2>
  319.                                     </div>
  320.                                     <div>
  321.                                         <?xml version="1.0" encoding="utf-8"?>
  322.                                         <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">
  323.                                             <style type="text/css">
  324.                                                 .fs0 {
  325.                                                     fill: #FF4747;
  326.                                                 }
  328.                                                 .fs1 {
  329.                                                     fill-rule: evenodd;
  330.                                                     clip-rule: evenodd;
  331.                                                     fill: #FF4747;
  332.                                                 }
  333.                                             </style>
  334.                                             <g class="asterisco">
  335.                                                 <polygon class="fs0" points="470.7,125.6 475.5,188 480.3,125.6     "/>
  336.                                                 <polygon class="fs0" points="480.3,250.4 475.5,188 470.7,250.4     "/>
  337.                                                 <polygon class="fs0" points="537.9,183.2 475.5,188 537.9,192.8     "/>
  338.                                                 <polygon class="fs0" points="413.2,192.8 475.5,188 413.2,183.2     "/>
  339.                                                 <polygon class="fs0" points="516.2,140.5 475.5,188 523,147.3     "/>
  340.                                                 <polygon class="fs0" points="434.8,235.5 475.5,188 428,228.7     "/>
  341.                                                 <polygon class="fs0" points="523,228.7 475.5,188 516.2,235.5     "/>
  342.                                                 <polygon class="fs0" points="428,147.3 475.5,188 434.8,140.5     "/>
  343.                                                 <polygon class="fs0" points="494,128.2 475.5,188 502.9,131.8     "/>
  344.                                                 <polygon class="fs0" points="457,247.7 475.5,188 448.1,244.2     "/>
  345.                                                 <polygon class="fs0" points="535.3,206.5 475.5,188 531.8,215.4     "/>
  346.                                                 <polygon class="fs0" points="415.8,169.5 475.5,188 419.3,160.6     "/>
  347.                                                 <polygon class="fs0" points="530.9,158.8 475.5,188 534.7,167.6     "/>
  348.                                                 <polygon class="fs0" points="420.2,217.2 475.5,188 416.4,208.3     "/>
  349.                                                 <polygon class="fs0" points="504.7,243.3 475.5,188 495.9,247.1     "/>
  350.                                                 <polygon class="fs0" points="446.4,132.6 475.5,188 455.2,128.8     "/>
  351.                                             </g>
  352.                                             <path class="fs1" 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" 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"/>
  354.                                             <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
  355.                                                                           C301.6,61.7,301.5,61.7,301.4,61.7z"/>
  356.                                             <path class="fs1" 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"/>
  357.                                             <path class="fs1" 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
  358.                                                                           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"/>
  359.                                             <path class="fs1" 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"/>
  360.                                             <path class="fs1" 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"/>
  361.                                             <path class="fs1" 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"/>
  362.                                             <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
  363.                                                                           c0-0.1,0-0.1,0-0.2C321.1,62.9,320.9,62.9,320.7,62.9z"/>
  364.                                             <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
  365.                                                                           C267.9,64.1,267.8,64.1,267.8,64.1z"/>
  366.                                             <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
  367.                                                                           C318.4,64.3,318.3,64.3,318.1,64.3z"/>
  368.                                             <path class="fs1" 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"/>
  369.                                             <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
  370.                                                                           C235.7,81.4,235.9,81.5,235.5,81.4z"/>
  371.                                             <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
  372.                                                                           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
  373.                                                                           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
  374.                                                                           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
  375.                                                                           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
  376.                                                                           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"/>
  377.                                             <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
  378.                                                                           c0-0.3,0-0.5,0-0.8C230.9,87.2,230.8,87.2,230.8,87.2z"/>
  379.                                             <path class="fs1" 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
  380.                                                                           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"/>
  381.                                             <path class="fs1" 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
  382.                                                                           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"/>
  383.                                             <path class="fs1" 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"/>
  384.                                             <path class="fs1" 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
  385.                                                                           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
  386.                                                                           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
  387.                                                                           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"/>
  388.                                             <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
  389.                                                                           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
  390.                                                                           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
  391.                                                                           C352.1,92.9,352,92.5,351.6,92.2z"/>
  392.                                             <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
  393.                                                                           C355.8,95.3,356,95.1,356.2,94.5z"/>
  394.                                             <path class="fs1" 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"/>
  395.                                             <path class="fs1" 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"/>
  396.                                             <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
  397.                                                                           c0.1,0,0.1,0,0.2,0C367.9,102.9,367.7,103,368.1,102.9z"/>
  398.                                             <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
  399.                                                                           C369.8,105.7,369.8,105.7,369.7,105.7z"/>
  400.                                             <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
  401.                                                                           C368.8,107.9,368.6,107.9,368.5,107.9z"/>
  402.                                             <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
  403.                                                                           C373,118.6,373,118.6,372.9,118.6z"/>
  404.                                             <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
  405.                                                                           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"/>
  406.                                             <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
  407.                                                                           C370.3,134.6,370.7,134.6,371.1,134.6z"/>
  408.                                             <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
  409.                                                                           C369,135.4,368.6,135.3,368.1,135.2z"/>
  410.                                             <path class="fs1" 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"/>
  411.                                             <path class="fs1" 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"/>
  412.                                             <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
  413.                                                                           C222,148.7,222.2,149.3,222.4,149.9z"/>
  414.                                             <path class="fs1" 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"/>
  415.                                             <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
  416.                                                                           C227.1,173.4,227,173.4,227,173.4z"/>
  417.                                             <path class="fs1" 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"/>
  418.                                             <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
  419.                                                                           C250.6,259.7,250.8,259.3,250.9,258.8z"/>
  420.                                             <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
  421.                                                                       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
  422.                                                                       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
  423.                                                                       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
  424.                                                                       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
  425.                                                                       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
  426.                                                                       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
  427.                                                                       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
  428.                                                                       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
  429.                                                                       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
  430.                                                                       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
  431.                                                                       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
  432.                                                                       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
  433.                                                                       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
  434.                                                                       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
  435.                                                                       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
  436.                                                                       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
  437.                                                                       C162,958.3,236.7,897,262.8,902.2z"/>
  438.                                         </svg>
  441.                                     </div>
  442.                                 </div>
  443.                             </div>
  444.                             {% for staff in staffs %}
  446.                                 <div class="item">
  447.                                     <img src="{{asset('uploads/staff/' ~ staff.pathImagen) }}">
  448.                                         <h1>{{staff.nombre}}</h1>
  449.                                         <h2>{{staff.puesto}}</h2>
  450.                                         <a class="linkedin-profile" href="{{staff.urlPerfilLikedin}}" target="_blank"></a>
  451.                                     </div>
  452.                                 {% endfor %}
  455.                             </div>
  456.                         </div>
  457.                     </div>
  458.                 </section>
  459.                 <div class="trigger-thisisus"></div>
  460.                 <section id="thisisus" class="position-relative">
  461.                     <div class="misc two">
  462.                         <div class="tag three"></div>
  463.                     </div>
  464.                      <script>
  465.                                 gsap.from(".two", {
  466.                                     duration: 1,
  467.                                     autoAlpha: 1,
  468.                                     height: 0,
  469.                                     y: -460,
  470.                                     scrollTrigger: {
  471.                                         trigger: ".trigger-thisisus",
  472.                                         start: "top 50%",
  473.                                         scrub: true
  474.                                     }
  475.                                 });
  476.                                 gsap.from(".three", {
  477.                                     duration: 1,
  478.                                     y: 860,
  479.                                     scrollTrigger: {
  480.                                         trigger: ".trigger-thisisus",
  481.                                         start: "top 50%",
  482.                                         scrub: true
  483.                                     }
  484.                                 });
  485.                             </script>
  486.                     <div class="bgf-gradient">
  487.                         <div class="container-fluid">
  488.                             <div class="row ">
  489.                                 <div class="col-12 col-lg-6">
  490.                                     <h1 class="thisisus-title">This is us</h1>
  491.                                 </div>
  492.                             </div>
  493.                             <div class="row d-flex flex-column">
  494.                                 <div class="col-6 offset-4 col-md-6 offset-md-5">
  495.                                     <h2 class="thisisusconcept">We’re a minority owned, multicultural agency that creates ideas.
  496.                                     </h2>
  497.                                 </div>
  498.                             </div>
  499.                         </div>
  500.                     </div>
  501.                      <script>
  502.                                 gsap.from(".thisisus-title", {
  503.                                     duration: 1,
  504.                                     autoAlpha: 0,
  505.                                     x: -260,
  506.                                     scrollTrigger: {
  507.                                         trigger: ".trigger-thisisus",
  508.                                         start: "top 50%",
  509.                                         scrub: true
  510.                                     }
  511.                                 });
  512.                                 gsap.from(".thisisusconcept", {
  513.                                     duration: 1,
  514.                                     autoAlpha: 0,
  515.                                     height: 0,
  516.                                     delay: .5,
  517.                                     y: 160,
  518.                                     scrollTrigger: {
  519.                                         trigger: ".trigger-thisisus",
  520.                                         start: "top 50%",
  521.                                         scrub: true
  522.                                     }
  523.                                 });
  524.                             </script>
  525.                 </section>
  528.                 <!--by the nwtwork-->
  529.                 <!-- bynetwork.bckp -->
  532.                 <!--press--><div class="trigger-press"> </div>
  533.                 <section id="hotoffthepress" class="position-relative">
  534.                     <div class="misc misc-press-1 d-none d-lg-block">
  535.                         <div class="tag misc-press-2"></div>
  536.                     </div>
  537.                      <script>
  538.                                 gsap.from(".misc-press-1", {
  539.                                     duration: 1,
  540.                                     autoAlpha: 1,
  541.                                     height: 0,
  542.                                     y: -460,
  543.                                     scrollTrigger: {
  544.                                         trigger: ".trigger-press",
  545.                                         start: "top 50%",
  546.                                         scrub: true
  547.                                     }
  548.                                 });
  549.                                 gsap.from(".misc-press-2", {
  550.                                     duration: 1,
  551.                                     y: 1260,
  552.                                     scrollTrigger: {
  553.                                         trigger: ".trigger-press",
  554.                                         start: "top 50%",
  555.                                         scrub: true
  556.                                     }
  557.                                 });
  558.                             </script>
  559.                     <div class="container-fluid bg">
  560.                         <div class="row ">
  561.                             <div class="col-12 col-lg-5 press-col">
  562.                                 <h1 class="press-title">
  563.                                     <span class="press-strapline">Hot off the</span>Press</h1>
  566.                                 <div class="see-more-cta align-self-end d-none d-lg-block">
  567.                                     <a href="{{ url('app_front_press') }}" target="_blank">
  568.                                         <span class="arrow"></span>SEE MORE</a>
  569.                                 </div>
  572.                             </div>
  573.                             <div class="col-12 col-lg-7 press-grid">
  574.                                 <div class="row contents">
  576.                                     {% for prensa in prensas %}
  578.                                         <div class="col-6 nopadding">
  579.                                             <div class="press-thumb" onclick="window.open('{{ prensa.urlDestino}}','mywindow');">
  580.                                                 <div class="thumb-shadow"></div>
  581.                                                 <div class="thumb-overlay"></div>
  582.                                                 <img src="{{ asset('uploads/press/' ~ prensa.pathImagen)}}" alt="img-fluid">
  583.                                                     <div class="description">
  584.                                                         <h1>{{ prensa.fecha}}</h1>
  585.                                                         <h2>{{ prensa.titulo }}</h2>
  586.                                                     </div>
  587.                                                 </div>
  588.                                             </div>
  589.                                         {% endfor %}
  592.                                     </div>
  594.                                 </div>
  597.                                 <div class="col-12 d-block d-lg-none">
  598.                                     <div class="see-more-cta align-self-end">
  599.                                         <a href="{{ url('app_front_press') }}" target="_blank">SEE
  600.                                                                         MORE</a>
  601.                                     </div>
  604.                                 </div>
  607.                             </div>
  610.                         </div>
  611.                          <script>
  612.                                     gsap.from(".press-title", {
  613.                                         duration: 1,
  614.                                         autoAlpha: 0,
  615.                                         x: -260,
  616.                                         scrollTrigger: {
  617.                                             trigger: ".trigger-press",
  618.                                             start: "top 50%",
  619.                                             scrub: true
  620.                                         }
  621.                                     });
  622.                                     gsap.from(".press-strapline", {
  623.                                         duration: .5,
  624.                                         autoAlpha: 0,
  625.                                         delay: 2,
  626.                                         x: -160,
  627.                                         scrollTrigger: {
  628.                                             trigger: ".trigger-press",
  629.                                             start: "top 80%",
  630.                                             scrub: true
  631.                                         }
  632.                                     });
  633.                                 </script>
  634.                     </section>
  635.                     <!--footer-->
  636.                     <footer>
  637.                         <div class="container-fluid nopadding">
  638.                             <div class="row  text-center align-items-center">
  639.                                 <div class="col-md-8 offset-md-2 text-center ">
  640.                                     <img src="img/founders_logo.gif" class="img-fluid"></div>
  641.                                     <div class="col-md-2 d-none d-lg-block">
  642.                                         <a href="#top">
  643.                                             <span class="arrow"></span>
  644.                                             BACK
  645.                                             <br>
  646.                                                 TO
  647.                                                 <br>
  648.                                                     TOP
  649.                                                 </a>
  650.                                             </div>
  651.                                         </div>
  652.                                         <div class="row d-flex justify-content-center mt-5">
  653.                                             <div class="col-12 col-lg-8">
  654.                                                 <div class="sm-content">
  657.                                                     <div class="sm-container">
  659.                                                         <div class="sm-share">
  660.                                                             <h2>GO AHEAD, CONTACT US</h2>
  661.                                                         </div>
  663.                                                         <div class="sm-share">
  664.                                                             <ul class="sm-icons">
  665.                                                                 <li>
  666.                                                                     <a class="email" href="{{ url('app_front_contact') }}"></a>
  667.                                                                 </li>
  668.                                                                 <li>
  669.                                                                     <a class="instagram" href="https://www.instagram.com/foundersagency/" target="_blank"></a>
  670.                                                                 </li>
  671.                                                                 <li>
  672.                                                                     <a class="facebook" href="https://www.facebook.com/foundersagency" target="_blank"></a>
  673.                                                                 </li>
  674.                                                                 <li>
  675.                                                                     <a class="twitter" href="https://twitter.com/founders_agency" target="_blank"></a>
  676.                                                                 </li>
  677.                                                                 <li>
  678.                                                                     <a class="linkedin" href="https://www.linkedin.com/company/foundersagency/" target="_blank"></a>
  679.                                                                 </li>
  680.                                                                 <li>
  681.                                                                     <a class="youtube" href="https://www.youtube.com/channel/UCp1xjqBmn_UN2YIx6Z2tktA" target="_blank"></a>
  682.                                                                 </li>
  683.                                                             </ul>
  684.                                                         </div>
  686.                                                     </div>
  689.                                                 </div>
  690.                                             </div>
  692.                                             <div class="col-12 d-block d-lg-none d-flex justify-content-center">
  693.                                                 <a href="#top">
  694.                                                     <span class="arrow"></span>
  695.                                                     BACK
  696.                                                     <br>
  697.                                                         TO
  698.                                                         <br>
  699.                                                             TOP
  700.                                                         </a>
  701.                                                     </div>
  702.                                                 </div>
  703.                                             </div>
  704.                                             <div class="row justify-content-center  copyright">
  705.                                                 <div class="col-12 col-md-12 text-center ">
  706.                                                     <div class="col-12">
  707.                                                         <div class="mt-4">
  708.                                                             <p>&copy;
  709.                                                                  <script>
  710.                                                                                                 document.write(new Date().getFullYear())
  711.                                                                                             </script>
  712.                                                                 Founders Agency
  713.                                                             </p>
  714.                                                         </div>
  715.                                                     </div>
  716.                                                 </div>
  717.                                             </div>
  719.                                         </footer>
  720.                                          <script>
  721.                                                 jQuery(document).ready(function($) {
  722.                                                     $('.carousel-staff').owlCarousel({
  723.                                                         center: false,
  724.                                                         loop: true,
  725.                                                         autoplay: false,
  726.                                                         nav: true,
  727.                                                         margin: 0,
  728.                                                         touchDrag: true,
  729.                                                         autoplayTimeout: 3000,
  730.                                                         navText: ["<img src='img/arrow-prev-ow.svg'>", "<img src='img/arrow-next-ow.svg'>"],
  731.                                                         dots: false,
  732.                                                         responsive: {
  733.                                                             0: {
  734.                                                                 items: 1.5,
  735.                                                                 touchDrag: true,
  736.                                                                 nav: true
  737.                                                             },
  738.                                                             768: {
  739.                                                                 items: 3,
  740.                                                                 nav: true,
  741.                                                                 mouseDrag: true,
  742.                                                                 touchDrag: true,
  743.                                                             },
  744.                                                             1024: {
  745.                                                                 items: 4,
  746.                                                                 nav: true,
  747.                                                                 mouseDrag: true,
  748.                                                                 touchDrag: true,
  749.                                                             }
  750.                                                         }
  751.                                                     });
  752.                                                     $('.carousel-clients').owlCarousel({
  753.                                                         center: false,
  754.                                                         loop: true,
  755.                                                         margin: 0,
  756.                                                         autoplayTimeout: 3000,
  757.                                                         navText: ["<img src='img/arrow-prev-o.svg'>", "<img src='img/arrow-next-o.svg'>"],
  758.                                                         responsive: {
  759.                                                             0: {
  760.                                                                 items: 2,
  761.                                                                 autoplay: true,
  762.                                                                 touchDrag: true,
  763.                                                                 nav: true
  764.                                                             },
  765.                                                             600: {
  766.                                                                 items: 3,
  767.                                                                 nav: true,
  768.                                                                 mouseDrag: true,
  769.                                                                 autoplay: true,
  770.                                                                 touchDrag: true
  771.                                                             }
  772.                                                         }
  773.                                                     });
  774.                                                 });
  775.                                             </script>
  776.                                     <!-- JavaScript Bundle with Popper -->
  777.                                          <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">
  778.                                             </script>
  779.                                         <!-- partial -->
  780.                                          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  781.                                          <script src="js/script.js"></script>
  782.                                          <script>
  783.                                                 $(document).ready(function() {
  784.                                                     // Add smooth scrolling to all links
  785.                                                     $("a").on('click', function(event) {
  786.                                                         // Make sure this.hash has a value before overriding default behavior
  787.                                                         if (this.hash !== "") {
  788.                                                             // Prevent default anchor click behavior
  789.                                                             event.preventDefault();
  790.                                                             // Store hash
  791.                                                             var hash = this.hash;
  792.                                                             // Using jQuery's animate() method to add smooth page scroll
  793.                                                             // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
  794.                                                             $('html, body').animate({
  795.                                                                 scrollTop: $(hash).offset().top
  796.                                                             }, 800, function() {
  797.                                                                 // Add hash (#) to URL when done scrolling (default click behavior)
  798.                                                                 window.location.hash = hash;
  799.                                                             });
  800.                                                         } // End if
  801.                                                     });
  802.                                                 });
  803.                                             </script>
  804.                                     </div>
  805.                                 </body>
  807.                             </html>