templates/page.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html class="no-js" lang="en">
  4.   <head>
  5.     <meta charset="utf-8">
  7.     <!-- Page Title-->
  8.       <title>The Smartfiles Network by LeReTo</title>
  10.       <!-- Meta Tags-->
  11.       <meta name="description" content="The Smartfiles Network by LeReTo | Combining EU and national case law datasets to enable a unique view of the interconnectedness of European case law.">
  12.       <meta name="keywords" content="Legal Network Analysis, Legal Tech, European Case Law, Citation Maps, Smart PDF-convolute">
  13.       <meta name="author" content="LeReTo">
  16.       <!-- Viewport Meta-->
  17.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  20.     <!-- Template Favicon & Icons Start -->
  21.     <link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64 96x96" href="img/favicon/favicon.ico" type="image/x-icon">
  22.     <link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-touch-icon-57x57.png">
  23.     <link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-touch-icon-60x60.png">
  24.     <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
  25.     <link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-touch-icon-76x76.png">
  26.     <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
  27.     <link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-touch-icon-120x120.png">
  28.     <link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-touch-icon-144x144.png">
  29.     <link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-touch-icon-152x152.png">
  30.     <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon-180x180.png">
  31.     <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
  32.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  33.     <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
  34.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  35.     <link rel="manifest" href="img/favicon/manifest.json">
  36.     <meta name="msapplication-config" content="img/favicon/browserconfig.xml">
  37.     <meta name="msapplication-TileColor" content="#ffffff">
  38.     <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
  39.     <meta name="theme-color" content="#ffffff">
  40.     <!-- Template Favicon & Icons End-->
  42.     <!-- Facebook / Linkedin Metadata Start -->
  43.     <meta property="og:image:height" content="300">
  44.     <meta property="og:image:width" content="573">
  45.     <meta property="og:title" content="The SmartFilesNetwork by LeReTo | Building smart files by citation graphs and PDF-convolutes">
  46.     <meta property="og:description" content="Combining EU and national case law datasets to enable a unique view of the interconnectedness of European case law.">
  47.     <meta property="og:url" content="https://smartfiles.lereto.at/">
  48.     <meta property="og:image" content="https://smartfiles.lereto.at/img/backgrounds/solution.gif">
  49.     <!-- Facebook / Linkedin Metadata End -->
  51.     <!-- Template Styles Start -->
  52.     <link rel="stylesheet" type="text/css" href="css/plugins.css">
  53.     <link rel="stylesheet" type="text/css" href="css/loaders/loader.css">
  54.     <link rel="stylesheet" type="text/css" href="css/main.css">
  55.     <!-- Template Styles End -->
  57.     <!-- Custom Browser Color Start -->
  58.     <meta name="theme-color" content="#191919">
  59.     <meta name="msapplication-navbutton-color" content="#191919">
  60.     <meta name="apple-mobile-web-app-status-bar-style" content="#191919">
  61.     <!-- Custom Browser Color End -->
  63.     <!-- Twitter Card Player Start
  64.     <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
  65.     <meta name="twitter:card" content="player" />
  66.     <meta name="twitter:site" content="@TwitterDev" />
  67.     <meta name="twitter:title" content="Sample Player Card" />
  68.     <meta name="twitter:description" content="This is a sample video. When you implement, make sure all links are secure." />
  69.     <meta name="twitter:image" content="https://yoursite.com/example.png" />
  70.     <meta name="twitter:player" content="https://yoursite.com/container.html" />
  71.     <meta name="twitter:player:width" content="480" />
  72.     <meta name="twitter:player:height" content="480" />
  73.     Twitter Card Player End -->
  74.     
  75.     <!-- Twitter Card Image Start -->
  76.     <meta name="twitter:card" content="summary_large_image">
  77.     <meta name="twitter:site" content="@LeReTo_">
  78.     <meta name="twitter:title" content="The Smartfiles Network | PDF-based legal research">
  79.     <meta name="twitter:description" content="Combining EU and national case law datasets to enable a unique view of the interconnectedness of European case law.">
  80.     <meta name="twitter:image" content="https://smartfiles.lereto.at/PERMALINK-ID.PNG">
  81.     <!-- Twitter Card Image End -->
  82.     
  83.     <!-- Begin Cookie Consent plugin by Silktide - https://silktide.com/cookieconsent -->
  84.     
  85.         <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
  86.         <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
  87.         <script>
  88.         onInitialise: function (status) {
  89.           var type = this.options.type;
  90.           var didConsent = this.hasConsented();
  91.           if (type == 'opt-in' && didConsent) {
  92.             // enable cookies
  93.           }
  94.           if (type == 'opt-out' && !didConsent) {
  95.             // disable cookies
  96.           }
  97.         },
  98.          
  99.         onStatusChange: function(status, chosenBefore) {
  100.           var type = this.options.type;
  101.           var didConsent = this.hasConsented();
  102.           if (type == 'opt-in' && didConsent) {
  103.             // enable cookies
  104.           }
  105.           if (type == 'opt-out' && !didConsent) {
  106.             // disable cookies
  107.           }
  108.         },
  109.          
  110.         onRevokeChoice: function() {
  111.           var type = this.options.type;
  112.           if (type == 'opt-in') {
  113.             // disable cookies
  114.           }
  115.           if (type == 'opt-out') {
  116.             // enable cookies
  117.           }
  118.         },
  119.         </script>
  120.         <script>
  121.         
  122.         window.addEventListener("load", function(){
  123.         window.cookieconsent.initialise({
  124.           "palette": {
  125.             "popup": {
  126.               "background": "#191919"
  127.             },
  128.             "button": {
  129.               "background": "#7ed4dd"
  130.             }
  131.           },
  132.           "type": "opt-out",
  133.           "content": {
  134.             "message": "SURPRISE! We use cookies to improve your experience on our site. By tapping on a link or OK, you agree to our and our partners' use of cookies.\n",
  135.             "dismiss": "OK",
  136.             "deny": "OPT OUT",
  137.             "link": "[GDPR & Cookies]",
  138.             "href": "https://smartfiles.lereto.at/docs/dse.pdf"
  139.           }
  140.         })});
  142.         </script>
  143.     <!-- End Cookie Consent plugin -->    
  144.     
  145.     
  146.   </head>
  148.   <body class="overflow-hidden">
  150.     <!-- Old Browsers Support Start-->
  151.     <!--[if lt IE 9]>
  152.       <script src="js/libs/es5-shim.min.js"></script>
  153.       <script src="js/libs/html5shiv.min.js"></script>
  154.       <script src="js/libs/html5shiv-printshiv.min.js"></script>
  155.       <script src="js/libs/respond.min.js"></script>
  156.     <![endif]-->
  157.     <!-- Old Browsers Support End-->
  159.     <!-- Loader Start-->
  160.     <div class="loader">
  162.       <!-- Loader Content Wrapper Start -->
  163.       <div class="loader_content">
  165.         <!-- Loader Logo Start -->
  166.         <div class="loader-logo-container">
  167.           <div class="loader-logo slideInDown">
  168.             <!-- Put Your Logo Here -->
  169.             <img src="img/logo_nobg_white_medium.png" alt="the smartfiles network">
  170.           </div>
  171.           <div class="loader-caption slideInUp">
  172.             <span class="loading-dots">
  173.               <span class="dot"></span>
  174.               <span class="dot"></span>
  175.               <span class="dot"></span>
  176.             </span>
  177.           </div>
  178.         </div>
  179.         <!-- Loader Logo End -->
  181.         <!-- Loader Content Start -->
  182.         <div class="loader-content">
  183.           <div class="col-12">
  184.             <div class="content">
  185.               <div class="loader-slogan">
  186.                 <!-- Put Your Slogan Here! -->
  187.                 <div id="slogan-strings">
  188.                   <p>PDF based legal research</p>
  189.                 </div>
  190.                 <span id="slogan"></span>
  191.               </div>
  192.             </div>
  193.           </div>
  194.         </div>
  195.         <!-- Loader Content End -->
  197.       </div>
  198.       <!-- Loader Content Wrapper Start -->
  200.       <div class="loader_background"></div>
  202.       <!-- Loader Morphing Shape Start -->
  203.       <div class="loader_shape">
  204.         <svg class="loader-transition-shape" width="100%" height="100%" viewBox="0 0 1440 800" preserveAspectRatio="none">
  205.           <path class="loader-morphing-path" d="M-22.4-87.7c-8.3,95.9,56.9,71.1,216.6,79c189.3,9.4,264.6-2.6,431.3-0.8c187.6,2,331.6-9.3,528.2-0.2c443.7,20.5,435.1-61.8,368.6-188.1C1455.9-324.1,34.5-746.7-22.4-87.7z"/>
  206.         </svg>
  207.       </div>
  208.       <!-- Loader Morphing Shape End -->
  210.     </div>
  211.     <!-- Loader End-->
  213.     <!-- Custom HTML Start-->
  215.     <!-- Menu Button Start -->
  216.     <div class="menu-button">
  217.       <a href="#" id="menu-trigger" class="menu-trigger">
  218.         <span></span>
  219.       </a>
  220.       <!-- Menu Button Morphing Shape Start -->
  221.       <svg class="menu-btn-morphing-object" width="100%" height="100%" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
  222.         <path class="menu-btn-morphing-path" d="M49.8,29.3c0,13.3-14.9,20.5-28.2,20.5S0.8,38.6,0.8,25.4S15.9,0.2,29.2,0.2S49.8,16,49.8,29.3z"/>
  223.       </svg>
  224.       <!-- Menu Button Morphing Shape End -->
  225.     </div>
  226.     <!-- Menu Button Start -->
  228.     <!-- Navigation Start-->
  229.     <div class="navigation">
  231.       <!-- Menu Content Wrapper Start -->
  232.       <div class="navigation_content">
  234.         <!-- Menu Close Button Start -->
  235.         <a href="#" id="menu-close" class="navigation_close"></a>
  236.         <!-- Menu Close Button End -->
  238.         <!-- Menu Logo Start -->
  239.         <div class="logo-wrapper">
  240.           <!-- Your Logo Here -->
  241.           <img src="img/logo_nobg_white.png" alt="the smartfiles network"></div>
  242.         <!-- Menu Logo End -->
  244.         <!-- Menu Content Start -->
  245.         <div class="menu-wrapper">
  246.           <nav>
  247.             <!-- Menu Start-->
  248.             <ul class="menu" id="menu">
  249.               <li data-menuanchor="main">
  250.                 <a href="#main">Home</a>
  251.               </li>
  252.               <li data-menuanchor="solution">
  253.                 <a href="#solution">Our Solution</a>
  254.               </li>
  255.               <li data-menuanchor="demo">
  256.                 <a href="#demo">Demo</a>
  257.               </li>
  258.               <li data-menuanchor="citationmap">
  259.                 <a href="#citationmap">Citation map</a>
  260.               </li>
  261.               <li data-menuanchor="PDFconvolute">
  262.                 <a href="#PDFconvolute">PDF convolute</a>
  263.               </li>
  264.               <li data-menuanchor="team">
  265.                 <a href="#team">Team</a>
  266.               </li>
  267.               <li data-menuanchor="contact">
  268.                 <a href="#contact">Contact (Imprint)</a>
  269.               </li>
  270.             </ul>
  271.             <!-- Menu End-->
  272.           </nav>
  273.           <!-- Socials Start-->
  274.           <ul class="menu-socials">
  276.             <br>
  277.             <li>
  278.               <a class="" href="https://twitter.com/LeReTo_" target="_blank">
  279.                 <i class="icon ion-social-twitter"></i>
  280.               </a>
  281.             </li>
  282.             <li>
  283.               <a class="" href="https://www.linkedin.com/company/18403075/" target="_blank">
  284.                 <i class="icon ion-social-linkedin"></i>
  285.               </a>
  286.             </li>
  287.             <li>
  288.               <a class="" href="https://www.facebook.com/lereto.at" target="_blank">
  289.                 <i class="icon ion-social-facebook"></i>
  290.               </a>
  291.             </li>
  292.           </ul>
  293.           <!-- Socials End-->
  294.         </div>
  295.         <!-- Menu Content End -->
  297.       </div>
  298.       <!-- Menu Content Wrapper End -->
  300.       <div class="navigation_background"></div>
  302.       <!-- Menu Morphing Shape Start -->
  303.       <div class="navigation_shape">
  304.         <svg class="menu-transition-shape" width="100%" height="100%" viewBox="0 0 1440 800" preserveAspectRatio="none">
  305.           <path class="menu-morphing-path" d="M-22.4-87.7c-8.3,95.9,56.9,71.1,216.6,79c189.3,9.4,264.6-2.6,431.3-0.8c187.6,2,331.6-9.3,528.2-0.2c443.7,20.5,435.1-61.8,368.6-188.1C1455.9-324.1,34.5-746.7-22.4-87.7z"/>
  306.         </svg>
  307.       </div>
  308.       <!-- Menu Morphing Shape End -->
  310.     </div>
  311.     <!-- Navigation End-->
  313.     <!-- Fullpage.js Sections Start-->
  314.     <div id="fullpage">
  316.       <!-- Main Section Start-->
  317.       <div class="section fp-auto-height-responsive main-section" data-anchor="main">
  319.         <!-- Main Section Background Start-->
  320.         <div class="main-section_background">
  321.           <svg class="main-background-shape" width="100%" height="100%" viewBox="0 0 1920 1080" preserveAspectRatio="none">
  322.             <path class="main-background-path" d="M-60.3,409.8c0,0,391.5-127.3,699.1,69C943,673,1423.5,734.1,1720.6,413.1s601.4,2.7,547.4-306.3
  323.                s-2076.2-363-2076.2-363l-450,372L-60.3,409.8z"/>
  324.             <path class="main-background-path" d="M-185,1003c40-274,382-198,562-124s762,234,1028,80s584-78,704,58s54,370-260,344s-528-192-1038-146
  325.                 S-254.4,1478.2-185,1003z"/>
  326.           </svg>
  327.         </div>
  328.         <!-- Main Section Background End-->
  330.         <!-- Logo Start -->
  331.         <div class="logo">
  332.           <!-- Your Logo Here -->
  333.           <img src="img/logo_nobg_white_text2_small60.png" alt="the smartfiles network">
  334.         </div>
  335.         <!-- Logo End -->
  337.         <!-- Main Section Content Start -->
  338.         <div class="main-section_content fullheight">
  339.           <div class="container-fluid p-0 fullheight">
  340.             <div class="row no-gutters fullheight">
  342.               <!-- Main Section Intro Start -->
  343.               <div class="col-12 col-xl-5 main-section_intro fullheight">
  345.                 <!-- Main Headline Start -->
  346.                 <div class="headline">
  348.                   <!-- Animated Headline Start -->
  349.                     <h1 class="animated-headline">
  350.                       <span id="typed-strings">
  351.                         <b>intuitive</b>
  352.                         <b>pdf based</b>
  353.                         <b>smart</b>
  354.                         <b>open</b>
  355.                       </span>
  356.                       <span id="typed"></span>
  357.                       <br>
  358.                       <span class="additional-text">legal research</span>
  359.                     </h1>
  360.                     <!-- Animated Headline End -->
  362.                   <span class="divider"></span>
  363.                   <p>Welcome to The Smartfiles Network! We are committed to making Legal Open Data as accessible as possible, in a beautiful and useful way. Have a go. </p>
  364.                   <div class="btn-holder">
  365.                     <a href="https://smartfiles.lereto.at/search" class="btn btn-light">
  366.                       <span class="btn-caption">START SEARCH</span>
  367.                       <span class="icon ion-ios-arrow-forward"></span>
  368.                     </a>
  369.                     <a href="#solution" class="btn btn-outline-light">
  370.                       <span class="btn-caption">Tell me more</span>
  371.                     </a>
  372.                   </div>
  373.                 </div>
  374.                 <!-- Main Headline End -->
  376.               </div>
  377.               <!-- Main Section Intro End -->
  379.               <!-- Main Section Media Start -->
  380.               <div class="col-12 col-xl-7 main-section_media fullheight">
  382.                 <!-- Homescreen Illustration Start -->
  383.                 <div class="illustration-holder fullheight">
  384.                   <div class="illustration">
  385.                     <svg class="home-svg-1" width="100%" height="100%" viewBox="0 0 1080 894" style="enable-background:new 0 0 1080 894;" xml:space="preserve">
  386.                       <!-- Background Morphing Object Object -->
  387.                       <path id="home-morphing-path-1" class="sundown" d="M1009.6,511.6c0,218.7-263.4,380.6-500.5,380.6S26.7,626.5,26.7,407.8S370.3,18.5,607.4,18.5S1009.6,292.9,1009.6,511.6z"/>
  388.                       <g>
  389.                         <!-- Morphing Object with Image -->
  390.                           <defs>
  391.                           <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  392.                             <svg viewBox="0 0 1440 899" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
  393.                                 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  394.                                     <g id="Group" transform="translate(720.000000, 449.000000) scale(1, -1) translate(-720.000000, -449.000000) " fill="#000000">
  395.                                         <path id="home-morphing-path-2" d="M1070.2,472.6c0,218.7-317.4,389.1-554.5,389.1S9.1,800.7,9.1,582.1S195.7,13,432.8,13S1070.2,253.9,1070.2,472.6z"/></path>
  396.                                     </g>
  397.                                 </g>
  398.                             </svg>
  399.                           </defs>
  400.                           <clipPath id="home-morphing-clippath">
  401.                               <use xlink:href="#home-morphing-path-2"  style="overflow:visible;"/>
  402.                           </clipPath>
  403.                           <g transform="matrix(1 0 0 1 1.862645e-09 0)" style="clip-path:url(#home-morphing-clippath);">
  404.                         
  405.                           <!-- Put Your Image Here in xlink:href="../path/to/image.jpg" size 1500x1242 Property -->
  406.                           <image style="overflow:visible;" width="1500" height="1242" xlink:href="img/backgrounds/bubbles.png"  transform="matrix(0.7198 0 0 0.7198 -2.581610e-02 -0.3868)"></image>
  407.                           </g>
  408.                       </g>
  409.                     </svg>
  410.                   </div>
  411.                 </div>
  412.                 <!-- Homescreen Illustration End -->
  414.               </div>
  415.               <!-- Main Section Media End -->
  417.             </div>
  418.           </div>
  419.         </div>
  420.         <!-- Main Section Content End-->
  422.         <!-- Socials Start -->
  423.         <div class="socials">
  424.           <ul>
  425.             <li>
  426.               <a class="" href="https://twitter.com/LeReTo_" target="_blank">
  427.                 <i class="icon ion-social-twitter"></i>
  428.               </a>
  429.             </li>
  430.             <li>
  431.               <a class="" href="https://www.linkedin.com/company/18403075/" target="_blank">
  432.                 <i class="icon ion-social-linkedin"></i>
  433.               </a>
  434.             </li>
  435.             <li>
  436.               <a class="" href="https://www.facebook.com/lereto.at" target="_blank">
  437.                 <i class="icon ion-social-facebook"></i>
  438.               </a>
  439.             </li>
  440.           </ul>
  441.         </div>
  442.         <!-- Socials End -->
  444.         <!-- Credits Start -->
  445.         <div class="credits">
  446.           <p><a href="#">LeReTo</a> 2019 all rights reserved</p>
  447.         </div>
  448.         <!-- Credits Start -->
  450.       </div>
  451.       <!-- Main Section End-->
  453.       <!-- About Section Start-->
  454.       <div class="section fp-auto-height-responsive content-section" data-anchor="solution">
  455.         <div class="container-fluid p-0 fullheight">
  456.           <div class="row m-0 flex-xl-row-reverse fullheight">
  458.             <!-- About Section Info Start -->
  459.             <div class="col-12 col-xl-6 p-0 content-section_info">
  460.               <div class="content-block">
  462.                 <!-- Section Title Start -->
  463.                 <div class="section-title">
  464.                   <h2>Our Solution.</h2>
  465.                   <span class="divider"></span>
  466.                   <span class="subtitle">The Smartfiles Network combines EU and national case law datasets to enable a unique view of the interconnectedness of European case law. </span>
  467.                   <p>Our intuitive tool pulls together information from different databases and so enables the user to see the connections and influences EU case law has on national case law. </p>
  468.                   <p>Simply drag-and-drop a file into our search window. We will analyse the document, find and link up all cited legal sources and permit the user to download all the original sources in one smart PDF-document. Additionally we create an interactive visualisation, which can be explored and downloaded.</p>
  469.                   <div class="btn-holder">
  470.                     <a href="https://smartfiles.lereto.at/search" class="btn">
  471.                       <span class="btn-caption">Start a Search</span>
  472.                       <span class="icon ion-ios-arrow-forward"></span>
  473.                     </a>
  474.                   </div>
  475.                 </div>
  476.                 <!-- Section Title End -->
  478.               </div>
  479.             </div>
  480.             <!-- About Section Info End -->
  482.             <!-- About Section Media Start -->
  483.             <div class="col-12 col-xl-6 p-0 content-section_media">
  485.               <!-- About Section Image Start -->
  486.               <div class="image image-about"></div>
  487.               <!-- About Section Image End -->
  489.             </div>
  490.             <!-- About Section Media End -->
  492.           </div>
  493.         </div>
  494.       </div>
  495.       <!-- About Section End-->
  496.       
  497.       <!-- Blockquote Section Start-->
  498.       <div class="section fp-auto-height-responsive content-section" data-anchor="blockquote">
  499.         <div class="container-fluid p-0 fullheight">
  500.           <div class="row m-0 flex-xl-row fullheight">
  502.             <!-- Blockquote Section Info Start -->
  503.             <div class="col-12 col-xl-6 p-0 content-section_info">
  505.               <!-- Blockquote Morphing Object Start -->
  506.               <div class="quote-object" id="quote-morphing">
  507.                 <svg class="quote-morphing-object" width="100%" height="100%" viewBox="0 0 600 600" xml:space="preserve">
  508.                   <path class="quote-morphing-path" d="M585.1,354.1c0,148.3-151.7,234-300,234S13.6,448.3,13.6,300S178.8,13.6,327.1,13.6S585.1,205.8,585.1,354.1z"/>
  509.                 </svg>
  510.               </div>
  511.               <!-- Blockquote Morphing Object End -->
  513.               <!-- Blockquote Start -->
  514.               <div class="content-block">
  515.                 <div class="blockquote-content">
  516.                   <blockquote cite="">
  517.                     <i class="ion-quote"></i>
  518.                     <p>Is European case law made of isolated <span>bubbles</span> or does it <span>blend</span> into national judicature?</p>
  519.                     <span class="divider"></span>
  520.                     <cite class="light-text-06">
  521.                       <span></span>
  522.                       <span></span>
  523.                     </cite>
  524.                     <br><br>
  525.                     <div class="btn-holder">
  526.                     <a href="https://smartfiles.lereto.at/search" class="btn btn-outline-light_sfn">
  527.                       <span class="btn-caption">Explore citation maps</span>
  528.                       <span class="icon ion-ios-arrow-forward"></span>
  529.                     </a>
  530.                     </div>
  531.                   </blockquote>
  532.                 </div>
  533.               </div>
  534.               <!-- Blockquote End -->
  536.             </div>
  537.             <!-- Blockquote Section Info End -->
  539.             <!-- Blockquote Section Media Start -->
  540.             
  541.             <div class="col-12 col-xl-6 main-section_media media-background fullheight">
  542.                     
  543.                 <!-- Background Effect Start LeReTo: https://youtu.be/shnE8F4J-jM -->
  544.                 <div class="video-background">
  545.                   <div class="" id="video-wrapper">
  546.                     <div id="bgndVideo" class="player" data-property="{ videoURL:'https://youtu.be/u7gC-3MBHbE', }"></div>
  547.                   </div>
  548.                 </div>
  549.                 <!-- Background Effect End -->
  550.                 
  551.                     <a href="https://youtu.be/u7gC-3MBHbE" class="btn" target="_blank">
  552.                       <span class="btn-caption">watch on youtube</span>
  553.                     </a>
  554.                 
  555.             </div>
  556.             <!-- Blockquote Section Media End -->
  558.           </div>
  559.         </div>
  560.       </div>
  561.       <!-- Blockquote Section End-->
  562.       <!-- Citation Map Section Start-->
  563.         <div class="section fp-auto-height-responsive content-section" data-anchor="citationmap">
  564.         <div class="container-fluid p-0 fullheight">
  565.             <div class="row m-0 flex-md-row-reverse fullheight">
  567.                 <!-- Citation Map Section Info Start -->
  568.                 <div class="col-12 col-xl-6 p-0 content-section_info">
  569.                   <div class="content-block">
  571.                     <!-- Section Title Start -->
  572.                     <div class="section-title">
  573.                       <h2>Citation Map.</h2>
  574.                       <span class="divider"></span>
  575.                       <span class="subtitle">The Smartfiles Network was developed in the belief that visualisation can simplify information and that it allows people to assimilate large chunks of it, in just one glance. </span>
  576.                       <p>Of course, it‘s never that easy. So here is a quick guide explaining how The Smartfiles Network works and how it should be read.</p>
  577.                       <br>
  578.                           <span class="divider"></span><br>
  579.                           <h3>How to read the map</h3>
  580.                           
  581.                           <p><span class="icon ion-ios-arrow-forward"></span> The red-rimmed circle represents the original PDF
  582.                           <br><span class="icon ion-ios-arrow-forward"></span> The turquoise circles are the the referenced case law
  583.                           <br><span class="icon ion-ios-arrow-forward"></span> The bigger the circle, the more often a document has been cited
  584.                           <br><span class="icon ion-ios-arrow-forward"></span> Explore the relevance: within your network or EU wide
  585.                           <br><span class="icon ion-ios-arrow-forward"></span> Click on a circle to get more information (metadata)
  586.                           </p>
  587.                           
  588.                       <div class="btn-holder">
  589.                         <a href="#PDFconvolute" class="btn">
  590.                           <span class="btn-caption">Smart PDF</span>
  591.                           <span class="icon ion-ios-arrow-forward"></span>
  592.                         </a>
  593.                       </div>
  594.                     </div>
  595.                     <!-- Section Title End -->
  597.                   </div>
  598.                 </div>
  599.                 <!-- Citation Map Section Info End -->
  601.                 <!-- Citation Map Section Media Start -->
  602.                 
  603.                 <div class="col-12 col-xl-6 p-0 content-section_media">
  605.                     <!-- About Section Image Start -->
  606.                     <div class="image image-citationmap"></div>
  607.                     <!-- About Section Image End -->
  609.                 </div>
  610.                 <!-- Citation Map Section Media End -->
  612.             </div>
  613.             <!-- Citation Map Section Info End -->
  614.             <!-- Citation Map Section Media End-->
  616.           </div>
  617.         </div>
  618.       <!-- Citation Map Section End-->
  619.       <!-- PDF convolute Section Start-->
  620.         <div class="section fp-auto-height-responsive content-section" data-anchor="PDFconvolute">
  621.             <div class="container-fluid p-0 fullheight">
  622.                 <div class="row m-0 fullheight">
  624.                     <!-- PDF convolute Section Info Start -->
  625.                         <div class="col-12 col-xl-6 p-0 content-section_info">
  626.                             <div class="content-block">
  628.                             <!-- Section Title Start -->
  629.                                 <div class="section-title">
  630.                                   <h2>Smart PDF.</h2>
  631.                                   <span class="divider"></span>
  632.                                   <span class="subtitle">The Portable Document Format is THE standard format for documents in the legal world.</span>
  633.                                   <p>We have taken the PDF file and made it smart. Our PDF convolute looks just like any other, but it contains all case law that was cited within. By clicking on a reference, the desired case law decision is shown. This function also allows the user to work offline. The downloaded PDF convolute is fully shareable, and can be forwarded to team members.</p>
  634.                                   
  635.                                   <span class="divider"></span><br>
  636.                                       <h3>Convolute features</h3>
  638.                                       <p><span class="icon ion-ios-arrow-forward"></span> Download your linked smart PDF convolute
  639.                                       <br><span class="icon ion-ios-arrow-forward"></span> Click on a reference to open it
  640.                                       <br><span class="icon ion-ios-arrow-forward"></span> Work offline and share it with others
  641.                                       <br><span class="icon ion-ios-arrow-forward"></span> Use the bookmark list to navigate in the document
  642.                                       </p>
  643.                                       
  644.                                   <div class="btn-holder">
  645.                                     <a href="#team" class="btn">
  646.                                       <span class="btn-caption">Our team</span>
  647.                                       <span class="icon ion-ios-arrow-forward"></span>
  648.                                     </a>
  649.                                   </div>
  650.                                 </div>
  651.                             <!-- Section Title End -->
  653.                             </div>
  654.                         </div>
  655.                     <!-- PDF convolute Section Info End -->
  657.                     <!-- PDF convolute Section Media Start-->                
  658.             
  659.                         <div class="col-12 col-xl-6 p-0 content-section_media">
  661.                           <!-- About Section Image Start -->
  662.                           <div class="image image-pdf"></div>
  663.                           <!-- About Section Image End -->
  665.                         </div>
  666.                     <!-- PDF convolute Section Media End -->
  668.                 </div>
  669.             </div>
  670.         </div>
  671.       <!-- PDF convolute Section End-->
  673.       
  674.       <!-- Team Section Start-->
  675.       <div class="section fp-auto-height-responsive content-section" data-anchor="team">
  676.         <div class="container-fluid p-0 fullheight">
  677.           <div class="row m-0 fullheight">
  679.             <!-- Team Section Info Start -->
  680.             <div class="col-12 col-xl-6 p-0 fullheight content-section_info">
  682.               <!-- Team Block Start -->
  683.               <div class="features fullheight">
  684.                 <div class="row m-0">
  686.                   <!-- Feature Image Start -->
  687.                   <div class="col-12 col-md-6 p-0 feature-image feature-image-team1"></div>
  688.                   <!-- Feature Image End -->
  690.                   <!-- Team Single Item Start -->
  691.                   <div class="col-12 col-md-6 feature-item">
  692.                     <div class="feature-item_description">
  693.                       <h3>Veronika Haberler<br>spotter-of-trends</h3>
  694.                       <span class="divider"></span>
  695.                       <p>Veronika co-founded the award-winning legal tech start up LeReTo.
  696.                       She knows what will be the issue before it‘s even an issue.</p><br>
  697.                     <div class="btn-holder">
  698.                     <a href="https://www.linkedin.com/in/veronika-haberler/" class="btn btn-outline-light_sfn">
  699.                       <span class="btn-caption">linkedin profile</span>
  700.                     </a>
  701.                     </div>
  702.                     </div>
  703.                   </div>
  704.                   <!-- Team Single Item End -->
  706.                 </div>
  707.                 <div class="row m-0 flex-md-row-reverse">
  709.                   <!-- Feature Image Start -->
  710.                   <div class="col-12 col-md-6 p-0 feature-image feature-image-team2"></div>
  711.                   <!-- Feature Image End -->
  713.                   <!-- Team Single Item Start -->
  714.                   <div class="col-12 col-md-6 feature-item">
  715.                     <div class="feature-item_description">
  716.                       <h3>Christian Artner<br>maker-of-stuff</h3>
  717.                       <span class="divider"></span>
  718.                       <p>Christian founded the Austrian tech firm cloudtech. He programms with passion for all technology, especially the non-boring kind.</p><br>
  719.                     <div class="btn-holder">
  720.                     <a href="https://www.linkedin.com/in/christian-artner-6a10a913a/" class="btn btn-outline-light_sfn">
  721.                       <span class="btn-caption">linkedin profile</span>
  722.                     </a>
  723.                     </div>
  724.                     </div>
  725.                   </div>
  726.                   <!-- Team Single Item End -->
  728.                 </div>
  729.               </div>
  730.               <!-- Team Block End-->
  732.             </div>
  733.             <!-- Team Section Info End -->
  735.             <!-- Team Section Media Start -->
  736.             <div class="col-12 col-xl-6 p-0 fullheight content-section_info">
  738.               <!-- Team Block Start -->
  739.               <div class="features fullheight">
  740.                 <div class="row m-0">
  742.                   <!-- Feature Image Start -->
  743.                   <div class="col-12 col-md-6 p-0 feature-image feature-image-team3"></div>
  744.                   <!-- Feature Image End -->
  746.                  <!-- Team Single Item Start -->
  747.                   <div class="col-12 col-md-6 feature-item">
  748.                     <div class="feature-item_description">
  749.                       <h3>Peter Melicharek<br>knower-of-stuff</h3>
  750.                       <span class="divider"></span>
  751.                       <p>Peter is a lawyer and co-founder of the award-winning legal tech start up LeReTo. He knows lots of stuff, and not just about the law and technology.</p><br>
  752.                     <div class="btn-holder">
  753.                     <a href="https://www.linkedin.com/in/peter-melicharek-1a419212/" class="btn btn-outline-light_sfn">
  754.                       <span class="btn-caption">linkedin profile</span>
  755.                     </a>
  756.                     </div>
  757.                     </div>
  758.                   </div>
  759.                   <!-- Team Single Item End -->
  761.                 </div>
  762.                 <div class="row m-0 flex-md-row-reverse">
  764.                   <!-- Feature Image Start -->
  765.                   <div class="col-12 col-md-6 p-0 feature-image feature-image-team4"></div>
  766.                   <!-- Feature Image End -->
  768.                   <!-- Team Single Item Start -->
  769.                   <div class="col-12 col-md-6 feature-item">
  770.                     <div class="feature-item_description">
  771.                       <h3>Jasmine Fassl<br>know-it-all</h3>
  772.                       <span class="divider"></span>
  773.                       <p>Jasmine has been a leader and project manager in the cultural sector in Europe for years. She knows enough to know that she definitely doesn‘t know it all. </p><br>
  774.                     <div class="btn-holder">
  775.                     <a href="https://www.linkedin.com/in/jasmine-f-103437a4/" class="btn btn-outline-light_sfn">
  776.                       <span class="btn-caption">linkedin profile</span>
  777.                     </a>
  778.                     </div>
  779.                     </div>
  780.                   </div>
  781.                   <!-- Team Single Item End -->
  783.                 </div>
  784.               </div>
  785.               <!-- Team Block End-->
  787.             </div>
  788.             <!-- Team Section Media End -->
  790.           </div>
  791.         </div>
  792.       </div>
  793.       <!-- Team Section End-->
  796.       <!-- Contact Section Start-->
  797.       <div class="section fp-auto-height-responsive content-section" data-anchor="contact">
  798.         <div class="container-fluid p-0 fullheight">
  799.           <div class="row no-gutters fullheight">
  801.             <!-- Contact Section Info Start -->
  802.             <div class="col-12 col-xl-6 content-section_info">
  803.               <div class="content-block">
  805.                 <!-- Section Title Start -->
  806.                 <div class="section-title">
  807.                   <h2>Get in touch.</h2>
  808.                   <span class="divider"></span>
  809.                   <span class="subtitle">We do things legally clever - since 2014!</span>
  810.                   <p>Based in Vienna, Austria, the multi-award-winning legal tech start-up LeReTo was founded. After a first product for the legal research market, process optimisation tools followed. Since then, the team has grown, but the passion for digitalisation, law, data and just making things easier for people has stayed the same.</p>
  811.                   <p>You can drop us a note and we’ll reply as soon as posible.</p>              
  812.                   <p>Contact us via email: <span>smartfiles [AT] lereto [DOT] at</span></p>
  813.                   <div class="btn-holder">
  814.                     <a href="mailto:smartfiles@lereto.at" class="btn">
  815.                       <span class="btn-caption">Drop a note</span>
  816.                       <span class="icon ion-android-create"></span>
  817.                     </a>
  818.                   </div>
  819.                   <div class="btn-holder">
  820.                     <a href="docs/dse.pdf" class="btn btn-outline-light_sfn">
  821.                       <span class="btn-caption">Imprint & Data Protection</span>
  822.                       <span class="icon ion-ios-arrow-forward"></span>
  823.                     </a>
  824.                   </div>
  825.                 </div>
  826.                 <!-- Section Title End -->
  828.               </div>
  829.             </div>
  830.             <!-- Contact Section Info End -->
  832.             <!-- Contact Section Media Start -->
  833.             <div class="col-12 col-xl-6 content-section_media">
  835.               <!-- Contact Section Image Start -->
  836.               <div class="image image-contact"></div>
  837.               <!-- Contact Section Image End -->
  839.             </div>
  840.             <!-- Contact Section Media End -->
  842.           </div>
  843.         </div>
  844.       </div>
  845.       <!-- Contact Section End-->
  847.     </div>
  848.     <!-- Fullpage.js Sections End-->
  850.     <!-- Notify Me Popup Start -->
  851.     <div class="popup popup-light notify">
  853.       <!-- Popup Content Wrapper Start -->
  854.       <div class="popup_content">
  856.         <!-- Close Button Start -->
  857.         <a href="#0" id="notify-close" class="popup_close notify-close"></a>
  858.         <!-- Close Button End -->
  860.         <div class="container-fluid p-0 fullheight">
  861.           <div class="row no-gutters justify-content-center fullheight">
  862.             <div class="col-12 col-xl-4 fullheight">
  864.               <!-- Notify Content Start -->
  865.               <div class="popup-wrapper">
  867.                 <!-- Notify Title Start -->
  868.                 <div class="popup-title">
  869.                   <p class="title">Get to know about our launch</p>
  870.                   <span class="divider"></span>
  871.                   <p class="subtitle">Subscribe to our newsletter and we will send you a notification about the launch of our brand new site.</p>
  872.                 </div>
  873.                 <!-- Notify Title End -->
  875.                 <!-- Notify Form Container Start -->
  876.                 <div class="form-container">
  878.                   <!-- Reply Messages Start-->
  879.                   <div class="reply-group reply-dark subscription-ok">
  880.                     <i class="icon ion-ios-checkmark txt-accent-color"></i>
  881.                     <p class="reply-group__title">Done!</p>
  882.                     <span class="reply-group__text">Thanks for subscribing. We will send you a notification about the launch of our brand new website.</span>
  883.                   </div>
  884.                   <div class="reply-group reply-dark subscription-error">
  885.                     <i class="icon ion-sad txt-accent-color"></i>
  886.                     <p class="reply-group__title">Ooops!</p>
  887.                     <span class="reply-group__text">Something went wrong. Please try again later.</span>
  888.                   </div>
  889.                   <!-- Reply Messages End-->
  891.                   <!-- Notify Contact Form Start-->
  892.                   <form class="form form-dark notify-form">
  893.                     <input class="input" type="email" placeholder="Email Adress*" required>
  894.                     <span class="inputs-description">*Required fields</span>
  895.                     <button class="btn" type="submit">
  896.                       <span class="btn-caption">Send</span>
  897.                       <span class="icon ion-android-send"></span>
  898.                     </button>
  899.                   </form>
  900.                   <!-- Notify Contact Form End-->
  902.                 </div>
  903.                 <!-- Notify Form Container End -->
  905.               </div>
  906.               <!-- Notify Content End -->
  908.             </div>
  909.           </div>
  910.         </div>
  911.       </div>
  912.       <!-- Popup Content Wrapper End -->
  914.       <div class="popup_background"></div>
  916.       <!-- Popup Morphing Shape Start -->
  917.       <div class="popup_shape">
  918.         <svg class="popup-transition-shape" width="100%" height="100%" viewBox="0 0 1440 800" preserveAspectRatio="none">
  919.           <path class="popup-morphing-path" d="M-22.4-87.7c-8.3,95.9,56.9,71.1,216.6,79c189.3,9.4,264.6-2.6,431.3-0.8c187.6,2,331.6-9.3,528.2-0.2c443.7,20.5,435.1-61.8,368.6-188.1C1455.9-324.1,34.5-746.7-22.4-87.7z"/>
  920.         </svg>
  921.       </div>
  922.       <!-- Popup Morphing Shape End -->
  924.     </div>
  925.     <!-- Notify Me Popup End -->
  927.     <!-- Write-a-Line Popup Start -->
  928.     <div class="popup popup-light writealine">
  930.       <!-- Popup Content Wrapper Start -->
  931.       <div class="popup_content">
  933.         <!-- Close Button Start -->
  934.         <a href="#0" id="writealine-close" class="popup_close writealine-close"></a>
  935.         <!-- Close Button End -->
  937.         <div class="container-fluid p-0 fullheight">
  938.           <div class="row no-gutters justify-content-center fullheight">
  939.             <div class="col-12 col-xl-4 fullheight">
  941.               <!-- Write-a-Line Content Start -->
  942.               <div class="popup-wrapper">
  944.                 <!-- Write-a-Line Title Start -->
  945.                 <div class="popup-title">
  946.                   <p class="title">Just say "Hello!"</p>
  947.                   <span class="divider"></span>
  948.                   <p class="subtitle">Drop us a line and we will get back as soon as possible.</p>
  949.                 </div>
  950.                 <!-- Write-a-Line Title End -->
  952.                 <!-- Write-a-Line Form Container Start -->
  953.                 <div class="form-container">
  955.                   <!-- Reply Group Start -->
  956.                   <div class="reply-group reply-dark">
  957.                     <i class="icon ion-ios-checkmark"></i>
  958.                     <p class="reply-group__title"><span>Done</span>!</p>
  959.                     <span class="reply-group__text">Thanks for your message. We will get back as soon as possible.</span>
  960.                   </div>
  961.                   <!-- Reply Group End -->
  963.                   <!-- Contact Form Start -->
  964.                   <form class="form form-dark writealine-form" id="writealine-form">
  966.                     <!-- Hidden Required Fields -->
  967.                     <input type="hidden" name="project_name" value="The Smartfiles Network"> <!-- Put Your Project Name Here -->
  968.                     <input type="hidden" name="admin_email" value="smartfiles@lereto.at"> <!-- Put Your Email Here -->
  969.                     <input type="hidden" name="form_subject" value="Contact Form Message"> <!-- Put Your Email Subject Here -->
  970.                     <!-- END Hidden Required Fields-->
  972.                     <input type="text" name="Name" placeholder="Your Name*" required>
  973.                     <input type="email" name="E-mail" placeholder="Email Adress*">
  974.                     <textarea name="Message" placeholder="A Few Words*" required></textarea>
  975.                     <span class="inputs-description">*Required fields</span>
  977.                     <!-- Send Button Start -->
  978.                     <button class="btn">
  979.                       <span class="btn-caption">Send</span>
  980.                       <span class="icon ion-android-send"></span>
  981.                     </button>
  982.                     <!-- Send Button End -->
  984.                   </form>
  985.                   <!-- Contact Form End -->
  987.                 </div>
  988.                 <!-- Write-a-Line Form Container End -->
  990.               </div>
  991.               <!-- Write-a-Line Content End -->
  993.             </div>
  994.           </div>
  995.         </div>
  996.       </div>
  997.       <!-- Popup Content Wrapper End -->
  999.       <div class="popup_background"></div>
  1001.       <!-- Popup Morphing Shape Start -->
  1002.       <div class="popup_shape">
  1003.         <svg class="popup-transition-shape" width="100%" height="100%" viewBox="0 0 1440 800" preserveAspectRatio="none">
  1004.           <path class="popup-morphing-path" d="M-22.4-87.7c-8.3,95.9,56.9,71.1,216.6,79c189.3,9.4,264.6-2.6,431.3-0.8c187.6,2,331.6-9.3,528.2-0.2c443.7,20.5,435.1-61.8,368.6-188.1C1455.9-324.1,34.5-746.7-22.4-87.7z"/>
  1005.         </svg>
  1006.       </div>
  1007.       <!-- Popup Morphing Shape End -->
  1009.     </div>
  1010.     <!-- Write-a-Line Popup End -->
  1012.     <!-- Custom HTML End-->
  1014.     <!-- Root element of PhotoSwipe. Must have class pswp. -->
  1015.     <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  1017.       <!-- Background of PhotoSwipe.
  1018.       It's a separate element, as animating opacity is faster than rgba(). -->
  1019.       <div class="pswp__bg"></div>
  1021.       <!-- Slides wrapper with overflow:hidden. -->
  1022.       <div class="pswp__scroll-wrap">
  1024.         <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
  1025.         <!-- don't modify these 3 pswp__item elements, data is added later on. -->
  1026.         <div class="pswp__container">
  1027.             <div class="pswp__item"></div>
  1028.             <div class="pswp__item"></div>
  1029.             <div class="pswp__item"></div>
  1030.         </div>
  1032.         <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
  1033.         <div class="pswp__ui pswp__ui--hidden">
  1035.           <div class="pswp__top-bar">
  1037.             <!--  Controls are self-explanatory. Order can be changed. -->
  1039.             <div class="pswp__counter"></div>
  1041.             <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  1043.             <button class="pswp__button pswp__button--share" title="Share"></button>
  1045.             <!-- <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>  -->
  1047.             <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
  1049.             
  1050.             <!-- element will get class pswp__preloader--active when preloader is running -->
  1051.             <div class="pswp__preloader">
  1052.                     <div class="pswp__preloader__icn">
  1053.                       <div class="pswp__preloader__cut">
  1054.                         <div class="pswp__preloader__donut"></div>
  1055.                       </div>
  1056.                     </div>
  1057.             </div>
  1058.           </div>
  1060.             <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  1061.                 <div class="pswp__share-tooltip"></div>
  1062.             </div>
  1064.             <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
  1065.             </button>
  1067.             <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
  1068.             </button>
  1070.             <div class="pswp__caption">
  1071.                 <div class="pswp__caption__center"></div>
  1072.             </div>
  1074.         </div>
  1076.       </div>
  1078.     </div>
  1080.     <!-- Load Scripts Start-->
  1081.     <script src="js/libs.min.js"></script>
  1082.     <script src="js/gallery-init.js"></script>
  1083.     <script src="js/punchy-custom.js"></script>
  1084.     <!-- Load Scripts End-->
  1086.     <!-- GOOGLE ANALYTICs -->
  1087.         
  1088.         <!-- Opt Out für GOOGLE ANALYTICs https://www.kloos.at/blog/google-analytics-datenschutzkonform-nutzen/ siehe auch unsere Seite datenschutz.html-->
  1089.             <script>
  1090.             // Set to the same value as the web property used on the site
  1091.             var gaProperty = 'UA-66611028-1';
  1093.             // Disable tracking if the opt-out cookie exists.
  1094.             var disableStr = 'ga-disable-' + gaProperty;
  1095.             if (document.cookie.indexOf(disableStr + '=true') > -1) {
  1096.               window[disableStr] = true;
  1097.             }
  1099.             // Opt-out function
  1100.             function gaOptout() {
  1101.               document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
  1102.               window[disableStr] = true;
  1103.             }
  1104.             </script>
  1106.         <script>
  1107.         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1108.         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1109.         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1110.         })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1112.         ga('create', 'UA-66611028-1', 'auto');
  1113.         ga('set', 'anonymizeIp', true);
  1114.         ga('send', 'pageview');
  1116.         </script>
  1117.     <!-- GOOGLE ANALYTICs -->    
  1120.   </body>
  1122. </html>