<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>SEP - Your Go-To Guide On How To Be A Great Student!</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

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

    <!-- 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>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <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>
                <a class="navbar-brand" href="#">HSTAT</a>
            </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">
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Services</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                    <li>
                        <a href="#">9th Grade</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Image Background Page Header -->
    <!-- Note: The background image is set within the business-casual.css file. -->
    <header class="business-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="tagline">SEP Guide</h1>
                </div>
            </div>
        </div>
    </header>

    <!-- Page Content -->
    <div class="container">

        <hr>

        <div class="row">
            <div class="col-sm-8">
                <h2>SEP Overall Info:</h2>
                <p> High School of Telecommunications offers a program to young aspiring software engineers a chance to learn the basics of computer programming and the steps to create websites and do multiple things online that will continue to be beneficial to learning and potentionally save the world with a click. With the minds of the youth mixed in with the code they have gained knowledge of what they can create, something beautiful for all as this school continues to encourage our students. </p> <br>
                <p>The SEP Program here at HSTAT has been widely talked about through NYC and has been critically acclaimed by many of the boards over in DOE. The SEP allows kids to broaden their reativity through the technology. </p>
                <p>
                    <a class="btn btn-default btn-lg" href="#">Go to the bottom &raquo;</a>
                </p>
            </div>
            <div class="col-sm-4">
                <h2>Contacts:</h2>
                <address>
                    <strong>High School Of Telecommunications</strong>
                    <br>350 67th Street
                    <br>Brooklyn, NY 11220
                    <br>
                </address>
                </address>
            </div>
        </div>
        <!-- /.row -->

        <hr>

        <div class="row">
            <div class="col-sm-4">
                <h1 class="header9">9th Grade:</h1>
                <h2>Scratch:</h2>
                <p>Scratch is a language based program that allows you to create very cool animations with the use of block based coding. Block based coding is heavily considered for beginners to start off with as thousands of people have submitted projects in scratch with just a drag and click. Students consider this to be their greatest subject and would reccomend it. </p> <br> 
                
                <p>Some tips to be used in this program would be always pay attention to tutorials. At first glance this may be a little confusing with all the words on each block but of course, its a easy simple click and drag once you get a good hand of the basics.</p> <br> 
                
                <p> Always be creative as there is many stuff to do with this program, you can be able to create a game with all the stuff you can create. You can create a slideshow and many other things upon this. Always keep an open mind, and if everything, keep a handy notebook in case of any things you do not know that you can quickly look up. </p><br> 
                
                <p><b><a href="https://scratch.mit.edu/">Scratch</a></b></p>
            </div>
            <div class="col-sm-4">
                 <img class="pic" src="http://www.hstat.org/wp-content/uploads/2012/01/yellowjacket.jpg" alt="">
                <h2>Robotics:</h2>
                <p>Robotics is a branch of computer science and different engineering fields that deals with the construction of robots, using computer systems for operation of these robots. Robotics has many applied uses in todays world, ranging from sanitation to work in the manufacturing industry.  </p>
                <p>Creativity and imagination is a big part of robotics, so putting your mind to something can really turn out something unique and different from others.</p>
                <a href="http://www.lego.com/en-us/mindstorms/about-ev3">EV3 Kit</a>
            </div>
            <div class="col-sm-4">
               
                <h2>Python:</h2>
                <p>Python works as calculations to do simple match with some coding. This is a program that will continue to teach kids that it is easier to let the computer the do the math and you behind the keyboard getting it done. Python is well-reknown to be easy for beginners and will teach simple math that cant be taught any where else.</p><br>
                
                <p>Some tips used for Python would have to be to be fairly familiar with some heavy math material and uses of numbers, as Python continues to use variations of math problems and numbers well buried in the code. Python is a internet calculator that you are able to design, as well as being something that tells probability with asking questions and getting specific answers so always be creative. You can be able to create questions, as well as an interactive adventure fun for everyone. Go through tutorials and make sure you are able to understand what you are doing.</p><br>
                
                <p>You can find Python over here:</p><br>
                
                 <p><b><a href="https://www.python.org/">Python</a></b></p>
                 
                <hr>
                <br>
                <br><br>
                
                 <div class="row2">
            <div class="col-lg-9">
                <h1 class="header9">9th Grade:</h1>
                <h2>Scratch:</h2>
                <p>Scratch is a language based program that allows you to create very cool animations with the use of block based coding. Block based coding is heavily considered for beginners to start off with as thousands of people have submitted projects in scratch with just a drag and click. Students consider this to be their greatest subject and would reccomend it. </p> <br> 
                
                <p>Some tips to be used in this program would be always pay attention to tutorials. At first glance this may be a little confusing with all the words on each block but of course, its a easy simple click and drag once you get a good hand of the basics.</p> <br> 
                
                <p> Always be creative as there is many stuff to do with this program, you can be able to create a game with all the stuff you can create. You can create a slideshow and many other things upon this. Always keep an open mind, and if everything, keep a handy notebook in case of any things you do not know that you can quickly look up. </p><br> 
                
                <p><b><a href="https://scratch.mit.edu/">Scratch</a></b></p>
            </div>
            <div class="col-sm-5">
                 <img class="pic" src="http://www.hstat.org/wp-content/uploads/2012/01/yellowjacket.jpg" alt="">
                <h2>Robotics:</h2>
                <p>The images are set to be circular and responsive. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
            </div>
            <div class="col-md-9">
               
                <h2>Python:</h2>
                <p>Python works as calculations to do simple match with some coding. This is a program that will continue to teach kids that it is easier to let the computer the do the math and you behind the keyboard getting it done. Python is well-reknown to be easy for beginners and will teach simple math that cant be taught any where else.</p><br>
                
                <p>Some tips used for Python would have to be to be fairly familiar with some heavy math material and uses of numbers, as Python continues to use variations of math problems and numbers well buried in the code. Python is a internet calculator that you are able to design, as well as being something that tells probability with asking questions and getting specific answers so always be creative. You can be able to create questions, as well as an interactive adventure fun for everyone. Go through tutorials and make sure you are able to understand what you are doing.</p><br>
                
                <p>You can find Python over here:</p><br>
                
                 <p><b><a href="https://www.python.org/">Python</a></b></p>
                    
                </div>
                
            </div>
        </div>
        <!-- /.row -->

        <hr>

        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Your Website 2014</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    
    <style>
        .pic {
            margin-left: 45px;
        }
        
        .header9 {
            text-decoration: underline;
            font-style: italic;
            margin-left: 10px;
        }
        
        .col-sm-5 {
            margin-right:100px;
        }

    </style>

</body>

</html>
<commit_msg>fixed number two<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>SEP - Your Go-To Guide On How To Be A Great Student!</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

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

    <!-- 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>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <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>
                <a class="navbar-brand" href="#">HSTAT</a>
            </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">
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Services</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                    <li>
                        <a href="#">9th Grade</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Image Background Page Header -->
    <!-- Note: The background image is set within the business-casual.css file. -->
    <header class="business-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="tagline">SEP Guide</h1>
                </div>
            </div>
        </div>
    </header>

    <!-- Page Content -->
    <div class="container">

        <hr>

        <div class="row">
            <div class="col-sm-8">
                <h2>SEP Overall Info:</h2>
                <p> High School of Telecommunications offers a program to young aspiring software engineers a chance to learn the basics of computer programming and the steps to create websites and do multiple things online that will continue to be beneficial to learning and potentionally save the world with a click. With the minds of the youth mixed in with the code they have gained knowledge of what they can create, something beautiful for all as this school continues to encourage our students. </p> <br>
                <p>The SEP Program here at HSTAT has been widely talked about through NYC and has been critically acclaimed by many of the boards over in DOE. The SEP allows kids to broaden their reativity through the technology. </p>
                <p>
                    <a class="btn btn-default btn-lg" href="#">Go to the bottom &raquo;</a>
                </p>
            </div>
            <div class="col-sm-4">
                <h2>Contacts:</h2>
                <address>
                    <strong>High School Of Telecommunications</strong>
                    <br>350 67th Street
                    <br>Brooklyn, NY 11220
                    <br>
                </address>
                </address>
            </div>
        </div>
        <!-- /.row -->

        <hr>

        <div class="row">
            <div class="col-sm-4">
                <h1 class="header9">9th Grade:</h1>
                <h2>Scratch:</h2>
                <p>Scratch is a language based program that allows you to create very cool animations with the use of block based coding. Block based coding is heavily considered for beginners to start off with as thousands of people have submitted projects in scratch with just a drag and click. Students consider this to be their greatest subject and would reccomend it. </p> <br> 
                
                <p>Some tips to be used in this program would be always pay attention to tutorials. At first glance this may be a little confusing with all the words on each block but of course, its a easy simple click and drag once you get a good hand of the basics.</p> <br> 
                
                <p> Always be creative as there is many stuff to do with this program, you can be able to create a game with all the stuff you can create. You can create a slideshow and many other things upon this. Always keep an open mind, and if everything, keep a handy notebook in case of any things you do not know that you can quickly look up. </p><br> 
                
                <p><b><a href="https://scratch.mit.edu/">Scratch</a></b></p>
            </div>
            <div class="col-sm-4">
                 <img class="pic" src="http://www.hstat.org/wp-content/uploads/2012/01/yellowjacket.jpg" alt="">
                <h2>Robotics:</h2>
                <p>Robotics is a branch of computer science and different engineering fields that deals with the construction of robots, using computer systems for operation of these robots. Robotics has many applied uses in todays world, ranging from sanitation to work in the manufacturing industry.  </p>
                <p>Creativity and imagination is a big part of robotics, so putting your mind to something can really turn out something unique and different from others.</p>
                <a href="http://www.lego.com/en-us/mindstorms/about-ev3">EV3 Kit</a>
            </div>
            <div class="col-sm-4">
               
                <h2>Python:</h2>
                <p>Python works as calculations to do simple match with some coding. This is a program that will continue to teach kids that it is easier to let the computer the do the math and you behind the keyboard getting it done. Python is well-reknown to be easy for beginners and will teach simple math that cant be taught any where else.</p><br>
                
                <p>Some tips used for Python would have to be to be fairly familiar with some heavy math material and uses of numbers, as Python continues to use variations of math problems and numbers well buried in the code. Python is a internet calculator that you are able to design, as well as being something that tells probability with asking questions and getting specific answers so always be creative. You can be able to create questions, as well as an interactive adventure fun for everyone. Go through tutorials and make sure you are able to understand what you are doing.</p><br>
                
                <p>You can find Python over here:</p><br>
                
                 <p><b><a href="https://www.python.org/">Python</a></b></p>
                 
                <hr>
                <br>
                <br><br>
                </div>
                 <div class="row2">
            <div class="col-sm-4">
                <h1 class="header9">9th Grade:</h1>
                <h2>Scratch:</h2>
                <p>Scratch is a language based program that allows you to create very cool animations with the use of block based coding. Block based coding is heavily considered for beginners to start off with as thousands of people have submitted projects in scratch with just a drag and click. Students consider this to be their greatest subject and would reccomend it. </p> <br> 
                
                <p>Some tips to be used in this program would be always pay attention to tutorials. At first glance this may be a little confusing with all the words on each block but of course, its a easy simple click and drag once you get a good hand of the basics.</p> <br> 
                
                <p> Always be creative as there is many stuff to do with this program, you can be able to create a game with all the stuff you can create. You can create a slideshow and many other things upon this. Always keep an open mind, and if everything, keep a handy notebook in case of any things you do not know that you can quickly look up. </p><br> 
                
                <p><b><a href="https://scratch.mit.edu/">Scratch</a></b></p>
            </div>
            <div class="col-sm-4">
                 <img class="pic" src="http://www.hstat.org/wp-content/uploads/2012/01/yellowjacket.jpg" alt="">
                <h2>Robotics:</h2>
                <p>The images are set to be circular and responsive. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
            </div>
            <div class="col-sm-4">
               
                <h2>Python:</h2>
                <p>Python works as calculations to do simple match with some coding. This is a program that will continue to teach kids that it is easier to let the computer the do the math and you behind the keyboard getting it done. Python is well-reknown to be easy for beginners and will teach simple math that cant be taught any where else.</p><br>
                
                <p>Some tips used for Python would have to be to be fairly familiar with some heavy math material and uses of numbers, as Python continues to use variations of math problems and numbers well buried in the code. Python is a internet calculator that you are able to design, as well as being something that tells probability with asking questions and getting specific answers so always be creative. You can be able to create questions, as well as an interactive adventure fun for everyone. Go through tutorials and make sure you are able to understand what you are doing.</p><br>
                
                <p>You can find Python over here:</p><br>
                
                 <p><b><a href="https://www.python.org/">Python</a></b></p>
                    
                </div>
                
            </div>
       
        <!-- /.row -->

        <hr>

        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Your Website 2014</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
    
    <style>
        .pic {
            margin-left: 45px;
        }
        
        .header9 {
            text-decoration: underline;
            font-style: italic;
            margin-left: 10px;
        }
        
        .col-sm-5 {
            margin-right:100px;
        }

    </style>

</body>

</html>

{'fraction_non_alphanumeric': 0.10321576763485477, 'fraction_numerical': 0.008039419087136929, 'mean_word_length': 1.8361117921059082, 'pattern_counts': {'":': 0, '<': 483, '<?xml version=': 0, '>': 483, 'https://': 12, 'lorem ipsum': 0, 'www.': 10, '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': '1483049', 'n_tokens_mistral': 6184, 'n_tokens_neox': 5768, 'n_words': 2500}