<commit_before><!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Portfolio - <NAME></title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.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>
  <!-- Navbar -->
<header id="about">
	<nav class="navbar navbar-default navbar-fixed-top navbar-shrink collapsed">
		<div class="container">
			<!-- Navbar button -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
				<a class="navbar-brand brand-text" href="#about"><NAME></a>
			</div>
			<!-- NavBar Content -->
			<div class="collapse navbar-collapse navbar-right" id="navbar-1">
				<ul class="nav navbar-nav navigation">
					<li><a href="#about">About</a></li>
					<li><a href="#section-portfolio">Portfolio</a></li>
					<li><a href="#section-contact">Contact</a></li>
				</ul>
			</div>

		</div>
	</nav>
</header>

<!-- Section About -->
<section>
	<div id ="triangles-1" class="jumbotron jumbo-bg">
		<div class="container">
			<div id="about-content" class="jumbo-message text-center">
				<h2>Hello, I'm <NAME>.</h2>
				<h3>This is my Portfolio.</h3>
				<a id="see-btn" class="btn btn-info" href="#section-portfolio" >Let's see</a>
			</div>
		</div>
	</div>
</section>

<!-- Section Portfolio -->
<section id="section-portfolio">
	<div  class="container portfolio">
		<!-- Header -->
		<div id="portfolio-content" class="page-header">
			<h1 class="text-center">Projects</h1>
		</div>
		<!-- Projects -->
		<div class="row">
			<div class="col-md-4 col-sm-6">
				<a href"#" target="_blank" class="thumbnail">
					<img class="img-responsive" src="http://res.cloudinary.com/dg6qd7fkv/image/upload/v1486090980/Portfolio/placeholder_eaaubs.png" alt="Placeholder">
					<p class="caption text-center">Placeholder</p>
				</a>
			</div>
			<div class="col-md-4 col-sm-6">
			<a href"#" target="_blank" class="thumbnail">
					<img class="img-responsive" src="http://res.cloudinary.com/dg6qd7fkv/image/upload/v1486090980/Portfolio/placeholder_eaaubs.png" alt="Placeholder">
					<p class="caption text-center">Placeholder</p>
				</a>
			</div>
			<div class="col-md-4 col-sm-6">
			<a href"#" target="_blank" class="thumbnail">
					<img class="img-responsive" src="http://res.cloudinary.com/dg6qd7fkv/image/upload/v1486090980/Portfolio/placeholder_eaaubs.png" alt="Placeholder">
					<p class="caption text-center">Placeholder</p>
				</a>
			</div>
			<div class="col-md-4 col-sm-6">
			<a href"#" target="_blank" class="thumbnail">
					<img class="img-responsive" src="http://res.cloudinary.com/dg6qd7fkv/image/upload/v1486090980/Portfolio/placeholder_eaaubs.png" alt="Placeholder">
					<p class="caption text-center">Placeholder</p>
				</a>
			</div>
			<div class="col-md-4 col-sm-6">
			<a href"#" target="_blank" class="thumbnail">
					<img class="img-responsive" src="http://res.cloudinary.com/dg6qd7fkv/image/upload/v1486090980/Portfolio/placeholder_eaaubs.png" alt="Placeholder">
					<p class="caption text-center">Placeholder</p>
				</a>
			</div>
			<div class="col-md-4 col-sm-6">
			<a href"#" target="_blank" class="thumbnail">
					<img class="img-responsive" src="http://res.cloudinary.com/dg6qd7fkv/image/upload/v1486090980/Portfolio/placeholder_eaaubs.png" alt="Placeholder">
					<p class="caption text-center">Placeholder</p>
				</a>
			</div>
	</div>
	</div>
</section>
	
<!-- Section Contact -->
<section id="section-contact">
	<div  class="container-fluid contact">
		<!-- Header -->
		<div id="contact-content" class="row">
			<h2 class="text-center">Lets get in touch!</h3>
			<p class="text-center">Have any idea or project? Lets build it together!</p>
		</div>
		<!-- Form-->
		<div class="row">
			<div class="col-sm-6 col-sm-offset-3">
				<form action="">
					<div class="form-group">
						<input class="form-control" type="text" id="name" placeholder="Your Name"/>
					</div>
					<div class="form-group">
						<input class="form-control" type"email" id"email" placeholder="Your Email"/>
					</div>
					<div class="form-group">
						<textarea rows="8" class="form-control" id="message" placeholder="Your Message"></textarea>
					</div>
					<div class="form-group">
						<input class="btn btn-lg btn-danger btn-block" type="submit" value="Send Message"/>
					</div>
				</form>	
			</div>
			
		</div>
	</div>
</section>

<!-- Footer -->
<footer>
	<div class="container-fluid">
		<div class="row">
			<div class="col-sm-6">
				<p class="text-center"> Copyright © <NAME> 2017</p>
			</div>
			<div class="col-sm-6 centered">
				<ul class="list-inline social-buttons">
            	<li><a href=""><i class="fa fa-facebook" target="_blank"></i></a></li>
            	<li><a href=""><i class="fa fa-github" target="_blank"></i></a></li>
            	<li><a href=""><i class="fa fa-linkedin" target="_blank"></i></a></li>
            	<li><a href=""><i class="fa fa-instagram" target="_blank"></i></a></li>
         	</ul>
        </div>
		</div>
	</div>
</footer>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/trianglify/1.0.1/trianglify.min.js'></script>

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

</body>
</html><commit_msg>Redesign<commit_after><!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
  <title><NAME></title>

  <!-- Favicon -->
  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
  <link rel="manifest" href="favicons/manifest.json">
  <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
  <link rel="shortcut icon" href="favicons/favicon.ico">
  <meta name="msapplication-config" content="favicons/browserconfig.xml">
  <meta name="theme-color" content="#ffffff">

  <!-- CSS  -->

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
</head>

<body>
  <!-- NavBar -->
  <div class="navbar-fixed">
    <nav class="white" role="navigation">
      <div class="nav-wrapper container">

        <a id="logo-container" href="#index-banner" class="brand-logo"><NAME></a>

        <ul class="right hide-on-med-and-down">
          <li><a href="#section-about">About</a></li>
          <li><a href="#section-portfolio">Portfolio</a></li>
          <li><a href="#section-contact">Contact</a></li>
        </ul>

        <ul id="nav-mobile" class="side-nav">
          <li><a href="#section-about">About</a></li>
          <li><a href="#section-portfolio">Portfolio</a></li>
          <li><a href="#section-contact">Contact</a></li>
        </ul>

        <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>

      </div>
    </nav>
  </div>

  <!-- Index -->
  <div class="section scrollspy no-pad-bot" id="index-banner">
    <div class="container">

      <br><br><br>
      <h1 class="header center blue-grey-text text-lighten-2">Hello!</h1>
      <h2 class="header center teal-text text-lighten-2">I'm <NAME></h2>
      <div class="row center">
        <h5 class="header col s12 light blue-grey-text">This is my portfolio</h5>
      </div>
      <div class="row center">
        <br>
        <a href="#section-about" id="show-button" class="btn-large btn-floating pulse waves-effect waves-light">
          <i class="fa fa-chevron-down"></i>
        </a>
      </div>

    </div>
  </div>

  <!-- Parallax 1 -->
  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="header col s12 light">This is my lovely country Nicaragua</h5>
        </div>
      </div>
    </div>
    <div class="parallax">
      <img src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498536670/Portfolio/picture2A_sucrje.jpg" alt="Nicaragua Beach">
    </div>
  </div>

  <!-- Section About -->
  <div class="section scrollspy no-pad-bot" id="section-about">
    <div class="container">
      <div class="row">
        <div class="col s12 m10 offset-m1">
          <div class="card blue-grey">
            <div class="card-content white-text">
              <span class="card-title center">About Me</span>
              <p class="flow-text">Hello again, I’m Pedro.</p>
              <br>
              <p class="paragraph-indent flow-text">I enjoy developing and playing with HTML, CSS, and Javascript.</p>
              <br>
              <p class="paragraph-indent flow-text">I was born in a beautiful tropical country, a paradise called Nicaragua. This fall, I’ll be traveling miles away from home to begin studying Computer Science at Harding University.</p>
              <br>
              <p class="paragraph-indent flow-text">I have learned a great deal from Free Code Camp. Every day I refine my development skills at the same time delighting in the warmth.</p>
              <br>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="divider"></div>

  <!-- Section Portfolio -->
  <div class="section scrollspy no-pad-bot" id="section-portfolio">
    <div class="container">
      <div class="row">
        <div class="col s12">
          <ul class="tabs">
            <li class="tab col s3 m4"><a class="active" href="#test1">Web</a></li>
            <li class="tab col s3 m4"><a href="#test2">Android</a></li>
            <li class="tab col s3 m4"><a href="#test3">Desktop</a></li>
          </ul>
        </div>

        <!-- Web Tab -->
        <div id="test1" class="col s12">
          <br>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
        </div>
        <!-- Android Tab -->
        <div id="test2" class="col s12">
          <br>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
        </div>
        <!-- Desktop Tab -->
        <div id="test3" class="col s12">
          <br>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
          <div class="col s12 m4 l4">
            <div class="card">
              <div class="card-image waves-effect waves-block waves-light">
                <img class="activator" src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498537964/Portfolio/PlaceholderA_v3h2k3.png">
              </div>
              <div class="card-content">
                <span class="card-title activator blue-grey-text text-darken-1">Placeholder<i class="material-icons right">more_vert</i></span>
                <p><a href="#">Link to the Project</a></p>
              </div>
              <div class="card-reveal">
                <span class="card-title blue-grey-text text-darken-1">Placeholder<i class="material-icons right">close</i></span>
                <p class="blue-grey-text">Here will be some information about the project.</p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- Parallax 2 -->
  <div class="parallax-container valign-wrapper">
    <div class="section no-pad-bot">
      <div class="container">
        <div class="row center">
          <h5 class="header col s12 light">Here every day is summer</h5>
        </div>
      </div>
    </div>
    <div class="parallax">
      <img src="https://res.cloudinary.com/dg6qd7fkv/image/upload/v1498536670/Portfolio/picture1A_i6x3mh.jpg" alt="Nicaragua Beach 2">
    </div>
  </div>

  <!-- Section Contact -->
  <div class="section scrollspy no-pad-bot" id="section-contact">
    <div class="container">
      <div class="row">
        <div class="col s12 m10 offset-m1">
          <div class="card blue-grey">
            <div class="card-content white-text">
              <span class="card-title center">Let's Talk</span>
              <p class="center">Do you have any idea or project? We could build it together!</p>
              <div class="row">
                <div class="input-field col s12 m6">
                  <input id="name" type="text" class="validate">
                  <label for="name">Your Name</label>
                </div>
                <div class="input-field col s12 m6">
                  <input id="email" type="email" class="validate">
                  <label for="email">Your Email</label>
                </div>
                <div class="input-field col s12">
                  <textarea id="message" class="materialize-textarea"></textarea>
                  <label for="message">Your Message</label>
                </div>
              </div>
              <div class="center">
                <button class="btn waves-effect waves-light" type="submit" name="action">Submit
                  <i class="material-icons right">send</i>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Footer -->
  <footer class="page-footer teal">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text"><NAME></h5>
          <p class="grey-text text-lighten-4">
            See the NavHur website, blog comming soon.
          </p>


        </div>
        <div class="col l6 s12">
          <h5 class="white-text">Connect with me</h5>
          <!-- TODO add href="#" to social links -->
          <a class="btn btn-floating waves-effect waves-light"><i class="fa fa-facebook"></i></a>
          <a class="btn btn-floating waves-effect waves-light"><i class="fa fa-twitter"></i></a>
          <a class="btn btn-floating waves-effect waves-light"><i class="fa fa-linkedin"></i></a>
          <a class="btn btn-floating waves-effect waves-light"><i class="fa fa-codepen"></i></a>
          <a class="btn btn-floating waves-effect waves-light"><i class="fa fa-github"></i></a>
          <a class="btn btn-floating waves-effect waves-light"><i class="fa fa-free-code-camp"></i></a>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
        Made with <a class="fa fa-heart"></a> by <NAME>
      </div>
    </div>
  </footer>

  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>

</body>

</html>
{'fraction_non_alphanumeric': 0.1795109463276836, 'fraction_numerical': 0.01977401129943503, 'mean_word_length': 2.4111713339355614, 'pattern_counts': {'":': 0, '<': 718, '<?xml version=': 0, '>': 718, 'https://': 21, 'lorem ipsum': 0, 'www.': 0, 'xml': 1}, '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': '7334807', 'n_tokens_mistral': 7869, 'n_tokens_neox': 7195, 'n_words': 1436}