<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>Business Casual - Start Bootstrap Theme</title>

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

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

    <!-- Link to external bootstrap-->
    <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous"> -->
    
    <!--Ben's CSS stylesheet-->
    <link href="css/style.css" rel="stylesheet">
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

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

    <div class="brand">Business Casual</div>
    <div class="address-bar">3481 Melrose Place | Beverly Hills, CA 90210 | 123.456.7890</div>

    <!-- Navigation -->
    <nav class="navbar navbar-default" 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>
                <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                <a class="navbar-brand" href="index.html">Business Casual</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="index.html">Home</a>
                    </li>
                    <li>
                        <a href="about.html">About</a>
                    </li>
                    <li>
                        <a href="blog.html">Blog</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <div class="container">

        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <div id="carousel-example-generic" class="carousel slide">
                        <!-- Indicators -->
                        <ol class="carousel-indicators hidden-xs">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="img-responsive img-full" src="img/slide-1.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-3.jpg" alt="">
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    </div>
                    <h2 class="brand-before">
                        <small>Welcome to</small>
                    </h2>
                    <h1 class="brand-name">Business Casual</h1>
                    <hr class="tagline-divider">
                    <h2>
                        <small>By
                            <strong>Start Bootstrap</strong>
                        </small>
                    </h2>
                </div>
            </div>
        </div>

        <div class="box">
            <div class="row"> 
                    
                    <h2 class="intro-text text-left">
                        <strong>Ingredients</strong>
                    </h2> 
                    
                <div class="col-md-3">
                    
                    
                    
                    <form>
                    <div class="form-group row">
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 1</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Artisanal kale" id="example-text-input">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 2</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Artisanal kale" id="example-text-input">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 3</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Artisanal kale" id="example-text-input">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 4</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Artisanal kale" id="example-text-input">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 5</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Artisanal kale" id="example-text-input">
                    </div> 
                    <button class="glyphicon glyphicon-plus" id ="plus-sign" aria-hidden="true"></button>
                    <button type="button" class="btn btn-warning">Submit</button>
                    </div>
                    </form> 
                    </div> 
                    <div class = "col-md-3"> 
                    Recipe 
                    </div> 
                    <div class = "col-md-3"> 
                    Beer 
                    </div>
                    </div>

                    <div class = "col-md-3"> 
                    empty container 
                    </div> 
                    <div class = "col-md-3"> 
                    chart 
                    </div>
                    <div class = "col-md-3"> 
                    most recent
                    </div>

<commit_msg>Updated div IDS<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>Business Casual - Start Bootstrap Theme</title>

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

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

    <!-- Link to external bootstrap-->
    <!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous"> -->
    
    <!--Ben's CSS stylesheet-->
    <link href="css/style.css" rel="stylesheet">
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">

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

    <div class="brand">Business Casual</div>
    <div class="address-bar">3481 Melrose Place | Beverly Hills, CA 90210 | 123.456.7890</div>

    <!-- Navigation -->
    <nav class="navbar navbar-default" 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>
                <!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
                <a class="navbar-brand" href="index.html">Business Casual</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="index.html">Home</a>
                    </li>
                    <li>
                        <a href="about.html">About</a>
                    </li>
                    <li>
                        <a href="blog.html">Blog</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <div class="container">

        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <div id="carousel-example-generic" class="carousel slide">
                        <!-- Indicators -->
                        <ol class="carousel-indicators hidden-xs">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="img-responsive img-full" src="img/slide-1.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-2.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="img/slide-3.jpg" alt="">
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    </div>
                    <h2 class="brand-before">
                        <small>Welcome to</small>
                    </h2>
                    <h1 class="brand-name">Business Casual</h1>
                    <hr class="tagline-divider">
                    <h2>
                        <small>By
                            <strong>Start Bootstrap</strong>
                        </small>
                    </h2>
                </div>
            </div>
        </div>

        <div class="box">
            <div class="row"> 
                    
                    <h2 class="intro-text text-left">
                        <strong>Ingredients</strong>
                    </h2> 
                    
                <div class="col-md-3">
                    
                    
                    
                    <form>
                    <div class="form-group row">
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 1</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Your Ingredient" id="ingredient">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 2</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Your Ingredient" id="ingredient">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 3</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Your Ingredient" id="ingredient">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 4</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Your Ingredient" id="ingredient">
                    </div> 
                    <label for="example-text-input" class="col-2 col-form-label">Ingredient 5</label>
                    <div class="col-10">
                    <input class="form-control" type="text" value="Your Ingredient" id="ingredient">
                    </div> 
                    <button class="glyphicon glyphicon-plus" id ="plus-sign" aria-hidden="true"></button>
                    <button type="button" class="btn btn-warning" id="submit">Submit</button>
                    </div>
                    </form> 
                    </div> 
                    <div class = "col-md-3" id ="recipe"> 
                    Recipe 
                    </div> 
                    <div class = "col-md-3" id ="beer"> 
                    Beer 
                    </div>
                    </div>

                    <div class = "col-md-3"> 
                    empty container 
                    </div> 
                    <div class = "col-md-3" id ="chart"> 
                    chart 
                    </div>
                    <div class = "col-md-3" id ="mostRecent"> 
                    most recent
                    </div>


{'fraction_non_alphanumeric': 0.148816029143898, 'fraction_numerical': 0.01700060716454159, 'mean_word_length': 1.2952898550724639, 'pattern_counts': {'":': 0, '<': 373, '<?xml version=': 0, '>': 373, 'https://': 10, 'lorem ipsum': 0, 'www.': 0, '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': '6902541', 'n_tokens_mistral': 4739, 'n_tokens_neox': 4222, 'n_words': 847}