<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>Personal Media Channels for Your Family Photos and Videos</title>

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

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/creative.css" 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]-->

    <!-- Custom CSS by Wesley  -->
    <link rel="stylesheet" href="css/custom.css" type="text/css">

    <!-- Favicon for Atriva -->
    <link rel="icon" href="img/atriva-icon.png">

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/form.css" rel="stylesheet">
    <script src="js/wufoo.js"></script>

</head>

<body id="page-top">

    <!-- wesley: add wow and bounceInDown -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top wow bounceInDown" data-wow-delay="0.4s">
        <div class="container-fluid">
            <!-- 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" href="#page-top">Atriva Media</a>-->
                <a href="#"><img src="img/logo2.png" title="AtrivaMedia" /></a>
            </div>

            <!-- wesley: add Logo image
            <div class="container"> 
                <div class="logo">
                    <a href="#"><img src="img/logo.png" title="AtrivaMedia" /></a>
                </div>
            </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 class="page-scroll" href="#about">About</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#benefits">Benefits</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#channels">Channels</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header>
        <div class="header-content">
            <div class="header-content-inner">
                <h1>Easy to Enjoy Your Valuable Photos and Videos</h1>
                <h2 class="text-small">Effortlessly organize, share and collaborate your lifetime memories and easily enjoy on TV!</h2>
                <hr>
                <a href="#contact" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Personalized Media Channels for All Your Photos and Videos!</h2>
                    <hr class="light">
                    <p class="text-faded">Our iOS and Android mobile apps help you easily organize your valuable photos and videos in media channels. You can create channels based on topics such as travel, kids, events, etc. You can also share or collaborate your channels with your friends and family, then easily enjoy on mobile devices or TV!</p>
                    <!--- wesley: remove button
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
                    -->
                </div>
            </div>
        </div>
    </section>

    <section id="benefits">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Benefits</h2>
                    <hr class="primary">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <!-- move away from fa-newspaper-o -->
                        <i class="fa fa-4x fa-filter wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Auto-Organize</h3>
                        <p class="text-muted">Organize everything in channels into albums according to who's in your photos, time taken, location, scene or contributor</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
                        <h3>Instant Share</h3>
                        <p class="text-muted">Easy to send photos directly to a select group of friends in a media channel made just for them!</p>
                    </div>
                </div>                

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-group wow bounceIn text-primary" data-wow-delay=".1s"></i>
                        <h3>Easily Collaborate</h3>
                        <p class="text-muted">Invite friends and family to contribute to a shared channel. No more manually merging photos from several people!</p>
                    </div>
                </div>

            </div> <!-- row -->

            <div class="row">

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
                        <h3>Family Friendly</h3>
                        <p class="text-muted">Easy for all family members to access your shared media on mobile device or TV, no matter their level of technical expertise</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <!-- move away  from fa-diamond -->
                        <i class="fa fa-4x fa-lock wow bounceIn text-primary"></i>
                        <h3>Strict Privacy</h3>
                        <p class="text-muted">Easily control audience and how long your media channels are shared. Never leave photos unattended on a social network!</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <!-- move away  from fa-diamond -->
                        <i class="fa fa-4x fa-shield wow bounceIn text-primary"></i>
                        <h3>Top Notch Security</h3>
                        <p class="text-muted">End-to-end encryption among your mobile, TV devices and Atriva's cloud server with bank-level security algorithms</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="no-padding bg-primary" id="channels">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p></p>
                    <h2 class="section-heading">Your Perfect Media Companion Holds All Your Family Media in One Place!</h2>
                    <hr class="light">
                    <p class="text-faded">You can keep your private photos and videos organized in personal media channels, and also enjoy shared channels with your family and friends, all in one place.</p>
                    <!--- wesley: remove button
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
                    -->
                </div>
            </div>
        </div>

        <div class="container-fluid"><commit_msg>Updated text<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>Personal Media Channels for Your Family Photos and Videos</title>

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

    <!-- Custom Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" type="text/css">

    <!-- Plugin CSS -->
    <link rel="stylesheet" href="css/animate.min.css" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/creative.css" 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]-->

    <!-- Custom CSS by Wesley  -->
    <link rel="stylesheet" href="css/custom.css" type="text/css">

    <!-- Favicon for Atriva -->
    <link rel="icon" href="img/atriva-icon.png">

    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/form.css" rel="stylesheet">
    <script src="js/wufoo.js"></script>

</head>

<body id="page-top">

    <!-- wesley: add wow and bounceInDown -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top wow bounceInDown" data-wow-delay="0.4s">
        <div class="container-fluid">
            <!-- 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" href="#page-top">Atriva Media</a>-->
                <a href="#"><img src="img/logo2.png" title="AtrivaMedia" /></a>
            </div>

            <!-- wesley: add Logo image
            <div class="container"> 
                <div class="logo">
                    <a href="#"><img src="img/logo.png" title="AtrivaMedia" /></a>
                </div>
            </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 class="page-scroll" href="#about">About</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#benefits">Benefits</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#channels">Channels</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <header>
        <div class="header-content">
            <div class="header-content-inner">
                <h1>Easy to Enjoy Your Valuable Photos and Videos</h1>
                <h2 class="text-small">Effortlessly organize your memories of a lifetime on media channels for easily sharing and collaboration!</h2>
                <hr>
                <a href="#contact" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
            </div>
        </div>
    </header>

    <section class="bg-primary" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h2 class="section-heading">Personalized Media Channels for All Your Photos and Videos!</h2>
                    <hr class="light">
                    <p class="text-faded">Our mobile apps help you easily organize your valuable photos and videos in media channels. You can create channels based on topics such as travel, kids, events, etc. You can also share or collaborate your channels with your friends and family and easily enjoy on mobile devices, web or TV!</p>
                    <!--- wesley: remove button
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
                    -->
                </div>
            </div>
        </div>
    </section>

    <section id="benefits">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Benefits</h2>
                    <hr class="primary">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <!-- move away from fa-newspaper-o -->
                        <i class="fa fa-4x fa-filter wow bounceIn text-primary" data-wow-delay=".2s"></i>
                        <h3>Auto-Organize</h3>
                        <p class="text-muted">Organize everything in channels into albums according to who's in your photos, time taken, location, scene or contributor</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-paper-plane wow bounceIn text-primary" data-wow-delay=".1s"></i>
                        <h3>Instant Share</h3>
                        <p class="text-muted">Easy to send photos directly to a select group of friends in a media channel made just for them!</p>
                    </div>
                </div>                

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-group wow bounceIn text-primary" data-wow-delay=".1s"></i>
                        <h3>Easily Collaborate</h3>
                        <p class="text-muted">Invite friends and family to contribute to a shared channel. No more manually merging photos from several people!</p>
                    </div>
                </div>

            </div> <!-- row -->

            <div class="row">

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
                        <h3>Family Friendly</h3>
                        <p class="text-muted">Easy for all family members to access your shared media on mobile device or TV, no matter their level of technical expertise</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <!-- move away  from fa-diamond -->
                        <i class="fa fa-4x fa-lock wow bounceIn text-primary"></i>
                        <h3>Strict Privacy</h3>
                        <p class="text-muted">Easily control audience and how long your media channels are shared. Never leave photos unattended on a social network!</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 text-center">
                    <div class="service-box">
                        <!-- move away  from fa-diamond -->
                        <i class="fa fa-4x fa-shield wow bounceIn text-primary"></i>
                        <h3>Top Notch Security</h3>
                        <p class="text-muted">End-to-end encryption among your mobile, TV devices and Atriva's cloud server with bank-level security algorithms</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="no-padding bg-primary" id="channels">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p></p>
                    <h2 class="section-heading">Your Perfect Media Companion Holds All Your Family Media in One Place!</h2>
                    <hr class="light">
                    <p class="text-faded">You can make your own private media channels as well as shared channels for your family and friends, all organized in one place. Everybody can enjoy your media channels instantly, then preserve it for years or decades with privacy.</p>
                    <!--- wesley: remove button
                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
                    -->
                </div>
            </div>
        </div>

        <div class="container-fluid">
{'fraction_non_alphanumeric': 0.1438125356420758, 'fraction_numerical': 0.012753382757011768, 'mean_word_length': 1.6493613514627112, 'pattern_counts': {'":': 0, '<': 447, '<?xml version=': 0, '>': 447, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2786632', 'n_tokens_mistral': 5657, 'n_tokens_neox': 5162, 'n_words': 1404}