Ap6pack · February 8, 2016 21:59
diff --git a/Basic one page website.txt b/Basic one page website.txt
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
 </head>
 <body>
  <div id="page">
    <div id="header-page">
        <div id="header" class ="container">
         <div id="logo">
           <h1>Dark Coffee</h1>
         </div>   
      </div>
      <div id="banner">
      <div class="content">
        <img src="http://www.publicdomainpictures.net/pictures/20000/nahled/koffee.jpg" />
      </div> 
      </div>
    </div>
    
    <div id ="threeColumns">
    <div id ="column1">
    <h2> Column 1</h2>
    <p>Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant. The Coffea plant is native to subtropical Africa and some islands in southern Asia.[2] The plant was exported from Africa to countries around the world and coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are the highly regarded arabica, and the less sophisticated but stronger and more hardy robusta. Once ripe, coffee beans are picked, processed, and dried. Dried coffee beans are roasted to varying degrees, depending on the desired flavor. Roasted beans are ground and brewed to produce coffee as a beverage. </p>
    </div>
  
    <div id ="column2">
    <h2> Column 2</h2>
    <p>Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant. The Coffea plant is native to subtropical Africa and some islands in southern Asia.[2] The plant was exported from Africa to countries around the world and coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are the highly regarded arabica, and the less sophisticated but stronger and more hardy robusta. Once ripe, coffee beans are picked, processed, and dried. Dried coffee beans are roasted to varying degrees, depending on the desired flavor. Roasted beans are ground and brewed to produce coffee as a beverage. </p>
    </div>
  
    <div id ="column3">
    <h2> Column 3</h2>
    <p>Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant. The Coffea plant is native to subtropical Africa and some islands in southern Asia.[2] The plant was exported from Africa to countries around the world and coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are the highly regarded arabica, and the less sophisticated but stronger and more hardy robusta. Once ripe, coffee beans are picked, processed, and dried. Dried coffee beans are roasted to varying degrees, depending on the desired flavor. Roasted beans are ground and brewed to produce coffee as a beverage. </p>
    
     </div>
    </div>
  </div>
 </body>
 </html>


 body{
  background: #FFFFFF;
  font-family: 'Abel', sans-serif;
  font-size: 20px;
  color: #3B3B2B;
 }

 h1, h2{
  font-family: "impact";
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #111111;
 }

 #logo h1{
  line-height: 150px;
  letter-spacing: 3px;
  font-size: 7em;
 }

 #header-page {
  overflow: hidden;
  height = 600px;
  
 }

 #header{
  overflow: hidden;
  width: 1000px;
  height: 150px;
  margin: 0 auto;
  padding 0px, 0px;
  
 }

 #banner{
  margin: 0px auto;
  width: 1000px;
  height: 450px;
 }

 #threeColumns{
  overflow:hidden;
  width: 1000px;
  margin: 0px auto;
  padding: 30px 0px;
  
 }

 img{
  width: 1000px;
 }

 #threeColumns h2{
  padding: 0px 09px 20px0px;
  font-size: 48px;
 }
 #threeColumns #column1{
  float: left;
  width: 300px;
  margin-right: 50px;
 }
 #threeColumns #column2{
  float: left;
  width: 300px;
 }
 #threeColumns #column3{
  float: right;
  width: 300px;
  
 }
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<div id="page">
	<div id="header-page">
	<div id="header" class ="container">
	<div id="logo">
	<h1>Dark Coffee</h1>
	</div>
	</div>
	<div id="banner">
	<div class="content">
	<img src="http://www.publicdomainpictures.net/pictures/20000/nahled/koffee.jpg" />
	</div>
	</div>
	</div>

	<div id ="threeColumns">
	<div id ="column1">
	<h2> Column 1</h2>
	<p>Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant. The Coffea plant is native to subtropical Africa and some islands in southern Asia.[2] The plant was exported from Africa to countries around the world and coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are the highly regarded arabica, and the less sophisticated but stronger and more hardy robusta. Once ripe, coffee beans are picked, processed, and dried. Dried coffee beans are roasted to varying degrees, depending on the desired flavor. Roasted beans are ground and brewed to produce coffee as a beverage. </p>
	</div>

	<div id ="column2">
	<h2> Column 2</h2>
	<p>Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant. The Coffea plant is native to subtropical Africa and some islands in southern Asia.[2] The plant was exported from Africa to countries around the world and coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are the highly regarded arabica, and the less sophisticated but stronger and more hardy robusta. Once ripe, coffee beans are picked, processed, and dried. Dried coffee beans are roasted to varying degrees, depending on the desired flavor. Roasted beans are ground and brewed to produce coffee as a beverage. </p>
	</div>

	<div id ="column3">
	<h2> Column 3</h2>
	<p>Coffee is a brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant. The Coffea plant is native to subtropical Africa and some islands in southern Asia.[2] The plant was exported from Africa to countries around the world and coffee plants are now cultivated in over 70 countries, primarily in the equatorial regions of the Americas, Southeast Asia, India, and Africa. The two most commonly grown are the highly regarded arabica, and the less sophisticated but stronger and more hardy robusta. Once ripe, coffee beans are picked, processed, and dried. Dried coffee beans are roasted to varying degrees, depending on the desired flavor. Roasted beans are ground and brewed to produce coffee as a beverage. </p>

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


	body{
	background: #FFFFFF;
	font-family: 'Abel', sans-serif;
	font-size: 20px;
	color: #3B3B2B;
	}

	h1, h2{
	font-family: "impact";
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #111111;
	}

	#logo h1{
	line-height: 150px;
	letter-spacing: 3px;
	font-size: 7em;
	}

	#header-page {
	overflow: hidden;
	height = 600px;

	}

	#header{
	overflow: hidden;
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	padding 0px, 0px;

	}

	#banner{
	margin: 0px auto;
	width: 1000px;
	height: 450px;
	}

	#threeColumns{
	overflow:hidden;
	width: 1000px;
	margin: 0px auto;
	padding: 30px 0px;

	}

	img{
	width: 1000px;
	}

	#threeColumns h2{
	padding: 0px 09px 20px0px;
	font-size: 48px;
	}
	#threeColumns #column1{
	float: left;
	width: 300px;
	margin-right: 50px;
	}
	#threeColumns #column2{
	float: left;
	width: 300px;
	}
	#threeColumns #column3{
	float: right;
	width: 300px;

	}