<commit_before><!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Folio</title>
    
    
    
    <link rel='stylesheet prefetch' href='http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css'>
<link rel='stylesheet prefetch' href='http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick-theme.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Rancho&effect=3d'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdn.jsdelivr.net/foundation/6.1.1/foundation.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>

        <link rel="stylesheet" href="css/style.css">

    
    
    
  </head>

  <body>

    <head>
  <title>JHollond's Web Folio</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>

<div id="section3" class="width-border container-fluid">
  <h1><div class="font-effect-3d">Hi!</div></h1>
  <br>
  <p>My name Jack<br>Send help</p>
  <!-- ADD SOMETHING SO PEOPLE CAN CONTACT ME/YOU -->
</div>

<body>
  <div id="nav" data-spy="scroll" data-target=".navbar" data-offset="2000px">
    <nav class="nav navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#MyNavbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
          <a class="navbar-brand" href="#">
            <div> <NAME> </div>
          </a>
        </div>
        <div>
          <div class="collapse navbar-collapse" id="MyNavbar">
            <ul class="nav navbar-nav">
              <li class="active">
                <a href="#section1">Folio</a>
              </li>
              <li>
                <a href="#section2">About Me</a>
              </li>
              <li>
                <a href="#section3">Contact</a>
              </li>
              <!--<li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Other Enquiries
                <span class="caret"></span>
              </a>
                <ul class="dropdown-menu">
                  <li>
                    <a href="#section41">Social</a>
                  </li>
                  <li>
                    <a href="#section42">Footer</a>
                  </li>
                </ul>
              </li>-->
            </ul>
          </div>
        </div>
      </div>
    </nav>
  </div>

  <div id="section1" class="width-border container-fluid">
    <!--<h1><div class="font-effect-3d">My Work</div></h1>
    <br>
    <p>Here's some stuff I done did :D <br>Tap the thumbnails or swipe to browse</p> -->
    <br>
    <div>
      <div class="slick-work">
        <div id="SLIDE_0_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_0_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_1_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_1_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_2_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_2_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_3_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_3_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_4_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_4_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
      </div>
      <div class="slick-nav">
        <div id="NAV_0_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_0_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_1_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_1_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_2_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_2_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_3_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_3_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_4_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_4_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
      </div>
    </div>
    <br>
    <h1><div class="font-effect-3d">My Work</div></h1>
    <br>
    <p>Here's some stuff I done did :D <br>Tap the thumbnails or swipe to browse</p>
  </div>
  <div id="section2" class="width-border container-fluid">
    <h1><div class="font-effect-3d">About Me</div></h1>
    <br>
    <p>Hi, I'm Jack. I am building a career to keep people's websites fresh and up to date with the latest, most efficient technologies. This section might have a pic of me with some neat CSS style responsiveness, maybe some other stuff. Hold on while I
      learn full stack web development at <a target="blank" href="https://www.freecodecamp.com"><b>freecodecamp.com</b></a> tho. Okay thank u talk soon.</p>
  </div>

  <div id="section41" class="width-border container-fluid">
    <div class="col-sm-8 col-xs-12">
      <h1><div class="font-effect-3d">Social Things</div></h1>
      <br>
      <p>Add me on the social and check out my other work on Github and Codepen! (I currently don't have anything on any of these sites tho so hang in there).</p>
    </div>
    <div class="col-sm-4 col-xs-12">
      <div class="well container-fluid">
        <div class="col-sm-12 col-xs-4">
          <a target="blank" href="https://au.linkedin.com/in/jack-london-46b789121">
            <button class="btn btn-block"><i class="fa fa-linkedin btn-social"></i><div class="txt-social"> LinkedIn</div></button>
          </a>
        </div>
        <div class="col-sm-12 col-xs-4">
          <a target="blank" href="https://github.com/Jhollond">
            <button class="btn btn-block"><i class="fa fa-github btn-social"></i><div class="txt-social"> Github</div></button>
          </a>
        </div>
        <div class="col-sm-12 col-xs-4">
          <a target="blank" href="http://codepen.io/jHollond/">
            <button class="btn btn-block"><i class="fa fa-codepen btn-social"></i><div class="txt-social"> Codepen</div></button>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div id="section42" class="width-border container-fluid">
    <h1 style="font-size: 15px" id="footer-h"><b>I hope this is Copyrighted 2016 - <NAME></b></h1>
    <p id="footer-p">This will have stuff you usually have in a website footer, if you can suspend your disbelief - yes I know.</p>
  </div>
</body>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js'></script>
<script src='http://code.jquery.com/jquery-migrate-1.2.1.min.js'></script>
<script src='http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.js'></script>

        <script src="js/index.js"></script>

    
    
    
  </body><commit_msg>testing local referencing in index.html of image assets<commit_after><!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Folio</title>



    <link rel='stylesheet prefetch' href='http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css'>
<link rel='stylesheet prefetch' href='http://cdn.jsdelivr.net/jquery.slick/1.5.7/slick-theme.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Rancho&effect=3d'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://cdn.jsdelivr.net/foundation/6.1.1/foundation.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>

        <link rel="stylesheet" href="css/style.css">




  </head>

  <body>

    <head>
  <title>JHollond's Web Folio</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>

<div id="section3" class="width-border container-fluid">
  <h1><div class="font-effect-3d">Hi!</div></h1>
  <br>
  <p>My name Jack<br>Send help</p>
  <!-- ADD SOMETHING SO PEOPLE CAN CONTACT ME/YOU -->
</div>

<body>
  <div id="nav" data-spy="scroll" data-target=".navbar" data-offset="2000px">
    <nav class="nav navbar navbar-inverse">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#MyNavbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
          <a class="navbar-brand" href="#">
            <div> Jack Hollis-London </div>
          </a>
        </div>
        <div>
          <div class="collapse navbar-collapse" id="MyNavbar">
            <ul class="nav navbar-nav">
              <li class="active">
                <a href="#section1">Folio</a>
              </li>
              <li>
                <a href="#section2">About Me</a>
              </li>
              <li>
                <a href="#section3">Contact</a>
              </li>
              <!--<li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                Other Enquiries
                <span class="caret"></span>
              </a>
                <ul class="dropdown-menu">
                  <li>
                    <a href="#section41">Social</a>
                  </li>
                  <li>
                    <a href="#section42">Footer</a>
                  </li>
                </ul>
              </li>-->
            </ul>
          </div>
        </div>
      </div>
    </nav>
  </div>

  <div id="section1" class="width-border container-fluid">
    <!--<h1><div class="font-effect-3d">My Work</div></h1>
    <br>
    <p>Here's some stuff I done did :D <br>Tap the thumbnails or swipe to browse</p> -->
    <br>
    <div>
      <div class="slick-work">
        <div id="SLIDE_0_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="/img/tribute-page.png"></a>
        </div>
        <div id="SLIDE_0_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_1_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_1_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_2_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_2_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_3_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_3_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
        <div id="SLIDE_4_D">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/0q6I1Yy.png"></a>
        </div>
        <div id="SLIDE_4_M">
          <a target="blank" href="http://codepen.io/jHollond/full/zBNRme"><img src="http://i.imgur.com/EYHl6M4.png"></a>
        </div>
      </div>
      <div class="slick-nav">
        <div id="NAV_0_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_0_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_1_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_1_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_2_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_2_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_3_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_3_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
        <div id="NAV_4_D"><img src="http://i.imgur.com/LLJ1KLi.png"></div>
        <div id="NAV_4_M"><img src="http://i.imgur.com/EeYLLjW.png"></div>
      </div>
    </div>
    <br>
    <h1><div class="font-effect-3d">My Work</div></h1>
    <br>
    <p>Here's some stuff I done did :D <br>Tap the thumbnails or swipe to browse</p>
  </div>
  <div id="section2" class="width-border container-fluid">
    <h1><div class="font-effect-3d">About Me</div></h1>
    <br>
    <p>Hi, I'm Jack. I am building a career to keep people's websites fresh and up to date with the latest, most efficient technologies. This section might have a pic of me with some neat CSS style responsiveness, maybe some other stuff. Hold on while I
      learn full stack web development at <a target="blank" href="https://www.freecodecamp.com"><b>freecodecamp.com</b></a> tho. Okay thank u talk soon.</p>
  </div>

  <div id="section41" class="width-border container-fluid">
    <div class="col-sm-8 col-xs-12">
      <h1><div class="font-effect-3d">Social Things</div></h1>
      <br>
      <p>Add me on the social and check out my other work on Github and Codepen! (I currently don't have anything on any of these sites tho so hang in there).</p>
    </div>
    <div class="col-sm-4 col-xs-12">
      <div class="well container-fluid">
        <div class="col-sm-12 col-xs-4">
          <a target="blank" href="https://au.linkedin.com/in/jack-london-46b789121">
            <button class="btn btn-block"><i class="fa fa-linkedin btn-social"></i><div class="txt-social"> LinkedIn</div></button>
          </a>
        </div>
        <div class="col-sm-12 col-xs-4">
          <a target="blank" href="https://github.com/Jhollond">
            <button class="btn btn-block"><i class="fa fa-github btn-social"></i><div class="txt-social"> Github</div></button>
          </a>
        </div>
        <div class="col-sm-12 col-xs-4">
          <a target="blank" href="http://codepen.io/jHollond/">
            <button class="btn btn-block"><i class="fa fa-codepen btn-social"></i><div class="txt-social"> Codepen</div></button>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div id="section42" class="width-border container-fluid">
    <h1 style="font-size: 15px" id="footer-h"><b>I hope this is Copyrighted 2016 - <NAME></b></h1>
    <p id="footer-p">This will have stuff you usually have in a website footer, if you can suspend your disbelief - yes I know.</p>
  </div>
</body>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js'></script>
<script src='http://code.jquery.com/jquery-migrate-1.2.1.min.js'></script>
<script src='http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/6.2.3/foundation.min.js'></script>

        <script src="js/index.js"></script>




  </body>
{'fraction_non_alphanumeric': 0.20175284837861526, 'fraction_numerical': 0.018404907975460124, 'mean_word_length': 2.5503007674756275, 'pattern_counts': {'":': 0, '<': 566, '<?xml version=': 0, '>': 566, 'https://': 22, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '281952', 'n_tokens_mistral': 6432, 'n_tokens_neox': 6239, 'n_words': 1061}