Skip to content

Instantly share code, notes, and snippets.

@projectxcappe

projectxcappe/rachel.html

Created September 6, 2011 17:48
Show Gist options
  • Save projectxcappe/1198408 to your computer and use it in GitHub Desktop.
Save projectxcappe/1198408 to your computer and use it in GitHub Desktop.
Download ZIP
Rachel's Creations HTML/js/css/jquery
Raw
rachel.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rachel's Creations</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {
color: #666666
}
}
a:visited {
color: 536f77;
}
a:hover {
color: 536f77;
}
a:active {
color: 536f77;
}
.p_logo_link {
display: block;
background: url("images/logo.png") no-repeat;
padding-left: 75px;
width: 691px;
height: 131px;
}
#top_spacer{
padding-top:
}
#p_left_container{
width: 1000px;
float: left;
margin-left: 5px;
margin-bottom: 30px;/*margin: 0 30px 30px 5px;*/
}
#p_logo {
background: url("images/portfolio_bg.png") no-repeat center;
padding-right: 55px;
padding-left: 25px;
width:273px;
height:66px;
}
#p_menu_logo {
float:left;
background: url("images/portfolio_bg.png") no-repeat center;
padding-top: 400px;
padding-right: 60px;
width:273px;
height:66px;
}
#p{
padding: 25px 35px 35px 35px;
width:273px;
height:66px;
}
#wrapper{
}
#p_menu_left{
padding-top: 35px;
float:left;
/* background:url("images/portfolio_bg_left.png") no-repeat center; */
width:18px;
height:66px;
}
#p_menu_mid{
padding-top: 20px;
padding-left: 20px;
/* float:left;
/* background:url("images/portfolio_bg_mid.png") repeat-x center;*/
height:66px
width:75%;
}
#p_menu_mid ul li{
display: inline;
list-style-type: none;
}
#p_menu_right{
padding-top: 35px;
float:left;
/*background:url("images/portfolio_bg_right.png")no-repeat center;*/
width:18px;
height:66px;
}
#p_footer {
width:auto;
padding: 15px;
text-align:center;
margin-bottom: 15px;
height: 58px;
}
#portfolio_image {
padding-top: 25px;
padding-left: 50px;
}
#aboutbody {
width:700px;
background-position:center;
padding-left: 250px;
padding-top: 10px;
padding-bottom: 15px;
}
# bigsection_top{
background:url("images/bigsection_top.png") no-repeat center;
width:600px;
height:25px;
}
# bigsection_mid{
background:url("images/bigsection_top.png") repeat-y center;
width:600px;
height:100%;
}
# bigsection_btm{
background:url("images/bigsection_btm.png") no-repeat center;
width:600px;
height:25px;
}
.style6 {font-size: 10}
.style15 {font-size: x-small}
.style16 {color: #FFFFFF}
.about {
font-size:12px;
}
-->
</style>
</head>
<body>
<script type="text/javascript">
$(function() {
$("#p_menu_mid").tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); });
</script>
<div id="main_container" class="clear">
<div id="logo">
<a href="index.html" class="p_logo_link"></a>
<img id="portfolio_image"src="images/publicworks_bg.png" />
</div>
<p></p>
<p></p>
</div>
<!-- main_container -->
<div id="aboutbody">
<div class="style16" id="bigsection_top">
<p><span class="style16">Advanced Physical Sports Therapy - Lucent Town Center - Littleton, CO (kids area mural) 2007</span></p>
<p>&nbsp;</p>
<p><span class="style16">On Your Feet - Littleton, CO (dance studio murals) 2005</span></p>
<p>&nbsp;</p>
<p>Hawk Construction/Owner Builder Supply - Littleton, CO (showroom murals, stenciling &amp; faux) 2005</p>
<p>&nbsp;</p>
<p>Aspen Family Care - Highlands Ranch, CO (3D doctors office murals) 2005</p>
<p>&nbsp;</p>
<p>The Copper Poppy - Littleton, CO (murals, stenciling, lettering &amp; faux)</p>
<p>&nbsp;</p>
<p>Parade of Homes Participant - Colorado Springs 2004</p>
<p>&nbsp;</p>
<p>Parade of Homes Participant - Talon's Reach &amp; Spirit Gulch - Parker, CO 2000 &amp; 2001</p>
<p>&nbsp;</p>
<p>Benders 13th Avenue Tavern - Denver, CO (East side of building @ 13th &amp; Grant) 2004 </p>
<p>&nbsp;</p>
<p>The Adoption Exchange - Aurora, CO (conference room table &amp; chairs murals) 2003</p>
<p>&nbsp;</p>
<p>Lady of Fitness Athletic Club - Castle Rock, CO (murals, stenciling &amp; faux) 2002</p>
<p>&nbsp;</p>
<p>Special Touches Gift Store - HIghlands Ranch, CO (stenciling) 2002</p>
<p>&nbsp;</p>
<p>Le Peep - Littleton &amp; Lakewood, CO (holiday windows) 2002</p>
<p>&nbsp;</p>
<p>Rockwell Automation - Golden, CO (cafeteria wall mural) 2001</p>
<p>&nbsp;</p>
<p>Club USA - Littleton, CO (nursery mural) 1999</p>
<p>&nbsp;</p>
<p>Park Meadows Mall Murals - apprenticeship with John Pugh &amp; Manuel Cruz 1996</p>
<p>&nbsp;</p>
<p>Bed Bath &amp; Beyond - Denver, CO (East side of Cherry Creek building) - Trompe L'oeil apprenticeship with John Pugh 1995</p>
<p>&nbsp;</p>
<p>Aspen Goodyear - Littleton, CO (faux, stenciling ladies room &amp; holiday windows)</p>
<p>&nbsp;</p>
<p>Bear's Car Wash - Littleton, CO (holiday windows)</p>
</div>
<div class="about" id="bigsection_mid">
</div>
<div id="bigsection_btm"></div>
</div>
<div>
<div id="p_footer">
<div id="footer_left" align="center"></div>
<div id="footer_mid">
<p class="style6">&nbsp;</p>
<p class="style6"><span class="style15"><strong>Rachel's Creations 2011</strong><br />
created by <a href="http://zeroeightysix.com" class="style2">ZeroEightySix</a></span></p>
</div>
<div id="footer_right"></div>
</div>
</div>
</body>
</html>
Raw
rachel2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rachel's Creations</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<style type="text/css">
<!--
.style1 {color: #000000}
.style2 {color: #536f77}
color: 536f77;
}
a:visited {
color: 536f77;
}
a:hover {
color: 536f77;
}
a:active {
color: 536f77;
}
-->
</style>
</head>
<body>
<script type="text/javascript">
$(function() {
$("#featured").tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); });
</script>
<div id="main_container" class="clear">
<div id="left_container">
<div id="logo">
<a href="#" class="logo_link"></a> </div>
<div id="menu" >
<div id="menu_left"></div>
<div id="menu_mid" >
<div align="center"><a href="about.html">about </a>| <a href="portfolio.html">portfolio </a> |
<a href="publicworks.html">public works</a> |
<a href="references.html">references</a> </div>
</div>
<div id="menu_right"></div>
</div>
<div id="featured">
<ul>
<li><a href="#featured-1">Murals</a></li>
<li><a href="#featured-2">Stenciling</a></li>
<li><a href="#featured-3">Faux</a></li>
<li><a href="#featured-4">Face Painting</a></li>
</ul>
<div id="featured-1" class="featured_content">
<h1>Murals</h1>
<div class="feat_left">
<ol>
<li><strong>Specializing</strong> in custom hand painted murals and lettering</li>
<li>Jungle themes to character work to wall striping & more!</li>
<li>Trompe L'oeil three dimensional work</li>
</ol>
</div>
<div class="image_cont"><a href="portfolio.html"><a href="portfolio.php"><img src="images/murals.jpg" alt="murals" /></a></a></div>
</div>
<div id="featured-2" class="featured_content">
<h1>Stenciling</h1>
<div class="feat_left">
<ol>
<li>Provides a uniform look</li>
<li>Quick way to decorate around a room</li>
<li><strong>Great for many budgets!</strong></li>
</ol>
</div>
<div class="image_cont">
<a href="portfolio.html"><img src="images/stencil.jpg" alt="stencil" /></a> </div>
</div>
<div id="featured-3" class="featured_content">
<h1>Faux</h1>
<div class="feat_left">
<ol>
<li>An excellent way to accent a nook, inset, wall or room</li>
<li>Provides warmth and depth</li>
<li>Uses a variety of techniques (sponging, ragging, stippling,...)</li>
<li><stong>Achieve a unique look in any area!</strong></li>
</ol>
</div>
<div class="image_cont">
<a href="portfolio.html"><img src="images/faux.jpg" alt="faux" /></a> </div>
</div>
<div id="featured-4" class="featured_content">
<h1>Face Painting, Furniture & More!</h1>
<div class="feat_left">
<ol>
<li>Loves face painting in addition to her other painting/artwork</li>
<li>Available for birthday parties,
school functions, fundraisers, picnics, company promos, special events,
art festivals, farmers markets, charity events, restaurants & much more!</li>
<li>Faux and hand painted furniture work also available</li>
</ol>
</div>
<div class="image_cont">
<a href="portfolio.html"><img src="images/facepainting.jpg" alt="" /></a> </div>
</div>
</div>
<div id="down_container"></div>
</div>
<div id="sidebar">
<div class="side_cont">
<p><a href="#"><img src="images/profile.jpg" alt=""/></a></p>
<img src="images/10off.png" alt="" width="200" height="155" />
<p>&nbsp;</p>
<p align="center" class="style1"><strong>Rachel Baer Henderson Owner/Artist</strong></p>
<p align="center" class="style1"><strong>#303-973-8823</strong></p>
</div>
</div>
<div id="sidebar2">
<div>
<div id="sidebar_btm"></div>
</div>
</div>
<a href=""></a>
<div class="clear_sep"></div>
<div id="footer" align="center">
<div id="footer_left"></div>
<div id="footer_mid">
<p align="center"><strong>Rachel's Creations 2011</strong><br /> created by <a href="http://zeroeightysix.com" class="style2">ZeroEightySix</a></p>
</div>
<div id="footer_right"></div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment