Ap6pack · February 9, 2016 01:49
diff --git a/Background image website b/Background image website
 <!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">
        <div id="logo">
          <h1> Coffee Shop </h1>
        </div>
      </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. </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. </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. </p>
    </div>
    
  </div> 
      
      
 </body>
 </html>


 body{
  background-image: url(http://www.publicdomainpictures.net/pictures/60000/velka/road-13813455026q6.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-size: cover;
  
  font-family: 'Abel', sans-serif;
  font-size: 20px;
  color: #3B3B3B
 }

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

 h2{
  text-align: left;
 }

 #header{
  width: 1000px;
  margin: 150px auto;
 }

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

 #threeColumns{
  overflow:hidden;
  width: 1000px;
  margin: 0px auto;
  padding: 30px 30px;
  
  background: rgba(255,255,255, 0.4)
 }

 #threeColumns h2{
  
  padding: 0px -1px 20px 0px;
  font-size: 50px;
  letter-spacing: -1px;
 }

 #threeColumns #column1{
  float: left;
  width 300px;
  margin-right: 50px;
 }

 #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">
	<div id="logo">
	<h1> Coffee Shop </h1>
	</div>
	</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. </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. </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. </p>
	</div>

	</div>


	</body>
	</html>


	body{
	background-image: url(http://www.publicdomainpictures.net/pictures/60000/velka/road-13813455026q6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: 100% 100%;
	background-size: cover;

	font-family: 'Abel', sans-serif;
	font-size: 20px;
	color: #3B3B3B
	}

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

	h2{
	text-align: left;
	}

	#header{
	width: 1000px;
	margin: 150px auto;
	}

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

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

	background: rgba(255,255,255, 0.4)
	}

	#threeColumns h2{

	padding: 0px -1px 20px 0px;
	font-size: 50px;
	letter-spacing: -1px;
	}

	#threeColumns #column1{
	float: left;
	width 300px;
	margin-right: 50px;
	}

	#threeColumns #column1{
	float: left;
	width: 300px;
	margin-right: 50px;
	}

	#threeColumns #column2{
	float: left;
	width: 300px;
	}

	#threeColumns #column3{
	float: right;
	width: 300px;
	}