<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="">
  <link rel="icon" href="../../favicon.ico">

  <title>SBRAND website</title>

  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="js/owlcarousel/owl.carousel.css" rel="stylesheet">
  <!-- Add Custom CSS -->
  <link href="css/main.css" rel="stylesheet">
  <!-- Custom styles for this template -->
  <style>

  .starter-template {
    padding: 40px 15px;
    text-align: center;
  }
  </style>

  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->


  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
    </head>

    <body id="back-to-top">

      <div id="container">
        <header class="clearfix">
          <div class="navbar navbar-default">
            <!-- 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>
              <img src="images/logo-sbrand.png" alt='logo Sbrand' href="#" class="navbar-brand">
            </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 pd-150">
                <li><a href="#" class="mg-10">Home</a></li>
                <li><a href="#about" class="mg-10">About</a></li>
                <li><a href="#contact" class="mg-10">Contact</a></li>
                <li class="fooo" style="background-color:#82858A;"></li>
                <li><a href="#"><img src="images/icon-facebook2.png" alt="facebook icon"></a></li>
                <li><a href="#"><img src="images/icon-twitter2.png" alt="twitter icon"></a></li>
                <li><button type="button" class="btn btn-mine btn-danger adjust-btn">Contact Us</button></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div>
        </header>
      </div>

      <div id="owl-demo" class="owl-carousel owl-theme">
        <div class="item">
          <img src="images/pic-slider.png" class="brdr">
        </div>
        <div class="item">
          <img src="images/pic-slider.png" class="brdr">
        </div>
        <div class="item">
          <img src="images/pic-slider.png" class="brdr">
        </div>
      </div>

      <section class="grey padding-mine">
        <div class="container">
          <div class="carousel">
            <div class="item">
              <a href="#product1"><img src="images/web02_42.png" class="img-circle" width="100%"></a>
              <!-- Add a title to the image of the carousel -->
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <a href="#product2"><img src="images/web02_44.png" class="img-circle" width="100%"></a>
            </div>
            <div class="item">
              <img src="images/web02_46.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_48.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_53.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_54.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_55.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_56.png" class="img-circle" width="100%">
            </div>
          </div>
        </div>
      </div>
    </section><!-- /.container -->

    <section class="container padding-mine" id="product1">
      <h2><div class="foo" style="background-color:#F80042;"></div> Products 1</h2>
      <div class="carousel">
        <div class="item">
          <img src="images/web02_42.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_44.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_46.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_48.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_53.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_54.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_55.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_56.png" width="100%">
        </div>
      </div>
    </section><!-- /.container -->

    <div class="container padding-mine" id="product2">
      <h2><div class="foo" style="background-color:#F80042;"></div>Products 2</h2>
      <div class="carousel">
        <div class="item">
          <img src="images/web02_42.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_44.png" width="100%"><commit_msg>products 3 & products 4 added<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="">
  <link rel="icon" href="../../favicon.ico">

  <title>SBRAND website</title>

  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="js/owlcarousel/owl.carousel.css" rel="stylesheet">
  <!-- Add Custom CSS -->
  <link href="css/main.css" rel="stylesheet">
  <!-- Custom styles for this template -->
  <style>

  .starter-template {
    padding: 40px 15px;
    text-align: center;
  }
  </style>

  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->


  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
    </head>

    <body id="back-to-top">

      <div id="container">
        <header class="clearfix">
          <div class="navbar navbar-default">
            <!-- 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>
              <img src="images/logo-sbrand.png" alt='logo Sbrand' href="#" class="navbar-brand">
            </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 pd-150">
                <li><a href="#" class="mg-10">Home</a></li>
                <li><a href="#about" class="mg-10">About</a></li>
                <li><a href="#contact" class="mg-10">Contact</a></li>
                <li class="fooo" style="background-color:#82858A;"></li>
                <li><a href="#"><img src="images/icon-facebook2.png" alt="facebook icon"></a></li>
                <li><a href="#"><img src="images/icon-twitter2.png" alt="twitter icon"></a></li>
                <li><button type="button" class="btn btn-mine btn-danger adjust-btn">Contact Us</button></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div>
        </header>
      </div>

      <div id="owl-demo" class="owl-carousel owl-theme">
        <div class="item">
          <img src="images/pic-slider.png" class="brdr">
        </div>
        <div class="item">
          <img src="images/pic-slider.png" class="brdr">
        </div>
        <div class="item">
          <img src="images/pic-slider.png" class="brdr">
        </div>
      </div>

      <section class="grey padding-mine">
        <div class="container">
          <div class="carousel">
            <div class="item">
              <a href="#product1"><img src="images/web02_42.png" class="img-circle" width="100%"></a>
              <!-- Add a title to the image of the carousel -->
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <a href="#product2"><img src="images/web02_44.png" class="img-circle" width="100%"></a>
            </div>
            <div class="item">
              <a href="#product3"><img src="images/web02_46.png" class="img-circle" width="100%"></a>
            </div>
            <div class="item">
              <a href="#product4"><img src="images/web02_48.png" class="img-circle" width="100%"></a>
            </div>
            <div class="item">
              <img src="images/web02_53.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_54.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_55.png" class="img-circle" width="100%">
            </div>
            <div class="item">
              <img src="images/web02_56.png" class="img-circle" width="100%">
            </div>
          </div>
        </div>
      </div>
    </section><!-- /.container -->

    <section class="container padding-mine" id="product1">
      <h2><div class="foo" style="background-color:#F80042;"></div> Products 1</h2>
      <div class="carousel">
        <div class="item">
          <img src="images/web02_42.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_44.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_46.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_48.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_53.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_54.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_55.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_56.png" width="100%">
        </div>
      </div>
    </section><!-- /.container -->

    <div class="container padding-mine" id="product2">
      <h2><div class="foo" style="background-color:#F80042;"></div>Products 2</h2>
      <div class="carousel">
        <div class="item">
          <img src="images/web02_42.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_44.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_46.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_48.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_53.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_54.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_55.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_56.png" width="100%">
        </div>
      </div>
    </div><!-- /.container -->

    <div class="container padding-mine" id="product3">
      <h2><div class="foo" style="background-color:#F80042;"></div>Products 3</h2>
      <div class="carousel">
        <div class="item">
          <img src="images/web02_42.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_44.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_46.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_48.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_53.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_54.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_55.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_56.png" width="100%">
        </div>
      </div>
    </div><!-- /.container -->

    <div class="container padding-mine" id="product4">
      <h2><div class="foo" style="background-color:#F80042;"></div>Products 4</h2>
      <div class="carousel">
        <div class="item">
          <img src="images/web02_42.png" width="100%">
        </div>
        <div class="item">
          <img src="images/web02_44.png" width="100%">
{'fraction_non_alphanumeric': 0.19703480876665233, 'fraction_numerical': 0.036097980232058444, 'mean_word_length': 2.091895482728078, 'pattern_counts': {'":': 0, '<': 435, '<?xml version=': 0, '>': 435, 'https://': 4, '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': '6359904', 'n_tokens_mistral': 4769, 'n_tokens_neox': 4382, 'n_words': 877}