dmehrotra · August 28, 2013 21:19
diff --git a/kick b/kick
 <!DOCTYPE html>
 <html>
 <head>
  <title>Over Engineering and Kick Ball</title>
  <link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
 <style>
 body{
  margin:0px;
 font-family: 'Press Start 2P';
 }
 .wrapper{
  width:85%;
  margin:auto;
  min-width:750px;
 }
 .header{
  background:black;
  color:white;
 }
 .header img{
  margin:0px;
  padding:0px;
  float:left;
 max-width:10%;
 }
 .header h1{
  margin:0px;
  padding:10px;
  max-width:75%;
  font-size:20px;
  float:right;
  text-align: right;
 }
 .left_info, .right_info{
  width:50%;
  float:left;
  text-align: center;
 height:400px;
 color:white;
 background:#071126;
 }
 .right_info{

  float:right;
  height:400px;
 }
 .right_info img{
  max-width:100%;
  max-height:100%;
 }
 .left_info h2{
  padding:5px;
  border-bottom: 1px solid #B9AEAA;
 }
 .left_info p{
  font-size: 8px;

 }
 .left_info li {
  padding-bottom: 20px;
 }

 span{
  color:#980606;
 }
 </style>
 </head>

 <body>
  <div class="wrapper">
  <div class="header"> 
    <img id='circle' src='http://files.gamebanana.com/img/ico/sprays/greenmoonitecopy.png'/>
    <h1>How To Over-Complicate A Kick Ball Score Tracker</h1> 
    
    <div style='clear:both'></div>

  </div>

  <div class="left_info">
    <h2>The Benefits of My Program</h2>
    <ol>
      <li>looking at the source code will <span>teach</span> you how to effectively bash your head against a wall</li>
      <li>if you really hate yourself, my code provides <span>an outlet for your masochistism</span></li>
      <li>Also if you want to keep track of kickball games you can input <span>teams and scores</span></li>
  </ol>
  </div>
  <div class="right_info">
    

    <img src='http://english.wisc.edu/madisonreview/wp-content/uploads/2013/04/kidball-fail-funny-pictures.jpg'>
  </div>

 </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Over Engineering and Kick Ball</title>
	<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
	<style>
	body{
	margin:0px;
	font-family: 'Press Start 2P';
	}
	.wrapper{
	width:85%;
	margin:auto;
	min-width:750px;
	}
	.header{
	background:black;
	color:white;
	}
	.header img{
	margin:0px;
	padding:0px;
	float:left;
	max-width:10%;
	}
	.header h1{
	margin:0px;
	padding:10px;
	max-width:75%;
	font-size:20px;
	float:right;
	text-align: right;
	}
	.left_info, .right_info{
	width:50%;
	float:left;
	text-align: center;
	height:400px;
	color:white;
	background:#071126;
	}
	.right_info{

	float:right;
	height:400px;
	}
	.right_info img{
	max-width:100%;
	max-height:100%;
	}
	.left_info h2{
	padding:5px;
	border-bottom: 1px solid #B9AEAA;
	}
	.left_info p{
	font-size: 8px;

	}
	.left_info li {
	padding-bottom: 20px;
	}

	span{
	color:#980606;
	}
	</style>
	</head>

	<body>
	<div class="wrapper">
	<div class="header">
	<img id='circle' src='http://files.gamebanana.com/img/ico/sprays/greenmoonitecopy.png'/>
	<h1>How To Over-Complicate A Kick Ball Score Tracker</h1>

	<div style='clear:both'></div>

	</div>

	<div class="left_info">
	<h2>The Benefits of My Program</h2>
	<ol>
	<li>looking at the source code will <span>teach</span> you how to effectively bash your head against a wall</li>
	<li>if you really hate yourself, my code provides <span>an outlet for your masochistism</span></li>
	<li>Also if you want to keep track of kickball games you can input <span>teams and scores</span></li>
	</ol>
	</div>
	<div class="right_info">


	<img src='http://english.wisc.edu/madisonreview/wp-content/uploads/2013/04/kidball-fail-funny-pictures.jpg'>
	</div>

	</div>
	</body>
	</html>