<commit_before>  <!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><NAME>'s Page</title>

    <!-- main css file -->
    <link rel="stylesheet" href="css/style.css" />


    <!-- color styles - uncomment your preferred -->
    <link rel="stylesheet" type="text/css" href="css/skins/green.css" name="colors" />
    <!--
    <link rel="stylesheet" type="text/css" href="css/skins/turquoise.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/orange.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/yellow.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/green.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/blue.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/brown.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/violet.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/purple.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/grey.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/red.css" name="colors" />
    -->

    <!-- Style Switcher Box delete for remove styleswitcher-->
    <link rel="stylesheet" href="css/styleswitcher.css">

    <!-- google fonts -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>

    <script src="js/vendor/modernizr.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-135911790-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-135911790-1');
    </script>
  </head>
  <body>

      <!-- start styleswitcher, remove this -->
      <div class="switcher"></div>
      <!-- end styleswitcher -->

      <!-- Preloader -->
      <div class="mask">
        <div id="loader"></div>
      </div>
      <!--/Preloader -->

      <div class="menu-btn">
        <img alt="" src="img/nav.svg">
      </div>

      <!-- start navigation -->
      <nav class="pushy pushy-right">

        <div class="logo-small">
          <a class="inner-link" href="#home"><img class="logo nav-logo"  alt="Kurr" src="img/SHC.png" ></a><br>
        </div>

        <!-- start menu -->
        <ul class="menu">
          <li><a class="inner-link" href="#about">About</a></li>
          <li><a class="inner-link" href="#intersetblock">Interests</a></li>
          <li><a class="inner-link" href="#education">Education</a></li>
          <li><a class="inner-link" href="#portfolio">Portfolio</a></li>
          <li><a class="inner-link" href="#skills">Skills</a></li>
          <li><a class="inner-link" href="#experience">Experience</a></li>
        </ul>
        <!-- end menu -->

        <!--start bottom menu content -->
        <div class="bottom-content">
          <ul class="contact-details">
            <li><span><NAME></span></li>
            <li><a href="mailto:<EMAIL>">contact me</a></li>
          </ul>
        </div>
        <!-- end bottom menu content -->

      </nav>
      <!-- end navigation -->

    <div class="site-overlay"></div>

    <!-- start section #home -->
    <section id="home">
      <div class="bg_overlay"></div>
        <div class="row">
          <div class="medium-8 large-text-center medium-centered small-8 medium-text-centered small-centered columns">
            <img class="logo" src="img/SHC.png" alt="" style="width:100%;
    max-width:150px;" /><br />
            <h1 class="white"><NAME></h3>
            <p class="white">Brother | Son | PhD Student | Cook</p>
          </div>
      </div>

      <!-- mouse wheel on slider revolution (custom) -->
      <div class="intro-scroller">
        <a class="inner-link" href="#about" >
          <div class="mouse-icon white" style="opacity: 1;">
            <div class="wheel"></div>
          </div>
        </a>
      </div>
      <!-- end mouse wheel on slider revolution (custom) -->

    </section>
    <!-- end section #home -->

   <div id="wrapper">



    <!-- start section #about -->
    <section id="about">

      <div class="row bot-70">

          <div class="medium-5 columns">
            <h2>About <strong>ME</strong></h2>
            <!-- <p>Maecenas nec odio et ante tincidunt tempus.</p> -->
          </div>
          <div class="medium-1 columns">
            <i class="icon kurr-speech-streamline-talk-user big white"></i>
          </div>
          <div class="medium-6 columns">
            <p>"Hi, I'm Sergio. Thank you for stopping by."</p>
          </div>

      </div>

      <div class="row" data-equalizer>
        <div class="medium-5 columns wow fadeInLeft" data-wow-delay="0.2s" data-wow-duration="1.2s"  data-wow-offset="30" data-equalizer-watch>
          <img src="img/about.jpg" alt="" />
        </div>

        <div class="medium-7 columns wow fadeInRight" data-wow-delay="0.2s" data-wow-duration="1.2s"  data-wow-offset="30" data-equalizer-watch>
          <div class="content-text">
            <p>Aenean fermentum luctus fringilla. Pellentesque tristique, nibh et pharetra dictum, diam elit tempus enim, quis venenatis nulla lectus vitae sapien. Sed fringilla facilisis tortor quis malesuada. Vivamus quis tortor at urna sollicitudin vestibulum eget eu tellus. Aliquam tincidunt efficitur leo, ac imperdiet libero faucibus eu. Curabitur et sem id turpis bibendum pulvinar sed at metus. Integer consequat semper dui, ac interdum dolor feugiat in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ligula erat, tempus vel tempor vitae, maximus a ex. Donec non eros sit amet lectus iaculis ullamcorper in ut massa. Vivamus posuere faucibus justo eget maximus. Quisque porta vestibulum quam, quis dictum augue condimentum egestas. Pellentesque accumsan nibh vel nibh venenatis, gravida fermentum turpis mollis. Praesent et metus a diam mattis molestie at eget sem. Donec congue odio sem, quis vestibulum dui elementum a. Sed convallis elementum dolor, id malesuada arcu aliquet nec.
              <strong><a href="documents/0.pdf" style="color: #57E5FF">Honours</a></strong> and <strong><a href="documents/0.pdf" style="color:#57E5FF">PhD theses</a></strong>, Pellentesque tristique, nibh et pharetra dictum, diam elit tempus enim, quis venenatis nulla lectus vitae sapien. Sed fringilla facilisis tortor quis malesuada.
              <br>
            </p>
          </div>

        </div>
        <div class="row" data-equalizer>
        <div class="medium-12 text-center columns wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1.2s"  data-wow-offset="30">
          <div class="row bot-70">
            <div class="medium-12 text-left" style="padding : 0px 0px 0px 10px;">
              <h2>My <strong>Resume and Social Media</strong></h2>
              <!-- <p>Maecenas nec odio et ante tincidunt tempus.</p> -->
            </div>
          </div>
          <div class="row bot-70" style= " padding:50px 0px 0px 0px">
          <!--<a class="cv_btn" title="" href="documents/SergioCantu_CV.pdf">download resume</a>-->
          <a class="social" title="" href="documents/SergioCantu_CV.pdf"><i class="icon kurr-file"></i></a><commit_msg>aligned icons<commit_after>  <!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><NAME> Page</title>

    <!-- main css file -->
    <link rel="stylesheet" href="css/style.css" />


    <!-- color styles - uncomment your preferred -->
    <link rel="stylesheet" type="text/css" href="css/skins/green.css" name="colors" />
    <!--
    <link rel="stylesheet" type="text/css" href="css/skins/turquoise.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/orange.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/yellow.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/green.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/blue.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/brown.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/violet.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/purple.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/grey.css" name="colors" />
    <link rel="stylesheet" type="text/css" href="css/skins/red.css" name="colors" />
    -->

    <!-- Style Switcher Box delete for remove styleswitcher-->
    <link rel="stylesheet" href="css/styleswitcher.css">

    <!-- google fonts -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>

    <script src="js/vendor/modernizr.js"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-135911790-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-135911790-1');
    </script>
  </head>
  <body>

      <!-- start styleswitcher, remove this -->
      <div class="switcher"></div>
      <!-- end styleswitcher -->

      <!-- Preloader -->
      <div class="mask">
        <div id="loader"></div>
      </div>
      <!--/Preloader -->

      <div class="menu-btn">
        <img alt="" src="img/nav.svg">
      </div>

      <!-- start navigation -->
      <nav class="pushy pushy-right">

        <div class="logo-small">
          <a class="inner-link" href="#home"><img class="logo nav-logo"  alt="Kurr" src="img/SHC.png" ></a><br>
        </div>

        <!-- start menu -->
        <ul class="menu">
          <li><a class="inner-link" href="#about">About</a></li>
          <li><a class="inner-link" href="#intersetblock">Interests</a></li>
          <li><a class="inner-link" href="#education">Education</a></li>
          <li><a class="inner-link" href="#portfolio">Portfolio</a></li>
          <li><a class="inner-link" href="#skills">Skills</a></li>
          <li><a class="inner-link" href="#experience">Experience</a></li>
        </ul>
        <!-- end menu -->

        <!--start bottom menu content -->
        <div class="bottom-content">
          <ul class="contact-details">
            <li><span><NAME></span></li>
            <li><a href="mailto:<EMAIL>">contact me</a></li>
          </ul>
        </div>
        <!-- end bottom menu content -->

      </nav>
      <!-- end navigation -->

    <div class="site-overlay"></div>

    <!-- start section #home -->
    <section id="home">
      <div class="bg_overlay"></div>
        <div class="row">
          <div class="medium-8 large-text-center medium-centered small-8 medium-text-centered small-centered columns">
            <img class="logo" src="img/SHC.png" alt="" style="width:100%;
    max-width:150px;" /><br />
            <h1 class="white"><NAME></h3>
            <p class="white">Brother | Son | PhD Student | Cook</p>
          </div>
      </div>

      <!-- mouse wheel on slider revolution (custom) -->
      <div class="intro-scroller">
        <a class="inner-link" href="#about" >
          <div class="mouse-icon white" style="opacity: 1;">
            <div class="wheel"></div>
          </div>
        </a>
      </div>
      <!-- end mouse wheel on slider revolution (custom) -->

    </section>
    <!-- end section #home -->

   <div id="wrapper">



    <!-- start section #about -->
    <section id="about">

      <div class="row bot-70">

          <div class="medium-5 columns">
            <h2>About <strong>ME</strong></h2>
            <!-- <p>Maecenas nec odio et ante tincidunt tempus.</p> -->
          </div>
          <div class="medium-1 columns">
            <i class="icon kurr-speech-streamline-talk-user big white"></i>
          </div>
          <div class="medium-6 columns">
            <p>"Hi, I'm Sergio. Thank you for stopping by."</p>
          </div>

      </div>

      <div class="row" data-equalizer>
        <div class="medium-5 columns wow fadeInLeft" data-wow-delay="0.2s" data-wow-duration="1.2s"  data-wow-offset="30" data-equalizer-watch>
          <img src="img/about.jpg" alt="" />
        </div>

        <div class="medium-7 columns wow fadeInRight" data-wow-delay="0.2s" data-wow-duration="1.2s"  data-wow-offset="30" data-equalizer-watch>
          <div class="content-text">
            <p>Aenean fermentum luctus fringilla. Pellentesque tristique, nibh et pharetra dictum, diam elit tempus enim, quis venenatis nulla lectus vitae sapien. Sed fringilla facilisis tortor quis malesuada. Vivamus quis tortor at urna sollicitudin vestibulum eget eu tellus. Aliquam tincidunt efficitur leo, ac imperdiet libero faucibus eu. Curabitur et sem id turpis bibendum pulvinar sed at metus. Integer consequat semper dui, ac interdum dolor feugiat in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ligula erat, tempus vel tempor vitae, maximus a ex. Donec non eros sit amet lectus iaculis ullamcorper in ut massa. Vivamus posuere faucibus justo eget maximus. Quisque porta vestibulum quam, quis dictum augue condimentum egestas. Pellentesque accumsan nibh vel nibh venenatis, gravida fermentum turpis mollis. Praesent et metus a diam mattis molestie at eget sem. Donec congue odio sem, quis vestibulum dui elementum a. Sed convallis elementum dolor, id malesuada arcu aliquet nec.
              <strong><a href="documents/0.pdf" style="color: #57E5FF">Honours</a></strong> and <strong><a href="documents/0.pdf" style="color:#57E5FF">PhD theses</a></strong>, Pellentesque tristique, nibh et pharetra dictum, diam elit tempus enim, quis venenatis nulla lectus vitae sapien. Sed fringilla facilisis tortor quis malesuada.
              <br>
            </p>
          </div>

        </div>
        <div class="row" data-equalizer>
        <div class="medium-12  wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="1.2s"  data-wow-offset="30">
          <div class="row bot-70">
            <div class="medium-8 columns" >
              <h2>My <strong>Resume and Social Media</strong></h2>
              <!-- <p>Maecenas nec odio et ante tincidunt tempus.</p> -->
            </div>
          </div>
          <div class="row bot-70 medium-12 text-center columns" style= " padding:50px 0px 0px 100px">
          <!--<a class="cv_btn" title="" href="documents/SergioCantu_CV.pdf">download resume</a>-->
          <a class="social" title="" href="documents/SergioCantu_CV.pdf"><i class="icon kurr-file"></i></a>
{'fraction_non_alphanumeric': 0.17547554794971368, 'fraction_numerical': 0.012374119660369907, 'mean_word_length': 2.7194614443084455, 'pattern_counts': {'":': 0, '<': 393, '<?xml version=': 0, '>': 393, 'https://': 6, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '700403', 'n_tokens_mistral': 5175, 'n_tokens_neox': 4918, 'n_words': 1170}