pablete · November 1, 2011 23:32
diff --git a/01.png b/01.png
diff --git a/02.png b/02.png
diff --git a/03.png b/03.png
diff --git a/Readme b/Readme
 This is only an example
diff --git a/holidays.png b/holidays.png
diff --git a/index.html b/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>
diff --git a/sheldon.gif b/sheldon.gif
diff --git a/twitter_icon.gif b/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>