pablete/01.png

## 01.png

      
    Raw
  

              01.png
            
          
## 02.png

      
    Raw
  

              02.png
            
          
## 03.png

      
    Raw
  

              03.png
            
          
## Readme
This is only an example

## holidays.png

      
    Raw
  

              holidays.png
            
          
## index.html
<body>
<style>
* {
  border:none;
  margin:0;
  padding:0;
}

body {
  color: #000;
  font:12.35px "Lucida Grande", Arial, Georgia, Verdana, sans-serif;
}

a:link {
  color:#0054a6;
  text-decoration:none;
}

h1 {
  font-size:20px;
  margin-bottom:20px;
}
h2 {
  font-size:15px;
  margin-bottom:5px;
  padding:10px 10px 0 10px;
}

#wrap {
  margin:0 auto;
  width:900px;
}

#header {
  margin-bottom:20px;
}

#header a {
  color:#0054A6;
}

#header a:hover {
  text-decoration:underline;
}

#desc {margin:10px 0;}

p {
  padding:10px;
}

#paragraph {
  position:absolute;
  top:130px;
  left:410px;
}


/*Z-Index, Relative And Absolute Positioning*/
#layer1 {background:#F6929C; position:relative; width:600px; height:450px; color:#fff;}
#layer3 { position:absolute; top:80px; left:100px; width:600px; height:200px; color:#fff; z-index:2;}
#image_container { position:absolute;top:80px; left:25px; width:250px; height:140px; z-index:2;}
#layer4 { position:absolute; top:10px; left:30px; width:400px; height:300px; color:#fff; z-index:3;}
</style>
  <div id="wrap">
    <div id="header">
    <div id="layer1">
      <span id="paragraph">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
        <p><a href="http://wikipedia.org">Click this link to find out</a></p>
      </span>
      <div id="layer3">
        <span id="image_container">
         <img src="https://raw.github.com/gist/1332276/6e56802efbddae97cbe525c18082fa77bf48a0af/sheldon.gif" width="250" height="139" alt="Sheldon">
        </span>
      </div>
      <div id="layer4">
         <img src="https://raw.github.com/gist/1332276/a96e21a066e997219db841978672908b0fb942be/holidays.png" width="398" height="460" alt="Holidays">
      </div>
    </div>
  </div>
</body>
</html>

## sheldon.gif

      
    Raw
  

              sheldon.gif
            
          
## twitter_icon.gif

      
    Raw
  

              twitter_icon.gif
	<body>
	<style>
	* {
	border:none;
	margin:0;
	padding:0;
	}

	body {
	color: #000;
	font:12.35px "Lucida Grande", Arial, Georgia, Verdana, sans-serif;
	}

	a:link {
	color:#0054a6;
	text-decoration:none;
	}

	h1 {
	font-size:20px;
	margin-bottom:20px;
	}
	h2 {
	font-size:15px;
	margin-bottom:5px;
	padding:10px 10px 0 10px;
	}

	#wrap {
	margin:0 auto;
	width:900px;
	}

	#header {
	margin-bottom:20px;
	}

	#header a {
	color:#0054A6;
	}

	#header a:hover {
	text-decoration:underline;
	}

	#desc {margin:10px 0;}

	p {
	padding:10px;
	}

	#paragraph {
	position:absolute;
	top:130px;
	left:410px;
	}


	/Z-Index, Relative And Absolute Positioning/
	#layer1 {background:#F6929C; position:relative; width:600px; height:450px; color:#fff;}
	#layer3 { position:absolute; top:80px; left:100px; width:600px; height:200px; color:#fff; z-index:2;}
	#image_container { position:absolute;top:80px; left:25px; width:250px; height:140px; z-index:2;}
	#layer4 { position:absolute; top:10px; left:30px; width:400px; height:300px; color:#fff; z-index:3;}
	</style>
	<div id="wrap">
	<div id="header">
	<div id="layer1">
	<span id="paragraph">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
	<p><a href="http://wikipedia.org">Click this link to find out</a></p>
	</span>
	<div id="layer3">
	<span id="image_container">
	<img src="https://raw.github.com/gist/1332276/6e56802efbddae97cbe525c18082fa77bf48a0af/sheldon.gif" width="250" height="139" alt="Sheldon">
	</span>
	</div>
	<div id="layer4">
	<img src="https://raw.github.com/gist/1332276/a96e21a066e997219db841978672908b0fb942be/holidays.png" width="398" height="460" alt="Holidays">
	</div>
	</div>
	</div>
	</body>
	</html>