<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]>
    <meta http-equiv="x-ua-compatible" content="IE=9"/><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Developers&#039; Foundation</title>
    <meta name="description" content="Every developer can make a difference.">
    <meta name="keywords"
          content="developers', developer, foundation, developer's Foundation, bootstrap, developers, designers, marketers, non-profit, charity">
    <meta name="author" content="Developers&#039; Foundation">
    <meta property="og:title" content="Developers&#039; Foundation"/>
    <meta property="og:type" content="website"/>
    <meta property="og:locale" content="en_US"/>
    <meta property="og:image" content="https://developersfoundation.ca/assets/img/logo.copy.min.png"/>
    <meta property="og:description" content="Every developer can make a difference."/>
    <meta property="og:url" content="https://developersfoundation.ca/"/>
    <meta property="fb:app_id" content="1107893785918456"/>

    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="assets/img/favicon.ico">
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
    <link rel="manifest" href="assets/img/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome/css/font-awesome.min.css">


    <!-- Slider
    ================================================== -->
    <link href="assets/css/owl.carousel.css" rel="stylesheet" media="screen">
    <link href="assets/css/owl.theme.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="assets/css/style2.css">

    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/component.css"/>
    <link rel='stylesheet' type='text/css' href='assets/css/gfonts.css'>
    <link rel='stylesheet' type='text/css' href='assets/css/buttons.css'>
    <link rel='stylesheet' type='text/css' href='assets/css/normalize.css'>
    <link rel='stylesheet' type='text/css' href='assets/css/vicons-font.css'>
    <!--<link href='//fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>-->
    <!-- TODO: Fadi.. link tags should always be in head and we already have installed lato in gfonts.css, what is this for? -->
    <!-- modernizr-->
    <script type="text/javascript" src="assets/js/modernizr.custom.js"></script>

    <!-- HTML5 shim and Respond.js for 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="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<div class="demo-1">
    <div id="home1">
        <div id="large-header" class="large-header">
            <canvas id="demo-canvas"></canvas>
            <h1 class="main-title"><b>developers'</b><br><span class="thin">Foundation</span></h1>
        </div>
    </div>
    <!-- Navigation
    ==========================================-->
    <nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header" style="margin-left: -25px;margin-right: -25px">
                <button type="button" class="navbar-toggle collapsed" 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 page-scroll" href="#home1">developers' <span class="thin">Foundation</span></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 navbar-right">
                    <li><a href="#tf-about" class="page-scroll">Mission Statement</a></li>
                    <li><a href="#tf-team" class="page-scroll">About</a></li>
                    <li><a href="#tf-services" class="page-scroll">Services</a></li>
                    <li><a href="#tf-works" class="page-scroll">Portfolio</a></li>
                    <li><a href="#tf-testimonials" class="page-scroll">Apply Now</a></li>
                    <li><a href="#tf-contact" class="page-scroll">Contact</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <!-- About Us Page
    ==========================================-->
    <div id="tf-about">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <img src="assets/img/02.png" class="img-responsive" width="380">
                </div>
                <div class="col-md-6">
                    <div class="about-text">
                        <div class="section-title">
                            <h4>Our Mission Statement:</h4>
                            <h2>Making something <strong>meaningful</strong></h2>
                            <hr>
                            <div class="clearfix"></div>
                        </div>
                        <p class="intro">Every great organisation has a story that needs to be shared. We believe these
                            causes need a stronger voice.</p>

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


    <!-- Team Page
    ==========================================-->
    <div id="tf-team" class="text-center">
        <div class="overlay">
            <div class="container">
                <div class="section-title center">
                    <h2><strong>Who we are</strong></h2>
                    <div class="line">
                        <hr>
                    </div>
                </div>

                <div class="space"></div>
                <div class="row">
                    <div class="col-md-4 col-sm-6 service">
                        <i class="fa fa-desktop"></i>
                        <h2 class="aboutus" style="padding-top: 30px">Developers</h2>
                        <p class="intro">Spanning more than 10 faculties, our developers are funny, genuine and
                            passionate about making a difference.</p>
                    </div>

                    <div class="col-md-4 col-sm-6 service">
                        <i class="fa fa-paint-brush"></i>
                        <h2 class="aboutus" style="padding-top: 30px">Designers</h2>
                        <p class="intro">Designers are the lifeblood of every website. They work closely with developers
                            to uniquely design your website.</p>
                    </div>

                    <div class="col-md-4 col-sm-6 service">
                        <i class="fa fa-suitcase"></i>
                        <h2 class="aboutus" style="padding-top: 30px">Marketers</h2>
                        <p class="intro">Our business and marketing students are carefully selected to handle your
                            social media marketing, pro-bono consulting and operation challenges.</p>
                    </div>
                </div>
<commit_msg>update on navbar mobile ver<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]>
    <meta http-equiv="x-ua-compatible" content="IE=9"/><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Developers&#039; Foundation</title>
    <meta name="description" content="Every developer can make a difference.">
    <meta name="keywords"
          content="developers', developer, foundation, developer's Foundation, bootstrap, developers, designers, marketers, non-profit, charity">
    <meta name="author" content="Developers&#039; Foundation">
    <meta property="og:title" content="Developers&#039; Foundation"/>
    <meta property="og:type" content="website"/>
    <meta property="og:locale" content="en_US"/>
    <meta property="og:image" content="https://developersfoundation.ca/assets/img/logo.copy.min.png"/>
    <meta property="og:description" content="Every developer can make a difference."/>
    <meta property="og:url" content="https://developersfoundation.ca/"/>
    <meta property="fb:app_id" content="1107893785918456"/>

    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="assets/img/favicon.ico">
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
    <link rel="manifest" href="assets/img/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome/css/font-awesome.min.css">


    <!-- Slider
    ================================================== -->
    <link href="assets/css/owl.carousel.css" rel="stylesheet" media="screen">
    <link href="assets/css/owl.theme.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="assets/css/style2.css">

    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="assets/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/component.css"/>
    <link rel='stylesheet' type='text/css' href='assets/css/gfonts.css'>
    <link rel='stylesheet' type='text/css' href='assets/css/buttons.css'>
    <link rel='stylesheet' type='text/css' href='assets/css/normalize.css'>
    <link rel='stylesheet' type='text/css' href='assets/css/vicons-font.css'>
    <!--<link href='//fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>-->
    <!-- TODO: Fadi.. link tags should always be in head and we already have installed lato in gfonts.css, what is this for? -->
    <!-- modernizr-->
    <script type="text/javascript" src="assets/js/modernizr.custom.js"></script>

    <!-- HTML5 shim and Respond.js for 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="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<div class="demo-1">
    <div id="home1">
        <div id="large-header" class="large-header">
            <canvas id="demo-canvas"></canvas>
            <h1 class="main-title"><b>developers'</b><br><span class="thin">Foundation</span></h1>
        </div>
    </div>
    <!-- Navigation
    ==========================================-->
    <nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
        <div class="container" style="padding-left: 5px;padding-right: 5px">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" 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 page-scroll" style="padding: 15px 0px 0px 15px" href="#home1">developers' <span class="thin">Foundation</span></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 navbar-right">
                    <li><a href="#tf-about" class="page-scroll">Mission Statement</a></li>
                    <li><a href="#tf-team" class="page-scroll">About</a></li>
                    <li><a href="#tf-services" class="page-scroll">Services</a></li>
                    <li><a href="#tf-works" class="page-scroll">Portfolio</a></li>
                    <li><a href="#tf-testimonials" class="page-scroll">Apply Now</a></li>
                    <li><a href="#tf-contact" class="page-scroll">Contact</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <!-- About Us Page
    ==========================================-->
    <div id="tf-about">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <img src="assets/img/02.png" class="img-responsive" width="380">
                </div>
                <div class="col-md-6">
                    <div class="about-text">
                        <div class="section-title">
                            <h4>Our Mission Statement:</h4>
                            <h2>Making something <strong>meaningful</strong></h2>
                            <hr>
                            <div class="clearfix"></div>
                        </div>
                        <p class="intro">Every great organisation has a story that needs to be shared. We believe these
                            causes need a stronger voice.</p>

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


    <!-- Team Page
    ==========================================-->
    <div id="tf-team" class="text-center">
        <div class="overlay">
            <div class="container">
                <div class="section-title center">
                    <h2><strong>Who we are</strong></h2>
                    <div class="line">
                        <hr>
                    </div>
                </div>

                <div class="space"></div>
                <div class="row">
                    <div class="col-md-4 col-sm-6 service">
                        </br>
                        <i class="fa fa-desktop"></i>
                        <h2 class="aboutus" style="padding-top: 30px">Developers</h2>
                        <p class="intro">Spanning more than 10 faculties, our developers are funny, genuine and
                            passionate about making a difference.</p>
                    </div>

                    <div class="col-md-4 col-sm-6 service">
                        </br>
                        <i class="fa fa-paint-brush"></i>
                        <h2 class="aboutus" style="padding-top: 30px">Designers</h2>
                        <p class="intro">Designers are the lifeblood of every website. They work closely with developers
                            to uniquely design your website.</p>
                    </div>

                    <div class="col-md-4 col-sm-6 service">
                        </br>
                        <i class="fa fa-suitcase"></i>
                        <h2 class="aboutus" style="padding-top: 30px">Marketers</h2>
                        <p class="intro">Our business and marketing students are carefully selected to handle your
                            social media marketing, pro-bono consulting and operation challenges.</p>
                    </div>
                </div>

{'fraction_non_alphanumeric': 0.20074172185430464, 'fraction_numerical': 0.023417218543046358, 'mean_word_length': 2.345622119815668, 'pattern_counts': {'":': 0, '<': 418, '<?xml version=': 0, '>': 418, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5593577', 'n_tokens_mistral': 5859, 'n_tokens_neox': 5333, 'n_words': 1090}