<commit_before><!DOCTYPE html>
<html>
<head>
<title>KANSHU | Reading Chinese should be this easy.</title>

<meta name="viewport" content="width=device-width">


<link href="css/demo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>

<script	src="js/jquery.smint.js" type="text/javascript" ></script>

<script type="text/javascript">
	

$(document).ready( function() {
    $('.subMenu').smint({
    	'scrollSpeed' : 1000
    });
});


</script>


</head>
<body>
<div class="wrap ">
	<div class="section sTop">
            <div class="inner">
            <IMG SRC="pic/Kanshuwfont2b.png" class="title"/>
                <div class="presentation">
                        <IMG SRC="pic/Kanshu.png" class="logo"/>
                        <div class="subtitle">Reading Chinese should be<br> this easy</div>
                        <p style="text-align: left; margin-top: 8px;">Reading Chinese should be easy<br>
                           easy easy easy <br>
                           easy easy easy easy easy</p>
                        <div class="shop">
                            <a href="http://www.google.com"><IMG SRC="pic/play_store.png" width="148.5" height="45.75" style="float: left"/></a>
                                <a href="http://www.apple.com"><IMG SRC="pic/ituens_store.png" width="148.5" height="45.75" style="float: left; margin-left: 3px;"/></a>
                        </div>
                </div>
                <IMG SRC="pic/top-section-iphone-white.png" class="im_1"/>
            </div>
        </div>
	<div class="subMenu" >
	 	<div class="inner">
	 		<a href="#sTop" class="subNavBtn">Home</a>
	 		<a href="#s1" class="subNavBtn">Section 1</a> 
			<a href="#s2" class="subNavBtn">Section 2</a>
			<a href="#s3" class="subNavBtn">Section 3</a>
			<a href="#s4" class="subNavBtn">Section 4</a>
			<a href="#s5" class="subNavBtn">Section 5</a>
                        <!--<a href="#s6" class="subNavBtn">Section 6</a>-->
		</div>
	</div>

	<div class="section s1">
		<div class="inner">
                    <div class="s1Top">
                        <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
                        <p style="text-align: center; margin-top: 8px;">Pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris.</p>
                    </div>
                    <div class="s1Middle">
                        <IMG SRC="pic/first_section_mockup.png" height="376.39" width="196.175" style="float: left;"/>
                        <div class="s1MR">
                            <h3 style="text-align: left;">Curabitur augue lorem quis, laoreet et tralara .</h3>
                            <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                            <IMG SRC="pic/levels.png" style="margin-top: 15px;">
                        </div>
                    </div>
		</div>
	</div>

	<div class="section s2">
		<div class="inner">
                    <div class="s2ML">
                        <h3 style="text-align: left;">Exercitation ullamco laboris nisi ut aliquip.</h3>
                        <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                    </div>
                    
                    <div class="s2img"><IMG SRC="pic/second_section_mockup.png" height="460" width="327.88"></div>
		</div>
	</div>



	<div class="section s3">
		<div class="inner">
                    <div class="s3Middle">
                        <IMG SRC="pic/third_section_mockup.png" height="452.8" width="255.2" style="float: left;"/>
                        <div class="s3MR">
                            <h3 style="text-align: left;">Curabitur augue lorem quis, laoreet et tralara .</h3>
                            <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                            <IMG SRC="pic/levels.png" style="margin-top: 15px;">
                        </div>
                    </div>
		</div>
	</div>

	<div class="section s4">
		<div class="inner">
                    <div class="s2ML">
                        <h3 style="text-align: left;">Exercitation ullamco laboris nisi ut aliquip.</h3>
                        <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                    </div>
                    
                    <div class="s4img"><IMG SRC="pic/section_4_mockup.png" height="400" width="430"></div>
		</div>
	</div>

	<div class="section s5">
            <div class="s51">
		<div class="inner">
                    <div class="s5T">
                        <h4>Lorem ipsum dolor sit amet</h4>
                        <p style="color: #ffffff; text-align:center; margin-top: 5px;">Pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis</p>
                    </div>
                    <div class="s5M">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                    </div>
		</div>
            </div>
            
            <div><div class="inner">
                <div class="s52">
                    <IMG SRC="pic/Kanshu.png" class="logo"/>
                    <h5>Give it a try?</h5>
                    <div class="shops5">
                        <a href="http://www.google.com"><IMG SRC="pic/play_store.png" width="148.5" height="45.75"/></a><a href="http://www.apple.com"><IMG SRC="pic/ituens_store.png" width="148.5" height="45.75" style="margin-left: 3px;"/></a>
                    </div>
                    <h5>Share with your friends</h5>
                    <img src="pic/socialnet.PNG" style="margin-top: 5px;"/>
                </div>
                </div>
            </div>
        </div>
        <div class="s53">
            <p style="text-align: center; vertical-align: middle; display: table-cell;">Kanshu all righ reserved 2015 &COPY;</p>
        </div></div>
</body>
</html><commit_msg>Added unordered list for social icon links<commit_after><!DOCTYPE html>
<html>
<head>
<title>KANSHU | Reading Chinese should be this easy.</title>

<meta name="viewport" content="width=device-width">


<link href="css/demo.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>

<script	src="js/jquery.smint.js" type="text/javascript" ></script>

<script type="text/javascript">
	

$(document).ready( function() {
    $('.subMenu').smint({
    	'scrollSpeed' : 1000
    });
});


</script>


</head>
<body>
<div class="wrap ">
	<div class="section sTop">
            <div class="inner">
            <IMG SRC="pic/Kanshuwfont2b.png" class="title"/>
                <div class="presentation">
                        <IMG SRC="pic/Kanshu.png" class="logo"/>
                        <div class="subtitle">Reading Chinese should be<br> this easy</div>
                        <p style="text-align: left; margin-top: 8px;">Reading Chinese should be easy<br>
                           easy easy easy <br>
                           easy easy easy easy easy</p>
                        <div class="shop">
                            <a href="http://www.google.com"><IMG SRC="pic/play_store.png" width="148.5" height="45.75" style="float: left"/></a>
                                <a href="http://www.apple.com"><IMG SRC="pic/ituens_store.png" width="148.5" height="45.75" style="float: left; margin-left: 3px;"/></a>
                        </div>
                </div>
                <IMG SRC="pic/top-section-iphone-white.png" class="im_1"/>
            </div>
        </div>
	<div class="subMenu" >
	 	<div class="inner">
	 		<a href="#sTop" class="subNavBtn">Home</a>
	 		<a href="#s1" class="subNavBtn">Section 1</a> 
			<a href="#s2" class="subNavBtn">Section 2</a>
			<a href="#s3" class="subNavBtn">Section 3</a>
			<a href="#s4" class="subNavBtn">Section 4</a>
			<a href="#s5" class="subNavBtn">Section 5</a>
                        <!--<a href="#s6" class="subNavBtn">Section 6</a>-->
		</div>
	</div>

	<div class="section s1">
		<div class="inner">
                    <div class="s1Top">
                        <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
                        <p style="text-align: center; margin-top: 8px;">Pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris.</p>
                    </div>
                    <div class="s1Middle">
                        <IMG SRC="pic/first_section_mockup.png" height="376.39" width="196.175" style="float: left;"/>
                        <div class="s1MR">
                            <h3 style="text-align: left;">Curabitur augue lorem quis, laoreet et tralara .</h3>
                            <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                            <IMG SRC="pic/levels.png" style="margin-top: 15px;">
                        </div>
                    </div>
		</div>
	</div>

	<div class="section s2">
		<div class="inner">
                    <div class="s2ML">
                        <h3 style="text-align: left;">Exercitation ullamco laboris nisi ut aliquip.</h3>
                        <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                    </div>
                    
                    <div class="s2img"><IMG SRC="pic/second_section_mockup.png" height="460" width="327.88"></div>
		</div>
	</div>



	<div class="section s3">
		<div class="inner">
                    <div class="s3Middle">
                        <IMG SRC="pic/third_section_mockup.png" height="452.8" width="255.2" style="float: left;"/>
                        <div class="s3MR">
                            <h3 style="text-align: left;">Curabitur augue lorem quis, laoreet et tralara .</h3>
                            <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                            <IMG SRC="pic/levels.png" style="margin-top: 15px;">
                        </div>
                    </div>
		</div>
	</div>

	<div class="section s4">
		<div class="inner">
                    <div class="s2ML">
                        <h3 style="text-align: left;">Exercitation ullamco laboris nisi ut aliquip.</h3>
                        <p style="max-width: 80%; margin-top: 8px; text-align: left;"> Nullam varius, sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam</p>
                    </div>
                    
                    <div class="s4img"><IMG SRC="pic/section_4_mockup.png" height="400" width="430"></div>
		</div>
	</div>

	<div class="section s5">
            <div class="s51">
		<div class="inner">
                    <div class="s5T">
                        <h4>Lorem ipsum dolor sit amet</h4>
                        <p style="color: #ffffff; text-align:center; margin-top: 5px;">Pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis</p>
                    </div>
                    <div class="s5M">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                        <IMG SRC="pic/chinadaily.PNG" style="float: left; margin-left: 50px;">
                    </div>
		</div>
            </div>
            
            <div><div class="inner">
                <div class="s52">
                    <IMG SRC="pic/Kanshu.png" class="logo"/>
                    <h5>Give it a try?</h5>
                    <div class="shops5">
                        <a href="http://www.google.com"><IMG SRC="pic/play_store.png" width="148.5" height="45.75"/></a><a href="http://www.apple.com"><IMG SRC="pic/ituens_store.png" width="148.5" height="45.75" style="margin-left: 3px;"/></a>
                    </div>
                    <h5>Share with your friends</h5>
		    <div id="socialicons">
			<ul>
				<li><a id="twitter" href="https://twitter.com"><span>Twitter</span></a></li>
				<li><a id="facebook" href="https://facebook.com"><span>Facebook</span></a></li>
				<li><a id="googleplus" href="https://google.com"><span>Google</span></a></li>
				<li><a id="email" href="mailto:"><span>Email</span></a></li>
			</ul>
		    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="s53">
            <p style="text-align: center; vertical-align: middle; display: table-cell;">Kanshu all righ reserved 2015 &COPY;</p>
        </div></div>
</body>
</html>
{'fraction_non_alphanumeric': 0.15146344664654154, 'fraction_numerical': 0.020540753379708624, 'mean_word_length': 1.9561590688651795, 'pattern_counts': {'":': 0, '<': 360, '<?xml version=': 0, '>': 360, 'https://': 3, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 11, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1713098', 'n_tokens_mistral': 5334, 'n_tokens_neox': 4879, 'n_words': 1206}