<commit_before><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title><NAME></title>

<!-- Bootstrap core CSS -->
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="app/css/main.css" rel="stylesheet">

<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'
>

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/modernizr/modernizr.custom.js"></script>


<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<!-- ==== HOME ==== -->
  <div id="home" name="home">
    <div class="home-navbar-container">
      <nav class="home-navbar">
        <div class="home-container">
          <div class="navbar-home">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button></div>
          <div class="navbar-collapse collapse">
            <ul class="navbar-home-links">
              <li> <a href="#about"> About</a></li>
              <li> <a href="#skills"> Skills</a></li>
              <li> <a href="#portfolio"> Portfolio</a></li>
              <li> <a href="#contact"> Contact</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </div>


    <div class="container">
      <div id="profile_container" class="col-sm-12">
        <h1><NAME></h1>
        <label>Lorem ipsum dolor sit amet</label>
        <p> Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam beautiful and dynamic WordPress sites to coding mobile responsive web Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam. Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam</p>
        <a href="#about" class="btn btn-md about">Learn More</a> </header>
        <a href="#contact" class="btn btn-md contact">Contact Me</a> </header>
      </div>
    </div>
  </div>


  <nav class="navbar navbar-default">
    <div class="container nav-container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button></div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="#home">Home</a></li>
          <li> <a href="#about"> About</a></li>
          <li> <a href="#skills"> Skills</a></li>
          <li> <a href="#portfolio"> Portfolio</a></li>
          <li> <a href="#contact"> Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>


<!-- ==== ABOUT ==== -->
<body>
  <div id="about" name="about">
    <div class="container about-container">
        <h2 class="centered">ABOUT ME</h2>
        <hr>
        <div class="col-md-5 col-md-offset-1">
          <img id="pro-pic" class="img-responsive" src="app/assets/ProfessionalPicture.jpg" align=""> 
        </div>
        <div class="col-md-4 col-md-offset about-me">
          <h3>Who am I</h3>
            <p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel. Te sit malorum ceteros repudiandae, ne tritani adipisci vis.</p>
          <h3>Why choose me?</h3>
            <p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel.</p>
        </div>
    </div>
  </div>

<!-- ==== PORTFOLIO ==== -->
<div id="portfolio" name="portfolio">
  <div class="container">
    <div class="row">
      <h2 class="centered">MY PORTFOLIO</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <!-- PORTFOLIO IMAGE 1 -->
        <div class="col-md-4 ">
          <div class="grid mask">
            <figure> <img class="img-responsive portfolio-images" src="app/assets/Podium.jpg" alt="">
              <figcaption>
                <h5>Podium</h5>
                  <a data-toggle="modal" href="https://github.com/MatthewReuther/podium" class="btn btn-default code">View Code</a>
                  <a data-toggle="modal" href="https://project-spark.firebaseapp.com/" class="btn btn-default">View Live</a>
              </figcaption>
            </figure>
          </div>
        </div>

        <!-- PORTFOLIO IMAGE 2 -->
        <div class="col-md-4">
          <div class="grid mask">
            <figure> <img class="img-responsive portfolio-images" src="app/assets/ProjectSpark.jpg" alt="">
              <figcaption>
                <h5>Project Spark</h5>
                <a data-toggle="modal" href="http://snack-tennessee.herokuapp.com/" class="btn btn-default">View Live</a>
              </figcaption>
            </figure>
          </div>
        </div>

        <!-- PORTFOLIO IMAGE 3 -->
        <div class="col-md-4">
          <div class="grid mask">
            <figure> <img class="img-responsive portfolio-images" src="app/assets/SnackTN.jpg" alt="">
              <figcaption>
                <h5>Snack Tennessee</h5>
                <a data-toggle="modal" href="#myModal" class="btn btn-default">View Live</a> </figcaption>
            </figure>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ==== Skills ==== -->
<div id="skills" name="skills">
  <div class="container">
    <div class="row">
      <h2 class="centered">MY SKILLS</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2">
        <p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
        <div id="front-end-container" class="col-lg-6">
          <ul id="front-end">
            <li>
              <button class="fa fa-desktop fa-3x"></button>
              <h3>Front-End Development</h3>
              <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
              <ul id="front-end-sub">
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/html5logo.png" alt="">
                    <h3>HTML5</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images css" src="app/assets/css3logo.png" alt="">
                    <h3>CSS3</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images js" src="app/assets/javascript-logo.png" alt="">
                    <h3>JavaScript</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/git-logo.png" alt="">
                    <h3 bottom-front-end-container>Git</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/angularlogo.png" alt="">
                    <h3 class="bottom-front-end-container">AngularJS</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/jquery_logo.png" alt="">
                    <h3 class="bottom-front-end-container">jQuery</h3>
                  </div>
                </li>
              </ul>
            </li>
          </ul>
        </div>

        <div class="col-lg-6">
          <ul id="back-end">
            <li>
              <button class="fa fa-database fa-3x"></button>
              <h3>Back-End Development</h3>
              <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
              <ul id="back-end-sub">
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="img-responsive skill-images" src="app/assets/Ruby.png" alt="">
                    <h3>Ruby</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="img-responsive skill-images" src="app/assets/PostgreSQL.png" alt="">
                    <h3>PostgeSQL</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="img-responsive skill-images" src="app/assets/railslogo.png" alt="">
                    <h3>Rails</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
                    <img class="wider-images" src="app/assets/MySQL.png" alt="">
                    <h3>MySQL</h3>
                  </div>
                </li>
                  <div class="col-lg-5 col-sm-6 col-xs-12">
                    <img class="wider-images" src="app/assets/sqlite3logo.png" alt="">
                    <h3>Sqlite</h3>
                  </div>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

<!-- CONTACT PAGE -->
<div id="contact" name="contact">
  <div class="container">
    <div class="row">
      <h2 class="centered">CONNECT WITH ME</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 centered">
        <div class="col-lg-3 col-sm-3 col-xs-3"> <i class="fa fa-envelope-o fa-2x"></i>
        </div>
          <div class="col-lg-3 col-sm-3 col-xs-3"> <i class="fa fa fa-twitter fa-2x"></i>
        </div>
        <div class="col-lg-3 col-sm-3 col-xs-3"> <i class="fa fa fa-linkedin fa-2x"></i>
        </div>
        <div class="col-lg-3 col-sm-3 col-xs-3"> <i class="fa fa fa-github fa-2x"></i>
        </div>
      </div>
    </div>
    <!-- row --> 
    
  </div>
</div>

<div id="footer">
  <div class="container">
    <div class="row">
      <div class="col-md-8"> <span class="copyright">Copyright &copy; 2015 <NAME></div>
    </div><commit_msg>added links to all contact page logos<commit_after><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title><NAME></title>

<!-- Bootstrap core CSS -->
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="app/css/main.css" rel="stylesheet">

<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'
>

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/modernizr/modernizr.custom.js"></script>


<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<!-- ==== HOME ==== -->
  <div id="home" name="home">
    <div class="home-navbar-container">
      <nav class="home-navbar">
        <div class="home-container">
          <div class="navbar-home">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button></div>
          <div class="navbar-collapse collapse">
            <ul class="navbar-home-links">
              <li> <a href="#about"> About</a></li>
              <li> <a href="#skills"> Skills</a></li>
              <li> <a href="#portfolio"> Portfolio</a></li>
              <li> <a href="#contact"> Contact</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </div>


    <div class="container">
      <div id="profile_container" class="col-sm-12">
        <h1><NAME></h1>
        <label>Lorem ipsum dolor sit amet</label>
        <p> Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam beautiful and dynamic WordPress sites to coding mobile responsive web Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam. Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam</p>
        <a href="#about" class="btn btn-md about">Learn More</a> </header>
        <a href="#contact" class="btn btn-md contact">Contact Me</a> </header>
      </div>
    </div>
  </div>


  <nav class="navbar navbar-default">
    <div class="container nav-container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button></div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="#home">Home</a></li>
          <li> <a href="#about"> About</a></li>
          <li> <a href="#skills"> Skills</a></li>
          <li> <a href="#portfolio"> Portfolio</a></li>
          <li> <a href="#contact"> Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>


<!-- ==== ABOUT ==== -->
<body>
  <div id="about" name="about">
    <div class="container about-container">
        <h2 class="centered">ABOUT ME</h2>
        <hr>
        <div class="col-md-5 col-md-offset-1">
          <img id="pro-pic" class="img-responsive" src="app/assets/ProfessionalPicture.jpg" align=""> 
        </div>
        <div class="col-md-4 col-md-offset about-me">
          <h3>Who am I</h3>
            <p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel. Te sit malorum ceteros repudiandae, ne tritani adipisci vis.</p>
          <h3>Why choose me?</h3>
            <p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel.</p>
        </div>
    </div>
  </div>

<!-- ==== PORTFOLIO ==== -->
<div id="portfolio" name="portfolio">
  <div class="container">
    <div class="row">
      <h2 class="centered">MY PORTFOLIO</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <!-- PORTFOLIO IMAGE 1 -->
        <div class="col-md-4 ">
          <div class="grid mask">
            <figure> <img class="img-responsive portfolio-images" src="app/assets/Podium.jpg" alt="">
              <figcaption>
                <h5>Podium</h5>
                  <a data-toggle="modal" href="https://github.com/MatthewReuther/podium" class="btn btn-default code">View Code</a>
                  <a data-toggle="modal" href="https://project-spark.firebaseapp.com/" class="btn btn-default">View Live</a>
              </figcaption>
            </figure>
          </div>
        </div>

        <!-- PORTFOLIO IMAGE 2 -->
        <div class="col-md-4">
          <div class="grid mask">
            <figure> <img class="img-responsive portfolio-images" src="app/assets/ProjectSpark.jpg" alt="">
              <figcaption>
                <h5>Project Spark</h5>
                <a data-toggle="modal" href="http://snack-tennessee.herokuapp.com/" class="btn btn-default">View Live</a>
              </figcaption>
            </figure>
          </div>
        </div>

        <!-- PORTFOLIO IMAGE 3 -->
        <div class="col-md-4">
          <div class="grid mask">
            <figure> <img class="img-responsive portfolio-images" src="app/assets/SnackTN.jpg" alt="">
              <figcaption>
                <h5>Snack Tennessee</h5>
                <a data-toggle="modal" href="#myModal" class="btn btn-default">View Live</a> </figcaption>
            </figure>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- ==== Skills ==== -->
<div id="skills" name="skills">
  <div class="container">
    <div class="row">
      <h2 class="centered">MY SKILLS</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2">
        <p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
        <div id="front-end-container" class="col-lg-6">
          <ul id="front-end">
            <li>
              <button class="fa fa-desktop fa-3x"></button>
              <h3>Front-End Development</h3>
              <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
              <ul id="front-end-sub">
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/html5logo.png" alt="">
                    <h3>HTML5</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images css" src="app/assets/css3logo.png" alt="">
                    <h3>CSS3</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images js" src="app/assets/javascript-logo.png" alt="">
                    <h3>JavaScript</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/git-logo.png" alt="">
                    <h3 bottom-front-end-container>Git</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/angularlogo.png" alt="">
                    <h3 class="bottom-front-end-container">AngularJS</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="skill-images" src="app/assets/jquery_logo.png" alt="">
                    <h3 class="bottom-front-end-container">jQuery</h3>
                  </div>
                </li>
              </ul>
            </li>
          </ul>
        </div>

        <div class="col-lg-6">
          <ul id="back-end">
            <li>
              <button class="fa fa-database fa-3x"></button>
              <h3>Back-End Development</h3>
              <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
              <ul id="back-end-sub">
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="img-responsive skill-images" src="app/assets/Ruby.png" alt="">
                    <h3>Ruby</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="img-responsive skill-images" src="app/assets/PostgreSQL.png" alt="">
                    <h3>PostgeSQL</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-4 col-sm-4 col-xs-4">
                    <img class="img-responsive skill-images" src="app/assets/railslogo.png" alt="">
                    <h3>Rails</h3>
                  </div>
                </li>
                <li>
                  <div class="col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
                    <img class="wider-images" src="app/assets/MySQL.png" alt="">
                    <h3>MySQL</h3>
                  </div>
                </li>
                  <div class="col-lg-5 col-sm-6 col-xs-12">
                    <img class="wider-images" src="app/assets/sqlite3logo.png" alt="">
                    <h3>Sqlite</h3>
                  </div>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

<!-- CONTACT PAGE -->
<div id="contact" name="contact">
  <div class="container">
    <div class="row">
      <h2 class="centered">CONNECT WITH ME</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 centered">
        <div class="col-lg-3 col-sm-3 col-xs-3">
          <a href="mailto: <EMAIL>" class="fa fa-envelope-o fa-2x"></a>
        </div>
        <div class="col-lg-3 col-sm-3 col-xs-3">
          <a href="http://twitter.com/intent/tweet?screen_name=Matthew_Reuther" class="fa fa fa-twitter fa-2x"></a>
        </div>
        <div class="col-lg-3 col-sm-3 col-xs-3">
          <a href="https://www.linkedin.com/pub/matthew-reuther/68/aa1/870" class="fa fa fa-linkedin fa-2x"></a>
        </div>
        <div  class="col-lg-3 col-sm-3 col-xs-3">
          <a href="https://github.com/MatthewReuther" class="fa fa fa-github fa-2x"></a>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="footer">
  <div class="container">
    <div class="row">
      <div class="col-md-8"> <span class="copyright">Copyright &copy; 2015 <NAME></div>
    </div>
{'fraction_non_alphanumeric': 0.17276830491474424, 'fraction_numerical': 0.01446004680708793, 'mean_word_length': 1.9235186316432498, 'pattern_counts': {'":': 0, '<': 741, '<?xml version=': 0, '>': 741, 'https://': 10, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 28, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6286197', 'n_tokens_mistral': 8157, 'n_tokens_neox': 7721, 'n_words': 1727}