<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="Course materials and slides, customized for Girl Develop It Boston by <NAME>">
	
    <title>Girl Develop It | Course Materials and Slides</title>
    <link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/queries.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>

<body id="top">
    <header id="home">
        <nav>
            <ul class="top-nav">
                <li><a href="#materials">Materials</a>
                </li>
                <li><a href="#resources">Resources</a>
                </li>
                <li><a href="#contact">Get in Touch</a>
                </li>
            </ul>
        </nav>
        <section class="hero" id="hero">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center inner">
                        <h1 class="animated fadeInDown"><span>GIRL</span>DEVELOP<span>IT</span></h1>
                        <p class="animated fadeInUp delay-05s">Course materials and slides, customized for <em>Girl Develop It</em> by Liz Shaw</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 text-center">
                        <a href="#materials" class="learn-more-btn">View Course Materials</a>
                    </div>
                </div>
            </div>
        </section>
    </header>
    <section class="text-center section-padding" id="materials">
        <div class="container">
            <div class="row">
                <h1 class="arrow">Course Materials</h1>
                <div class="col-md-6 wp6">
                    <div class="overlay-effect effects clearfix">
                        <div class="img">
                            <img src="img/materials-01.jpg" alt="Intro Materials">
                            <div class="overlay">
                                <a href="/gdi-intro-html-css" class="expand"><i class="fa fa-search"></i><br>View Materials</a>
                                <a class="close-overlay hidden">x</a>
                            </div>
                        </div>
                    </div>
                    <h2>Intro to HTML &amp; CSS</h2>
                    <p>This beginner-level course takes you from a blank page to a functioning website, including writing valid HTML, adding links and images, applying CSS styles, and positioning elements.</p>
                </div>
                <div class="col-md-6 wp6 delay-05s">
                    <div class="overlay-effect effects clearfix">
                        <div class="img">
                            <img src="img/materials-02.jpg" alt="Intermediate Materials">
                            <div class="overlay">
                                <a target="_blank" href="http://www.meetup.com/Girl-Develop-It-Boston/events/224679856/" class="expand"><i class="fa fa-search"></i><br>Register Now</a>
                                <a class="close-overlay hidden">x</a>
                            </div>
                        </div>
                    </div>
                    <h2>Intermediate HTML &amp; CSS</h2>
                    <p>Course material will be available in November 2015, when this course begins. Want to reserve your space? Register now.</p>
                </div>


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

    <section class="resources text-center section-padding" id="resources">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="arrow">Additional Resources</h1>
                    <div class="resources-wrapper">
                        <div class="col-md-6 wp5 delay-05s">
                            <div class="icon">
                                <i class="fa fa-code shadow"></i>
                            </div>
                            <h2>HTML &amp; CSS Reference</h2>
							<h4>Intro Students:</h4>
                            <ul>
                                <li><a href="/gdi-intro-html-css/cheatsheets/beginners-html.html" target="_blank">HTML: A Beginner's Cheatsheet</a></li>								
								<li><a href="img/resources/intermediate-css-cheatsheet.jpg" target="_blank">CSS Properties Cheatsheet</a></li>	
								<li><a href="img/resources/intermediate-css-shorthand.jpg" target="_blank">Shorthanding CSS Properties</a></li>
                            </ul>
							<h4>Intermediate Students:</h4>
							<ul>					
								<li><a href="http://css3please.com/" target="_blank">CSS3 Please</a>, a playground of fun CSS3 effects</li>
                                <li><a href="http://kimblim.dk/css-tests/selectors/" target="_blank">Browser support for CSS selectors and pseudoelements</a>, plus examples of how to use each one</li>
                                <li><a href="https://css-tricks.com/using-flexbox/" target="_blank">Using Flexbox</a> across different browsers</li>
                            </ul>
                        </div>
                        <div class="col-md-6 wp5 delay-05s">
                            <div class="icon">
                                <i class="fa fa-laptop shadow"></i>
                            </div>
                            <h2>Developer Tools</h2>
                            <ul>
                                <li><a href="http://plnkr.co/edit/?p=preview" target="_blank">Plunkr</a>, for previewing code</li>
								<li><a href="http://html-ipsum.com/" target="_blank">HTML Ipsum</a>, <a href="http://www.lipsum.com/" target="_blank">LipSum</a>, and <a href="http://www.fillerati.com/" target="_blank">Fillerati</a> for placeholder <em>lorem ipsum</em> content</li>
								<li><a href="http://lorempixel.com" target="_blank">Lorem Pixel</a>, <a href="http://placehold.it" target="_blank">Placehold.It</a>, and <a href="http://placekitten.com" target="_blank">PlaceKitten</a> for placeholder images</li>
								<li><a href="http://www.freeformatter.com/html-formatter.html#ad-output" target="_blank">HTML Beautifier</a>, for quickly organizing HTML</li>
								<li><a href="http://csscompressor.com/" target="_blank">CSS Compressor</a>, to organize or compress CSS</li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contact text-center section-padding" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="arrow">Get In Touch</h1>
                </div>
            </div>
            <div class="row">
                <div class="contact-wrapper">

                    <div class="col-md-4 wp2 delay-05s animated fadeInUp col-md-offset-4">
                        <img src="img/liz.png" alt="<NAME>">
                        <h2><NAME></h2>
                        <div class="social">
                            <ul class="social-buttons">
                                <li><a href="mailto:<EMAIL>" class="social-btn"><i class="fa fa-envelope"></i></a></li>
                                <li><a href="http://linkedin.com/in/lizhelene" target="_blank" class="social-btn"><i class="fa fa-linkedin"></i></a></li>
								<li><a href="http://github.com/anythingcodes" target="_blank" class="social-btn"><i class="fa fa-github-alt"></i></a></li>
                                <li><a href="http://stackoverflow.com/users/5183746/anythingcodes?tab=profile" target="_blank" class="social-btn"><i class="fa fa-stack-overflow"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <ul class="supplemental">
                        <li>Like this site? <a href="https://github.com/anythingcodes/anythingcodes.github.io" target="_blank">Download it.</a></li>
                    </ul>
                </div>
                <div class="col-md-6 credit">
                    <p>Developed by <a href="http://linkedin.com/in/lizhelene" target="_blank"><NAME></a> for <a href="http://girldevelopit.com" target="_blank"><em>Girl Develop It</em></a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/modernizr.js"></script>
</body>

</html><commit_msg>Adding 'Coding Inspiration' to homepage per a discussion with a student<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="Course materials and slides, customized for Girl Develop It Boston by <NAME>">
	
    <title>Girl Develop It | Course Materials and Slides</title>
    <link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/queries.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>

<body id="top">
    <header id="home">
        <nav>
            <ul class="top-nav">
                <li><a href="#materials">Materials</a>
                </li>
                <li><a href="#resources">Resources</a>
                </li>
                <li><a href="#contact">Get in Touch</a>
                </li>
            </ul>
        </nav>
        <section class="hero" id="hero">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2 text-center inner">
                        <h1 class="animated fadeInDown"><span>GIRL</span>DEVELOP<span>IT</span></h1>
                        <p class="animated fadeInUp delay-05s">Course materials and slides, customized for <em>Girl Develop It</em> by Liz Shaw</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 text-center">
                        <a href="#materials" class="learn-more-btn">View Course Materials</a>
                    </div>
                </div>
            </div>
        </section>
    </header>
    <section class="text-center section-padding" id="materials">
        <div class="container">
            <div class="row">
                <h1 class="arrow">Course Materials</h1>
                <div class="col-md-6 wp6">
                    <div class="overlay-effect effects clearfix">
                        <div class="img">
                            <img src="img/materials-01.jpg" alt="Intro Materials">
                            <div class="overlay">
                                <a href="/gdi-intro-html-css" class="expand"><i class="fa fa-search"></i><br>View Materials</a>
                                <a class="close-overlay hidden">x</a>
                            </div>
                        </div>
                    </div>
                    <h2>Intro to HTML &amp; CSS</h2>
                    <p>This beginner-level course takes you from a blank page to a functioning website, including writing valid HTML, adding links and images, applying CSS styles, and positioning elements.</p>
                </div>
                <div class="col-md-6 wp6 delay-05s">
                    <div class="overlay-effect effects clearfix">
                        <div class="img">
                            <img src="img/materials-02.jpg" alt="Intermediate Materials">
                            <div class="overlay">
                                <a target="_blank" href="http://www.meetup.com/Girl-Develop-It-Boston/events/224679856/" class="expand"><i class="fa fa-search"></i><br>Register Now</a>
                                <a class="close-overlay hidden">x</a>
                            </div>
                        </div>
                    </div>
                    <h2>Intermediate HTML &amp; CSS</h2>
                    <p>Course material will be available in November 2015, when this course begins. Want to reserve your space? Register now.</p>
                </div>


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

    <section class="resources text-center section-padding" id="resources">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="arrow">Additional Resources</h1>
                    <div class="resources-wrapper">
                        <div class="col-md-4 wp5 delay-05s">
                            <div class="icon">
                                <i class="fa fa-code shadow"></i>
                            </div>
                            <h2>HTML &amp; CSS Reference</h2>
							<h4>Intro Students:</h4>
                            <ul>
                                <li><a href="/gdi-intro-html-css/cheatsheets/beginners-html.html" target="_blank">HTML: A Beginner's Cheatsheet</a></li>								
								<li><a href="img/resources/intermediate-css-cheatsheet.jpg" target="_blank">CSS Properties Cheatsheet</a></li>	
								<li><a href="img/resources/intermediate-css-shorthand.jpg" target="_blank">Shorthanding CSS Properties</a></li>
                            </ul>
							<h4>Intermediate Students:</h4>
							<ul>					
								<li><a href="http://css3please.com/" target="_blank">CSS3 Please</a>, a playground of fun CSS3 effects</li>
                                <li><a href="http://kimblim.dk/css-tests/selectors/" target="_blank">Browser support for CSS selectors and pseudoelements</a>, plus examples of how to use each one</li>
                                <li><a href="https://css-tricks.com/using-flexbox/" target="_blank">Using Flexbox</a> across different browsers</li>
                            </ul>							
                        </div>
						
                        <div class="col-md-4 wp5 delay-05s">
                            <div class="icon">
                                <i class="fa fa-laptop shadow"></i>
                            </div>
                            <h2>Developer Tools</h2>
                            <ul>
                                <li><a href="http://plnkr.co/edit/?p=preview" target="_blank">Plunkr</a>, for previewing code</li>
								<li><a href="http://html-ipsum.com/" target="_blank">HTML Ipsum</a>, <a href="http://www.lipsum.com/" target="_blank">LipSum</a>, and <a href="http://www.fillerati.com/" target="_blank">Fillerati</a> for placeholder <em>lorem ipsum</em> content</li>
								<li><a href="http://lorempixel.com" target="_blank">Lorem Pixel</a>, <a href="http://placehold.it" target="_blank">Placehold.It</a>, and <a href="http://placekitten.com" target="_blank">PlaceKitten</a> for placeholder images</li>
								<li><a href="http://www.freeformatter.com/html-formatter.html#ad-output" target="_blank">HTML Beautifier</a>, for quickly organizing HTML</li>
								<li><a href="http://csscompressor.com/" target="_blank">CSS Compressor</a>, to organize or compress CSS</li>
                            </ul>
                        </div>
						
						<div class="col-md-4 wp5 delay-05s">
							<div class="icon">
                                <i class="fa fa-rocket shadow"></i>
                            </div>
							<h2>Coding Inspiration</h2>
							<ul>
								<li><a href="http://tympanus.net/codrops/" target="_blank">Codrops</a> - Tutorials, templates, CSS experiments, oh my!</li>
								<li><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a>, a front end developer blog with an email newsletter. They also publish books.</li>
								<li><a href="http://codepen.io/" target="_blank">Codepen</a>, for viewing others' creative CSS and HTML experiments</li>
								<li><a href="http://sidebar.io/" target="_blank">Sidebar</a>, a daily design-oriented newsletter with some HTML/CSS tips</li>
							</ul>
						</div>
						
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contact text-center section-padding" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="arrow">Get In Touch</h1>
                </div>
            </div>
            <div class="row">
                <div class="contact-wrapper">

                    <div class="col-md-4 wp2 delay-05s animated fadeInUp col-md-offset-4">
                        <img src="img/liz.png" alt="<NAME>">
                        <h2>Liz Shaw</h2>
                        <div class="social">
                            <ul class="social-buttons">
                                <li><a href="mailto:<EMAIL>" class="social-btn"><i class="fa fa-envelope"></i></a></li>
                                <li><a href="http://linkedin.com/in/lizhelene" target="_blank" class="social-btn"><i class="fa fa-linkedin"></i></a></li>
								<li><a href="http://github.com/anythingcodes" target="_blank" class="social-btn"><i class="fa fa-github-alt"></i></a></li>
                                <li><a href="http://stackoverflow.com/users/5183746/anythingcodes?tab=profile" target="_blank" class="social-btn"><i class="fa fa-stack-overflow"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <ul class="supplemental">
                        <li>Like this site? <a href="https://github.com/anythingcodes/anythingcodes.github.io" target="_blank">Download it.</a></li>
                    </ul>
                </div>
                <div class="col-md-6 credit">
                    <p>Developed by <a href="http://linkedin.com/in/lizhelene" target="_blank"><NAME></a> for <a href="http://girldevelopit.com" target="_blank"><em>Girl Develop It</em></a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/scripts.js"></script>
    <script src="js/modernizr.js"></script>
</body>

</html>
{'fraction_non_alphanumeric': 0.15983668531680023, 'fraction_numerical': 0.009274661021220827, 'mean_word_length': 1.6442756230840998, 'pattern_counts': {'":': 0, '<': 608, '<?xml version=': 0, '>': 608, 'https://': 6, 'lorem ipsum': 2, 'www.': 9, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 29, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '441021', 'n_tokens_mistral': 6093, 'n_tokens_neox': 5475, 'n_words': 1146}