????

Your IP : 216.73.216.174


Current Path : /home2/morganrand/www/2014/
Upload File :
Current File : /home2/morganrand/www/2014/candypagetest.html

<!doctype html>
<html>
<head><script src="//cdn.optimizely.com/js/1865631164.js"></script>
<meta charset="utf-8">
<title>Untitled Document</title>

<link href="main.css" rel="stylesheet" type="text/css">


	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script>
		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
	</script>
	<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
 	<link rel="stylesheet" href="style.css" />
	<script type="text/javascript" src="fancybox/fancyboxsettings.js"></script>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="tipr/tipr.css">
<style type="text/css">
a:link {
	color: #D6D6D6;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
</style>
<script type="text/javascript" src="tipr/tipr.js"></script>

</head>

<body>

<div id="topbar">
<div id="logo">
<div id="logocontainer">
<img src="images/wanderfuls5.jpg" width="600" height="80">
</div>
<div id="cart">
Sign in | Register | Cart (0) | Checkout
<h1>Call us at 1.866.590.1616</h1>
Monday to Friday - 10am to 9pm
</div>
</div>

</div>
<div id="subtopbar">
<div id="listcontainer">

<ul><li><a href="aboutpage.html">What are Wanderfuls?</a></li>  
<li><a href="#">Gallery</a>

			<ul>
				<li><a href="#">The product</a></li>
				<li><a href="#">Meet the team</a></li>
			</ul>
            
            </li>

<li><a href="#">Shop by Color</a>
<ul><li><a href="#"><img src="images/boxblack.jpg" width="15" height="15"> Black</a></li>
	<li><a href="#"><img src="images/boxwhite.jpg" width="15" height="15"> White</a></li>
    <li><a href="#"><img src="images/boxivory.jpg" width="15" height="15"> Ivory</a></li>
    <li><a href="#"><img src="images/boxpurple.jpg" width="15" height="15"> Purple</a></li>
    <li><a href="#"><img src="images/boxlavender.jpg" width="15" height="15"> Lavender</a></li>
    <li><a href="#"><img src="images/boxyellow.jpg" width="15" height="15"> Yellow</a></li>
    <li><a href="#"><img src="images/boxazalea.jpg" width="15" height="15"> Azeala Pink</a></li>
    <li><a href="#"><img src="images/boxlightpink.jpg" width="15" height="15"> Light Pink</a></li>
    <li><a href="#"><img src="images/boxhotpink.jpg" width="15" height="15"> Hot Pink</a></li>
    <li><a href="#"><img src="images/boxburgundy.jpg" width="15" height="15"> Burgundy</a></li>
    <li><a href="#"><img src="images/boxcabernet.jpg" width="15" height="15"> Cabernet</a></li>
    <li><a href="#"><img src="images/boxbrown.jpg" width="15" height="15"> Brown</a></li>
    <li><a href="#"><img src="images/boxroyalblue.jpg" width="15" height="15"> Royal Blue</a></li>
    <li><a href="#"><img src="images/boxnavyblue.jpg" width="15" height="15"> Navy Blue</a></li>
    <li><a href="#"><img src="images/boxgrape.jpg" width="15" height="15"> Grape</a></li>
    <li><a href="#"><img src="images/boxorange.jpg" width="15" height="15"> Orange</a></li>
    <li><a href="#"><img src="images/boxred.jpg" width="15" height="15"> Red</a></li>
    <li><a href="#"><img src="images/boxcoral.jpg" width="15" height="15"> Coral</a></li>
    <li><a href="#"><img src="images/boxpeach.jpg" width="15" height="15"> Peach</a></li>
    <li><a href="#"><img src="images/boxemeraldgreen.jpg" width="15" height="15"> Emerald Green</a></li>
    <li><a href="#"><img src="images/boxlimegreen.jpg" width="15" height="15"> Lime Green</a></li>
    <li><a href="#"><img src="images/boxhuntergreen.jpg" width="15" height="15"> Hunter Green</a></li>
    
    
   
    </ul></li>
<li><a href="#">Shop by Event</a>
<ul><li><a href="catalogpage.html">Birthdays</a></li>
	<li><a href="catalogpage.html">Retirement</a></li>
    <li><a href="catalogpage.html">Baby Showers</a></li>
    <li><a href="catalogpage.html">Bridal Showers</a></li>
    <li><a href="catalogpage.html">Graduations</a></li>
    <li><a href="catalogpage.html">Corporate Events</a></li>
    <li><a href="catalogpage.html">Sweet Sixteen</a></li>
    <li><a href="catalogpage.html">Rehearsal Dinner</a></li>
    <li><a href="catalogpage.html">Wedding</a></li>
    <li><a href="catalogpage.html">Award Ceremonies</a></li>
	<li><a href="catalogpage.html">Bat Mitzvah</a></li>
    <li><a href="catalogpage.html">Bar Mitzvah</a></li>
    <li><a href="catalogpage.html">Anniversaries</a></li>
    <li><a href="catalogpage.html">Communions</a></li>
    <li><a href="catalogpage.html">Holidays</a></li>
    <li><a href="catalogpage.html">Proms</a></li>
    <li><a href="catalogpage.html">Military Events</a></li>
    <li><a href="catalogpage.html">Sports</a></li>

   
    </ul>


</li>
<li><a href="questions.html">Questions</a></li>
<li style="margin-right:0px;"><a href="testimonial.html">Why our customers Love Us</a></li>
</ul>
</div>

</div>

<div id="container">

<div id="sidebar">

<h3><a href="catalogpage.html">Shop by Event</a></h3>
<ul><li><a href="birthdaypage.html">Birthdays</a></li>
	<li><a href="catalogpage.html">Retirement</a></li>
    <li><a href="catalogpage.html">Baby Showers</a></li>
    <li><a href="catalogpage.html">Bridal Showers</a></li>
    <li><a href="catalogpage.html">Graduations</a></li>
    <li><a href="catalogpage.html">Corporate Events</a></li>
    <li><a href="catalogpage.html">Sweet Sixteen</a></li>
    <li><a href="catalogpage.html">Rehearsal Dinner</a></li>
    <li><a href="catalogpage.html">Wedding</a></li>
    <li><a href="catalogpage.html">Award Ceremonies</a></li>
	<li><a href="catalogpage.html">Bat Mitzvah</a></li>
    <li><a href="catalogpage.html">Bar Mitzvah</a></li>
    <li><a href="catalogpage.html">Anniversaries</a></li>
    <li><a href="catalogpage.html">Communions</a></li>
    <li><a href="catalogpage.html">Holidays</a></li>
    <li><a href="catalogpage.html">Proms</a></li>
    <li><a href="catalogpage.html">Military Events</a></li>
    <li><a href="catalogpage.html">Sports</a></li>

   
    </ul>
<h3><a href="#">Shop by Color</a></h3>
<ul><li><a href="#"><img src="images/boxblack.jpg" width="15" height="15"> Black</a></li>
	<li><a href="#"><img src="images/boxwhite.jpg" width="15" height="15"> White</a></li>
    <li><a href="#"><img src="images/boxivory.jpg" width="15" height="15"> Ivory</a></li>
    <li><a href="#"><img src="images/boxpurple.jpg" width="15" height="15"> Purple</a></li>
    <li><a href="#"><img src="images/boxlavender.jpg" width="15" height="15"> Lavender</a></li>
    <li><a href="#"><img src="images/boxyellow.jpg" width="15" height="15"> Yellow</a></li>
    <li><a href="#"><img src="images/boxazalea.jpg" width="15" height="15"> Azeala Pink</a></li>
    <li><a href="#"><img src="images/boxlightpink.jpg" width="15" height="15"> Light Pink</a></li>
    <li><a href="#"><img src="images/boxhotpink.jpg" width="15" height="15"> Hot Pink</a></li>
    <li><a href="#"><img src="images/boxturquoise.jpg" width="15" height="15"> Turquoise</a></li>
        <li><a href="#"><img src="images/boxsage.jpg" width="15" height="15"> Sage</a></li>
    <li><a href="#"><img src="images/boxteal.jpg" width="15" height="15"> Teal</a></li>
    <li><a href="#"><img src="images/boxceledon.jpg" width="15" height="15"> Celedon</a></li>
    <li><a href="#"><img src="images/boxdaffodil.jpg" width="15" height="15"> Daffodil</a></li>
    <li><a href="#"><img src="images/boxlightyellow.jpg" width="15" height="15"> Light Yellow</a></li>
    <li><a href="#"><img src="images/boxperiwinkle.jpg" width="15" height="15"> Periwinkle</a></li>
    <li><a href="#"><img src="images/boxmintgreen.jpg" width="15" height="15"> Mint Green</a></li>    
     <li><a href="#"><img src="images/boxcornflowerblue.jpg" width="15" height="15"> Cornflower Blue</a></li>       
    
    
    
    
    <li><a href="#"><img src="images/boxburgundy.jpg" width="15" height="15"> Burgundy</a></li>
    <li><a href="#"><img src="images/boxcabernet.jpg" width="15" height="15"> Cabernet</a></li>
    <li><a href="#"><img src="images/boxbrown.jpg" width="15" height="15"> Brown</a></li>
    <li><a href="#"><img src="images/boxroyalblue.jpg" width="15" height="15"> Royal Blue</a></li>
    <li><a href="#"><img src="images/boxnavyblue.jpg" width="15" height="15"> Navy Blue</a></li>
    <li><a href="#"><img src="images/boxgrape.jpg" width="15" height="15"> Grape</a></li>
    <li><a href="#"><img src="images/boxorange.jpg" width="15" height="15"> Orange</a></li>
    <li><a href="#"><img src="images/boxred.jpg" width="15" height="15"> Red</a></li>
    <li><a href="#"><img src="images/boxcoral.jpg" width="15" height="15"> Coral</a></li>
    <li><a href="#"><img src="images/boxpeach.jpg" width="15" height="15"> Peach</a></li>
    <li><a href="#"><img src="images/boxemeraldgreen.jpg" width="15" height="15"> Emerald Green</a></li>
    <li><a href="#"><img src="images/boxlimegreen.jpg" width="15" height="15"> Lime Green</a></li>
    <li><a href="#"><img src="images/boxhuntergreen.jpg" width="15" height="15"> Hunter Green</a></li>
    <li><a href="#"><img src="images/boxmetallicsilver.jpg" width="15" height="15"> Metallic Silver</a></li>    
    <li><a href="#"><img src="images/boxmetallicgold.jpg" width="15" height="15"> Metallic Gold</a></li>    
 
    </ul>



<div id="sidebarboxes" style="margin-top:210px;"> </div>
</div>


<div id="content" style="margin-top:60px;"><!--
<div id="midbarleft">
  <h1>What are Wanderfuls?</h1>
  <p>&nbsp;</p>
</div>
<div id="midbarright">


</div>

--><!--

<div id="slider2">


</div>
-->
  <img src="images/justcandies.jpg" width="750" height="404" usemap="#Map">
  <map name="Map">
 <area shape="poly" coords="602,267,622,389,651,387,632,265" href="#color33">
 <area shape="poly" coords="568,267,588,389,617,387,598,265" href="#color32">
  <area shape="poly" coords="533,268,553,390,582,388,563,266" href="#color31">
 <area shape="poly" coords="494,268,514,390,543,388,524,266" href="#color30">
 <area shape="poly" coords="458,266,478,388,507,386,488,264" href="#color29">
 <area shape="poly" coords="421,266,441,388,470,386,451,264" href="#color28">
 <area shape="poly" coords="384,266,404,388,433,386,414,264" href="#color27">
 <area shape="poly" coords="348,266,368,388,397,386,378,264" href="#color26">
 <area shape="poly" coords="313,266,333,388,362,386,343,264" href="#color25">
 <area shape="poly" coords="277,268,297,390,326,388,307,266" href="#color24">
 <area shape="poly" coords="242,262,262,384,291,382,272,260" href="#color23">
 <area shape="poly" coords="209,266,229,388,258,386,239,264" href="#color22">
 <area shape="poly" coords="175,268,195,390,224,388,205,266" href="#color21">
 <area shape="poly" coords="143,266,163,388,192,386,173,264" href="#color20">
 <area shape="poly" coords="111,265,131,387,160,385,141,263" href="#color19">
 <area shape="poly" coords="78,265,98,387,127,385,108,263" href="#color18">
 <area shape="poly" coords="45,265,65,387,94,385,75,263" href="#color17">
 <area shape="poly" coords="570,62,590,184,619,182,600,60" href="#color16">
 <area shape="poly" coords="534,60,554,182,583,180,564,58" href="#color15">
 <area shape="poly" coords="502,62,522,184,551,182,532,60" href="#color14">
 <area shape="poly" coords="470,63,490,185,519,183,500,61" href="#color13">
 <area shape="poly" coords="438,64,458,186,487,184,468,62" href="#color12">
 <area shape="poly" coords="405,65,425,187,454,185,435,63" href="#color11">
 <area shape="poly" coords="370,64,390,186,419,184,400,62" href="#color10">
 <area shape="poly" coords="335,63,355,185,384,183,365,61" href="#color09">
 <area shape="poly" coords="296,62,316,184,345,182,326,60" href="#color08">
 <area shape="poly" coords="261,63,281,185,310,183,291,61" href="#color07">
 <area shape="poly" coords="222,63,242,185,271,183,252,61" href="#color06">
 <area shape="poly" coords="185,62,205,184,234,182,215,60" href="#color05">
 <area shape="poly" coords="151,62,171,184,200,182,181,60" href="#color04">
 <area shape="poly" coords="116,61,136,183,165,181,146,59" href=#color03">
 <area shape="poly" coords="81,61,101,183,130,181,111,59" href="#color02">
 <area shape="poly" coords="45,62,65,184,94,182,75,60" href="#color01">

  </map>
  
  </div>
  <div class="color01">
color01</div>
<div class="color02">
color02</div>
<div class="color03">
color03</div>
<div class="color04">
color04</div>

<div class="color05">
color05</div>

<div class="color06">
color06</div>

<div class="color07">
color07</div>

<div class="color08">
color08</div>

<div class="color09">
color09</div>

<div class="color10">
color10</div>

<div class="color11">
color11</div>

<div class="color12">
color12</div>

<div class="color13">
color13</div>

<div class="color14">
color14</div>

<div class="color15">
color15</div>

<div class="color16">
color16</div>


<div class="color17">
color17</div>

<div class="color18">
color18</div>

<div class="color19">
color19</div>

<div class="color20">
color20</div>

<div class="color21">
color21</div>

<div class="color22">
color22</div>

<div class="color23">
color23</div>

<div class="color24">
color24</div>

<div class="color25">
color25</div>

<div class="color26">
color26</div>

<div class="color27">
color27</div>

<div class="color28">
color28</div>

<div class="color29">
color29</div>

<div class="color30">
color30</div>

<div class="color31">
color31</div>

<div class="color32">
color32</div>

<div class="color33">
color33</div>
































<script>
$('.color01,.color02,.color03,.color04,.color05,.color06,.color07,.color08,.color09,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20,.color21,.color22,.color23,.color24,.color25,.color26,.color27,.color28,.color29,.color30,.color31,.color32,.color33').css({
    position: 'absolute'
}).hide()
$('area').each(function(i) {
    $('area').eq(i).bind('mouseover', function(e) {
        $('.color01,.color02,.color03,.color04,.color05,.color06,.color07,.color08,.color09,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20,.color21,.color22,.color23,.color24,.color25,.color26,.color27,.color28,.color29,.color30,.color31,.color32,.color33').eq(i).css({
            top: e.pageY,
            left: e.pageX
        }).show()
    })
    $('area').eq(i).bind('mouseout', function() {
        $('.color01,.color02,.color03,.color04,.color05,.color06,.color07,.color08,.color09,.color10,.color11,.color12,.color13,.color14,.color15,.color16,.color17,.color18,.color19,.color20,.color21,.color22,.color23,.color24,.color25,.color26,.color27,.color28,.color29,.color30,.color31,.color32,.color33').hide()
    })
})
</script>

<div id="footer">
<div id="subfooter">

</div>

<div id="subfooter">
<p style="font-weight:bold;">PRODUCT INFO</p>

<p><a href="aboutpage.html#arrangement">Bouquet Sizes</a></p>
<p><a href="candypage.html">Candy Options</a></p>
<p><a href="allcolors.html">See All Colors</a></p>
<p><a href="candypage.html#candysection">Buy Wanderfuls Empty</a></p>

</div>
<div id="subfooter">
<p style="font-weight:bold;">QUESTIONS</p>

<p><a href="questions.html">FAQ</a></p>
<p><a href="shipping.html">Shipping</a></p>
<p><a>Help & Contact</a></p>
<p><a>Custom Design with Us</a></p>
<p><a href="termsandconditions.html">Terms & Conditions</a></p>




</div>
<div id="subfooter">
<p style="font-weight:bold;"><a>ABOUT</a></p>

<p>Why People Love Us</p>
<p><a href="testimonial.html#corporatetestimonial">Corporate Clientele</a></p>

<p><a>Our Team</a></p>
<br>

<p><a>Gallery</a></p>


</div>
<div id="subfooter">
<p style="font-weight:bold;"><a>EVENTS</a></p>

   <p>Birthdays</p>
   <p> Retirement</p>
   <p> Baby Showers</p>
   <p> Bridal Showers</p>
   <p> Graduations</p>
   <p> Sweet Sixteen</p>


</div>

<div id="subfooter">
   <p> Rehearsal Dinner</p>
   <p> Wedding</p>
   <p> Bat Mitzvah</p>
   <p> Bar Mitzvah</p>
   <p> Anniversaries</p>
   <p> Communions</p>
   <p> Holidays</p>


</div>
<div id="subfooter" style="width:900px; height:50px; margin-top:70px; text-align:center; ">
  <p>Wanderfuls™ <br>
All Rights Reserved 2013</p>


</div>

</div>
<div id="midquestionbar">
<h1>Need ideas? Want free design help? CALL 1-886-590-1616</h1>
<p>One of our staff designers will custom design color combinations for you at no extra charge!</p>

</div>
</div>



<script>
$(document).ready(function() {
     $('.tip').tipr();
});
</script>

<!-- Hotjar Tracking Code for wanderfuls.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:78806,hjsv:5};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script></body>
</html>