changeset 4:eede9c0c9e58

initial redesign
author Dylan Holmes <ocsenave@gmail.com>
date Fri, 06 Jul 2012 21:36:02 -0500
parents bd8cb2d399ed
children 55965debfbec
files images/games.jpg images/logo.png images/robert-painted.png images/snake-eyes.jpg index.html style.css
diffstat 6 files changed, 246 insertions(+), 121 deletions(-) [+]
line wrap: on
line diff
     1.1 Binary file images/games.jpg has changed
     2.1 Binary file images/logo.png has changed
     3.1 Binary file images/robert-painted.png has changed
     4.1 Binary file images/snake-eyes.jpg has changed
     5.1 --- a/index.html	Thu Jul 05 17:18:43 2012 -0500
     5.2 +++ b/index.html	Fri Jul 06 21:36:02 2012 -0500
     5.3 @@ -21,142 +21,190 @@
     5.4  
     5.5  
     5.6    <body>
     5.7 +    <div id="border">
     5.8 +      <div class="header">
     5.9 +	<div class="folio">
    5.10 +	  <img src="./images/princess-2.png"/>
    5.11 +	  <img src="./images/spiderman.png"/>
    5.12 +	  <img src = "./images/butterfly.png"/>
    5.13 +	</div>
    5.14 +	
    5.15 +	<h1><img alt="Face Art By Judy" src="./images/logo.png" id="logo"></img></h1>
    5.16 +      </div>
    5.17 +      
    5.18 +      <h2>Discover the fun</h2>
    5.19  
    5.20 -    <h1>Face Art ~by~ Judy</h1>
    5.21 +      No matter what you plan
    5.22 +      to celebrate, you can add a touch of wonder and imagination with
    5.23 +      face painting! Children love seeing their ideas come to life in
    5.24 +      brilliant color&mdash;and the possibilities are just endless:
    5.25  
    5.26 -    <img class = "judy" src="./images/judy.jpg" 
    5.27 -	 width = "300" height = "240"/>
    5.28 -    
    5.29 -    
    5.30 -    <p>
    5.31 -      Judy Yates is an experienced face-painting artist who
    5.32 -      has been painting children's faces for about 17
    5.33 -      years. 
    5.34 -    </p>
    5.35 +      <table class="choices">
    5.36 +	<tr>
    5.37 +	  <td>Super heroes</td>
    5.38 +	  <td>Butterflies</td>
    5.39 +	</tr>
    5.40 +	<tr>
    5.41 +	  <td>
    5.42 +	    Cowboys & indians
    5.43 +	  </td>
    5.44 +	  <td>
    5.45 +	    Princesses
    5.46 +	  </td>
    5.47 +	</tr>
    5.48 +	<tr>
    5.49 +	  <td>Army/marine camo</td>
    5.50 +	  <td>Glamour makeup</td>
    5.51 +	</tr>
    5.52 +	<tr>
    5.53 +	  <td>Monsters</td>
    5.54 +	  <td>Faries</td>
    5.55 +	</tr>
    5.56 +	<tr>
    5.57 +	  <td>Cars</td>
    5.58 +	  <td>Unicorns</td>
    5.59 +	</tr>
    5.60  
    5.61 +	<tr>
    5.62 +	  <td>Pirates</td>
    5.63 +	  <td>Hearts & flowers</td>
    5.64 +	</tr>
    5.65 +	<tr>
    5.66 +	  <td>Zombies</td>
    5.67 +	  <td>Snake/alien eyes</td>
    5.68 +	</tr>
    5.69 +	<tr>
    5.70 +	  <td>Cartoon characters</td>
    5.71 +	  <td>Rainbows</td>
    5.72 +	</tr>
    5.73 +	<tr>
    5.74 +	  <td>Dogs</td>
    5.75 +	  <td>Cats & tigers</td>
    5.76 +	</tr>
    5.77 +	<tr><td>&nbsp;</td><td></td></tr>
    5.78 +	<tr>
    5.79 +	  <td colspan="2"
    5.80 +	      style="text-align:center;font-size:0.75em; line-height:2em;">
    5.81 +	    ... the sky's the limit!
    5.82 +	  </td>
    5.83 +	</tr>
    5.84 +      </table>
    5.85  
    5.86 -    <img class = "face-painting" 
    5.87 -	 src = "./images/princess-2.png"
    5.88 -	 width = "400"/>
    5.89 -    
    5.90 -    <p>
    5.91 -      She uses
    5.92 -      <a href="http://www.snazaroo.com/products/face-paints/">
    5.93 -	snazaroo</a> paints which are completely safe for
    5.94 -	use on skin.
    5.95 -    </p>
    5.96 -    
    5.97 -    <img class = "face-painting" 
    5.98 -	 src = "./images/butterfly.png"
    5.99 -	 width = "300"/>
   5.100 -    
   5.101 +      Choose a design to match the theme of your next activity, or
   5.102 +      simply let everyone decide!
   5.103  
   5.104 -    <p>
   5.105 -      Her face painting services are great for all type of
   5.106 -      events! 
   5.107 -    </p>
   5.108  
   5.109 -    
   5.110 -    <ul>
   5.111 -      <li>Birthday Parties</li>
   5.112 -      <li>Halloween Makeup</li>
   5.113 -      <li>Community Events</li>
   5.114 -      <li>Grand Openings</li>
   5.115 -      <li>Business Functions </li>
   5.116 -      <li>Corporate Events</li>
   5.117 -      <li>Private Parties</li>
   5.118 -    </ul>
   5.119 +      <!--Amazing art, memorable celebrations-->
   5.120 +      <!--Celebrate with amazing art!</h2-->
   5.121 +      <h2>Learn more about Judy</h2>
   5.122 +      <p>
   5.123 +      Judy has been delighting children with her unique face painting
   5.124 +      talent for seventeen years. Using a combination of special paints
   5.125 +      and glitter, she breathes life into fantastic creations.
   5.126  
   5.127 -    <p>
   5.128 -      Judy serves Dallas and surrounding areas:
   5.129 -    </p>
   5.130 -
   5.131 -    <ul>
   5.132 -      <li>Dallas</li>
   5.133 -      <li>Irving</li>
   5.134 -      <li>Grand Prairie</li>
   5.135 -      <li>Mesquite</li>
   5.136 -      <li>Rowlett</li>
   5.137 -      <li>Rockwall</li>
   5.138 -      <li>Garland</li>
   5.139 -      <li>Plano</li>
   5.140 -      <li>Allen</li>
   5.141 -      <li>Frisco</li>
   5.142 -      <li>The Colony</li>
   5.143 -      <li>Carrollton</li>
   5.144 -      <li>Farmer's Branch</li>
   5.145 -    </ul>
   5.146 -
   5.147 -    <p>
   5.148 -      judyates@gmail.com <br/>
   5.149 -      (214) 418-4706  <br/>
   5.150 -      1 hr. ---- $50  <br/>
   5.151 -      2 hr. ---- $80  <br/>
   5.152 -      
   5.153 -      Send Judy an email and make your party a memorable
   5.154 -      experience!
   5.155 -    </p>
   5.156 -
   5.157 -
   5.158 -
   5.159 -    
   5.160 -    
   5.161 -    <img class = "face-painting" 
   5.162 -	 src = "./images/spiderman.png"
   5.163 -	 width = "400"/>
   5.164 -
   5.165 -    
   5.166 -    <h2>Face Art Party Ideas</h2>
   5.167 -
   5.168 -
   5.169 -    <div id="recommendations">
   5.170 -
   5.171 -      <h3>BOYS' PARTIES:</h3>
   5.172 -
   5.173 -      <ul>
   5.174 -	<li>MONSTER</li>
   5.175 -	<li>SUPER HEROES</li>
   5.176 -	<li>ARMY/MARINE CAMO</li>
   5.177 -	<li>COWBOYS & INDIANS</li>
   5.178 -	<li>FOOTBALL</li>
   5.179 -	<li>BASEBALL</li>
   5.180 -	<li>PIRATE</li>
   5.181 -	<li>CARS</li>
   5.182 -	<li>DOGS</li>
   5.183 -	<li>SNAKE/ALIEN EYES</li>
   5.184 -	<li>TIGERS/CATS</li>
   5.185 -	<li>ZOMBIE</li>
   5.186 -      </ul>
   5.187 -
   5.188 -      <h3>GIRLS' PARTIES:</h3>
   5.189 -
   5.190 -      <ul>
   5.191 -	<li>PRINCESS</li>
   5.192 -	<li>BUTTERFLY</li>
   5.193 -	<li>GLAMOUR MAKEUP</li>
   5.194 -	<li>HEARTS & FLOWERS</li>
   5.195 -	<li>HELLO KITTY</li>
   5.196 -	<li>RAINBOWS</li>
   5.197 -	<li>UNICORN</li>
   5.198 -	<li>FAIRY </li>
   5.199 -      </ul>
   5.200 -
   5.201 -      <h3>AND MANY MORE!</h3>
   5.202 -
   5.203 -
   5.204 -      <p>
   5.205 -	Custom Parties Available !! <br/>
   5.206 -
   5.207 -	Excessive Mileage Negotiated
   5.208 +      </p>
   5.209 +      <p style="background:#ffc">
   5.210 +	<em>Fun & Safe</em> Judy uses
   5.211 +	<a href="http://www.snazaroo.com/products/face-paints/"> 
   5.212 +      	  snazaroo</a> paints, which are hypoallergenic and especially
   5.213 +      	designed for children's skin.
   5.214        </p>
   5.215  
   5.216 +      
   5.217 + <img src="./images/judy.jpg" class="snapshot" style="height:12em;"/>
   5.218  
   5.219  
   5.220  
   5.221 +
   5.222 +      <h2>Join the fun & be creative!</h2>
   5.223 +      Face painting adds excitement to any type of event,
   5.224 +      from <em>birthday parties</em> and <em>halloween makeup</em>,
   5.225 +      to <em>business events</em> and <em>grand openings</em>.
   5.226 +      
   5.227 +
   5.228 +	Judy is located near <em>Dallas, TX</em> and serves the
   5.229 +	surrounding areas:
   5.230 +
   5.231 +<span style="float:right;clear:both;margin:1.5em;margin-left:3em;">
   5.232 +<iframe width="300" height="300" frameborder="0" scrolling="no"
   5.233 +	marginheight="0" marginwidth="0"
   5.234 +	src="https://maps.google.com/maps/ms?msa=0&amp;msid=205087532178318888224.0004c43281c78e0ba634b&amp;ie=UTF8&amp;t=m&amp;ll=32.971804,-96.751099&amp;spn=0.691262,0.823975&amp;z=9&amp;output=embed"></iframe><br /><small>
   5.235 +
   5.236 +View <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=205087532178318888224.0004c43281c78e0ba634b&amp;ie=UTF8&amp;t=m&amp;ll=32.971804,-96.751099&amp;spn=0.691262,0.823975&amp;z=9&amp;source=embed"
   5.237 +																													  style="color:#0000FF;text-align:left">Judy's
   5.238 +    Face Painting</a> in a larger map</small>
   5.239 +</span>
   5.240 +      
   5.241 +
   5.242 +	<ul>
   5.243 +	  <li>Dallas</li>
   5.244 +	  <li>Irving</li>
   5.245 +	  <li>Grand Prairie</li>
   5.246 +	  <li>Mesquite</li>
   5.247 +	  <li>Rowlett</li>
   5.248 +	  <li>Rockwall</li>
   5.249 +	  <li>Garland</li>
   5.250 +	  <li>Plano</li>
   5.251 +	  <li>Allen</li>
   5.252 +	  <li>Frisco</li>
   5.253 +	  <li>The Colony</li>
   5.254 +	  <li>Carrollton</li>
   5.255 +	  <li>Farmer's Branch</li>
   5.256 +	</ul>
   5.257 +
   5.258 +	<br/>
   5.259 +	<br/>
   5.260 +
   5.261 +	<p>
   5.262 +	  To schedule face painting for your next event, call
   5.263 +	  or send an e-mail to Judy:
   5.264 +
   5.265 +	  <table>
   5.266 +	    <tr><td>phone:</td><td> <em>(214) 418-4706</em></td></tr>
   5.267 +	     <tr><td>e-mail</td><td> <em><a href="mailto:judyates@gmail.com">judyates@gmail.com</a></em></td></tr>
   5.268 +	     <!--tr><td>&nbsp;</td><td></td></tr>
   5.269 +	     <tr><td colspan="2">1 hr / $50</td></tr>
   5.270 +	     <tr><td colspan="2">2 hr / $80</td></tr-->
   5.271 +	  </table>
   5.272 +
   5.273 +
   5.274 +	</p>
   5.275 +	
   5.276 +      <p>
   5.277 +	It's $50 for one hour, and just $80 for two.
   5.278 +      </p>
   5.279 +      <p style="background:#ffc">
   5.280 +	 <em>Find out more!</em>
   5.281 +	  Judy welcomes any questions you may have, and
   5.282 +	  she'd be happy to discuss different ideas for tailor-made
   5.283 +	  parties. 
   5.284 +	  
   5.285 +      </p>
   5.286 +
   5.287 +
   5.288 +      <!--Affordable artisan-quality face painting for all your celebrations! !-->
   5.289 +      
   5.290 +      <h2>See the results</h2>
   5.291 +    
   5.292 +      Of course, you have to see the results of Judy's handiwork:
   5.293 +      beautiful, exquisitely detailed artwork and happy kids. You won't believe your eyes!
   5.294 +
   5.295 +      
   5.296 +      <img class="snapshot" src="./images/butterfly-2.jpg"/>
   5.297 +      <img class="snapshot" src="./images/princess-2.jpg"/>
   5.298 +      <img class="snapshot" src="./images/games.jpg"/>
   5.299 +      <img class="snapshot" src="./images/spiderman-2.jpg"/>
   5.300 +      <img class="snapshot" src="./images/snake-eyes.jpg"/>
   5.301 +    <img class="snapshot" src="./images/robert-painted.png"/>
   5.302 +
   5.303 +
   5.304 +  
   5.305 +      
   5.306 +
   5.307      </body>
   5.308  
   5.309  
   5.310  
   5.311  
   5.312  
   5.313 -  </html>
   5.314 \ No newline at end of file
   5.315 +  </html>
     6.1 --- a/style.css	Thu Jul 05 17:18:43 2012 -0500
     6.2 +++ b/style.css	Fri Jul 06 21:36:02 2012 -0500
     6.3 @@ -0,0 +1,77 @@
     6.4 +body{
     6.5 +
     6.6 +    
     6.7 +    font:14px Helvetica,Arial,sans-serif;
     6.8 +    line-height:1.5em;
     6.9 +    color:#333;
    6.10 +    /*background:#acf url("http://image.shutterstock.com/display_pic_with_logo/601885/601885,1304021351,4/stock-vector-vector-splatter-paint-brush-abstract-seamless-background-splash-splotch-stain-art-blob-blot-76157275.jpg");*/
    6.11 +    background:#acf;
    6.12 +    text-align:justify;
    6.13 +    font-weight:bold;
    6.14 +    color:#555;
    6.15 +
    6.16 +    background:#fdc;
    6.17 +
    6.18 +}
    6.19 +
    6.20 +#border {
    6.21 +    border:1.5em solid #fdb;
    6.22 +    background:white;
    6.23 +    width:700px;
    6.24 +    width:40em;
    6.25 +    margin:0px auto;
    6.26 +    padding:1.5em 4.5em;
    6.27 +    border-color:#f56;
    6.28 +    border-right-color:#8f2;
    6.29 +    border-top-color:#fc0;
    6.30 +    border-bottom-color:#0184df;
    6.31 +
    6.32 +}
    6.33 +
    6.34 +
    6.35 +div.folio {
    6.36 +    border-bottom:0em solid #ffc;
    6.37 +}
    6.38 +.folio img {
    6.39 +    height:132px;
    6.40 +    height:180px;
    6.41 +    height:108px;
    6.42 +    height:144px;
    6.43 +    margin:0 .5em;
    6.44 +}
    6.45 +
    6.46 +.header{
    6.47 +    text-align:center;
    6.48 +    margin-bottom:3em;
    6.49 +}
    6.50 +#logo {
    6.51 +    height:4.5em;
    6.52 +
    6.53 +}
    6.54 +
    6.55 +h1,h2,h3,h4,h5,h6,a{
    6.56 +    color:#00c;
    6.57 +    color:#0184df;
    6.58 +    margin-top:3em;
    6.59 +}
    6.60 +
    6.61 +
    6.62 +
    6.63 +table.choices {
    6.64 +
    6.65 +    width:30em;
    6.66 +    margin:1.5em auto;
    6.67 +    border-spacing:0px;
    6.68 +}
    6.69 +.choices td,em {
    6.70 +    color:#a0c;
    6.71 +    font-style:normal;
    6.72 +
    6.73 +}
    6.74 +
    6.75 +
    6.76 +.snapshot {
    6.77 +    height:24em;
    6.78 +    display:block;
    6.79 +    margin:.75em auto;
    6.80 +}
    6.81 \ No newline at end of file