<commit_before><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME> | Software Engineer</title>

    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

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

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
	
	<!--Favicon-->	
    <link rel="icon" type="image/jpg" href="none">
	
	<!--Google analytics-->	
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-83594504-1', 'auto');
	  ga('send', 'pageview');
	</script>

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <ul class="list-inline">
                            <li>
                                <a href="https://github.com/pateljunaid/" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/junaidpatel" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
							<li>
                                <a href="mailto:<EMAIL>" class="btn-social btn-outline"><i class="fa fa-fw fa-envelope-o"></i></a>
                            </li>
                        </ul>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#education">Education</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#skills">Skills</a>
                    </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/lake.PNG" alt="">
                    <div class="intro-text">
                        <span class="name"><NAME></span>
                        <hr class="star-light">
                        <span class="skills">Web/Software Developer</span>
                    </div>
                </div>
            </div>
        </div>
    </header>
	
    <!-------------------------------- About Section ------------------------------>
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                    <hr class="star-light">
                    <p class="text-left">
					My name is <NAME> and I'm 21 years old. I recently graduated with a Bachelor's degree in Computer Science at the University of Toronto, specializing in the Software Engineering stream. Being a co-op student, I worked as a Junior Web Developer in the law firm Osler, Hoskin & Harcourt LLP for 8 months in Winter 2014. Then, I worked as a Web Developer, again, for the Department of Historical Studies at UofT in Summer 2015. This position was under Dr. <NAME>, who is a distinguished professor at the University. 
					<br><br>
					My ambition to become a programmer began in high school when I took Computer Science courses in grade 11 as well as grade 12. By developing simple Java programs, I found programming very intriguing and I slowly began having an affinity towards programming. This is when I decided to pursue a career in Computer Science and, from that point on, I've been working on projects in my own personal time as well as in University. From mobile apps to web pages, I'm always trying to think of new ideas that could benefit me or be of interest to others. My goal is to move up the "career ladder" and to grow in terms of skills.
					</p>
										<div class="col-lg-8 col-lg-offset-2 text-center">
                    <a href="https://drive.google.com/open?id=0ByXK2nN1TjgYWVNNM2hhRURXWXc" class="btn btn-lg btn-outline">
                        <i class="fa fa-download"></i> &nbsp;&nbsp;Click here to view my Resume
                    </a>
                </div>
        </div>
    </section>
	
	
	
    <!---------------------------- Portfolio Grid Section ----------------------->
	
    <section class="" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Portfolio</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="http://pateljunaid.github.io/aurora" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Aurora Movie Web-App<div class="pf-tools">Node.js, Backbone.js, ...</div></div>
                    </a>
                </div>
				
				<div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://github.com/pateljunaid/Zotero-Extended" class="no-underline portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">ZoteroExtended<div class="pf-tools">JavaScript</div></div>
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://play.google.com/store/apps/details?id=com.junaidpatel.reactiontime" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Reaction Time<div class="pf-tools">Android, Java</div></div>
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://pateljunaid.wordpress.com/portfolio/mysql-java-project/" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Pizza Delivery System<div class="pf-tools">MySQL, Java</div></div>
                    </a>
                </div>

                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://play.google.com/store/apps/details?id=com.appGUYS.MSA" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">MSA Android App
						<div class="pf-tools">Android, Java</div>
						</div>
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://pateljunaid.wordpress.com/portfolio/puzzlerhangman/" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Puzzler/Hangman
						<div class="pf-tools">Python</div>
						</div>
                    </a>
                </div>
				 <div style="visibility:hidden" class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://codepen.io/pateljunaid/full/oxaVGZ/" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Empty space
						<div class="pf-tools"></div>
						</div><commit_msg>few changes<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME> | Software Engineer</title>

    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

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

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
	
	<!--Favicon-->	
    <link rel="icon" type="image/jpg" href="none">
	
	<!--Google analytics-->	
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-83594504-1', 'auto');
	  ga('send', 'pageview');
	</script>

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <ul class="list-inline">
                            <li>
                                <a href="https://github.com/pateljunaid/" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/junaidpatel" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
							<li>
                                <a href="mailto:<EMAIL>" class="btn-social btn-outline"><i class="fa fa-fw fa-envelope-o"></i></a>
                            </li>
                        </ul>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#education">Education</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#skills">Skills</a>
                    </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/lake.PNG" alt="">
                    <div class="intro-text">
                        <span class="name"><NAME></span>
                        <hr class="star-light">
                        <span class="skills">Web/Software Developer</span>
                    </div>
                </div>
            </div>
        </div>
    </header>
	
    <!-------------------------------- About Section ------------------------------>
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                    <hr class="star-light">
                    <p class="text-left">
					My name is <NAME> and I'm 21 years old. I recently graduated with a Bachelor's degree in Computer Science at the University of Toronto, specializing in the Software Engineering stream. Being a co-op student, I worked as a Junior Web Developer in the law firm Osler, Hoskin & Harcourt LLP for 8 months in Winter 2014. Then, I worked as a Web Developer, again, for the Department of Historical Studies at UofT in Summer 2015. This position was under Dr. <NAME>, who is a distinguished professor at the University. 
					<br><br>
					My ambition to become a programmer began in high school when I took Computer Science courses in grade 11 as well as grade 12. By developing simple Java programs, I found programming very intriguing and I slowly began having an affinity towards programming. This is when I decided to pursue a career in Computer Science and, from that point on, I've been working on projects in my own personal time as well as in University. From mobile apps to web pages, I'm always trying to think of new ideas that could benefit me or be of interest to others. My goal is to move up the "career ladder" and to grow in terms of skills.
					</p>
					<div class="col-lg-8 col-lg-offset-2 text-center"><a href="https://drive.google.com/open?id=0ByXK2nN1TjgYWVNNM2hhRURXWXc" class="btn btn-lg btn-outline">
                    <i class="fa fa-download"></i><font color="white"> &nbsp;&nbsp;Click here to view my Resume</font></a>
                </div>
        </div>
    </section>
	
	
	
    <!---------------------------- Portfolio Grid Section ----------------------->
	
    <section class="" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Portfolio</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="http://pateljunaid.github.io/aurora" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Aurora Movie Web-App<div class="pf-tools">Node.js, Backbone.js, ...</div></div>
                    </a>
                </div>
				
				<div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://github.com/pateljunaid/Zotero-Extended" class="no-underline portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">ZoteroExtended<div class="pf-tools">JavaScript</div></div>
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://play.google.com/store/apps/details?id=com.appGUYS.MSA" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">MSA Android App
						<div class="pf-tools">Android, Java</div>
						</div>
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://pateljunaid.wordpress.com/portfolio/mysql-java-project/" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Pizza Delivery System<div class="pf-tools">MySQL, Java</div></div>
                    </a>
                </div>
				<div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://play.google.com/store/apps/details?id=com.junaidpatel.reactiontime" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Reaction Time<div class="pf-tools">Android, Java</div></div>
                    </a>
                </div>
                
                <div class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://pateljunaid.wordpress.com/portfolio/puzzlerhangman/" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Puzzler/Hangman
						<div class="pf-tools">Python</div>
						</div>
                    </a>
                </div>
				 <div style="visibility:hidden" class="col-sm-4 portfolio-item">
                    <a target="_blank" href="https://codepen.io/pateljunaid/full/oxaVGZ/" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <div class="portfolio-item-box">Empty space
						<div class="pf-tools"></div>
						</div>
{'fraction_non_alphanumeric': 0.15728994300422872, 'fraction_numerical': 0.0072623644052215485, 'mean_word_length': 1.4856620587227236, 'pattern_counts': {'":': 0, '<': 483, '<?xml version=': 0, '>': 483, 'https://': 20, 'lorem ipsum': 0, 'www.': 4, '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': '1811657', 'n_tokens_mistral': 6342, 'n_tokens_neox': 5762, 'n_words': 1319}