/Holiday-Page-for-CoderDojoSV.markdown

## Holiday-Page-for-CoderDojoSV.markdown

      
    Raw
  

              Holiday-Page-for-CoderDojoSV.markdown
            
          
    Holiday Page for CoderDojoSV

This pen is the template for the CoderDojo Silicon Valley Beginner Web Designer session for December 2013
A Pen by Jim Whitfield on CodePen.
License.

  
## index.html
<html>
  <head><title>Happy Holidays</title>
  </head>
  <body>
    <img class="force-left" src="http://whitfieldweb.com/red-tree.png">
    <img class="force-right" src="http://whitfieldweb.com/blue-tree.png">
    <h1 class='centered'>Happy Holidays from Coder Dojo</h1></p>
    <p>
    We wish you a <i>Cheery Solstice</i>, <br/>We wish you a <em>Merry    Christmas</em><br/>We wish you a lovely Kwanzaa<br>And a belated Channukah!
</p>
    <p><strong id="festive">Happy Holidays! from all of us at Coder Dojo</strong></p>
    <a href="http://coderdojosv.com"><img src= "http://coderdojosv.com/static/svlogo.png" width="146" height="45"></a>

<!--     <p><img src= "http://images.hellokids.com/_uploads/_tiny_galerie/20091250/tree-source-8h1-source_ccj.gif" /></p>-->
  </body>
</html>

## style.css
body {
  font-family: "Arial Black", Gadget, sans-serif;
  color: blue;
  background: #aaffaa url('http://whitfieldweb.com/lights-animated.gif');
  background-repeat:repeat-x;;
  margin-left:auto;
  margin-right:auto;
  width:60%;
  padding:30px;
}

img {
  border: 0px;
  padding: 10px;
}


h1 {
  color: red;
}
h1.centered {
  text-align: center;
}
h2 {
  text-align: center;
  color: green;
}

p {
  font-family: "Arial Black", "Arial", sans-serif
}

.force-right {
  position: fixed;
  right: 10px;
  z-index:-1;
}
.force-left {
  position: fixed;
  left: 10px;
  z-index:-1;
}


#festive {
  color: red;
}
	<html>
	<head><title>Happy Holidays</title>
	</head>
	<body>
	<img class="force-left" src="http://whitfieldweb.com/red-tree.png">
	<img class="force-right" src="http://whitfieldweb.com/blue-tree.png">
	<h1 class='centered'>Happy Holidays from Coder Dojo</h1></p>
	<p>
	We wish you a <i>Cheery Solstice</i>, <br/>We wish you a <em>Merry Christmas</em><br/>We wish you a lovely Kwanzaa<br>And a belated Channukah!
	</p>
	<p><strong id="festive">Happy Holidays! from all of us at Coder Dojo</strong></p>
	<a href="http://coderdojosv.com"><img src= "http://coderdojosv.com/static/svlogo.png" width="146" height="45"></a>

	<!-- <p><img src= "http://images.hellokids.com/_uploads/_tiny_galerie/20091250/tree-source-8h1-source_ccj.gif" /></p>-->
	</body>
	</html>
	body {
	font-family: "Arial Black", Gadget, sans-serif;
	color: blue;
	background: #aaffaa url('http://whitfieldweb.com/lights-animated.gif');
	background-repeat:repeat-x;;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	padding:30px;
	}

	img {
	border: 0px;
	padding: 10px;
	}


	h1 {
	color: red;
	}
	h1.centered {
	text-align: center;
	}
	h2 {
	text-align: center;
	color: green;
	}

	p {
	font-family: "Arial Black", "Arial", sans-serif
	}

	.force-right {
	position: fixed;
	right: 10px;
	z-index:-1;
	}
	.force-left {
	position: fixed;
	left: 10px;
	z-index:-1;
	}


	#festive {
	color: red;
	}