????
| Current Path : /home2/morganrand/www/2014/ |
| Current File : /home2/morganrand/www/2014/aboutpagetest.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"> <a href="index.html"><img src="images/wanderfuls5.jpg" width="600" height="80"></a> </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>
<ul>
<li><a href="aboutpage.html">About The Product</a></li>
<li><a href="aboutpage.html#coloroptions">Color Options</a></li>
<li><a href="aboutpage.html#candyoptions">Candy Options</a></li>
<li><a href="aboutpage.html#arrangement"">Bouquet Sizes</a></li>
</ul>
</li>
<li><a href="#">Gallery</a>
</li>
<li><a href="#">Shop by Color</a>
<ul><li><a href="aboutpage.html#coloroptions"> See all colors>></a></li>
<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 style="padding-bottom:10px;"><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="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>
</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>
<li><a href="catalogpage.html">Show More >></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/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="#">Show More >></a></li>
</ul>
<h3><a href="#">Testimonials</a></h3>
<ul><li>Everyone raved</li>
</ul>
<div id="sidebarboxes" style="margin-top:210px;"> </div>
</div>
<div id="content" style="margin-bottom:80px; height:2900px; overflow:hidden;">
<h1>What is a Wanderfuls™ centerpiece?</h1>
<p>The Wanderful™ is a bouquet that you can order in any color to match the theme of your event. When a room is set with wanderful party favor bouquets on every table, the room will be filled with magic. The wanderful has a couple components.</p>
<p>The first component is the wand, which is filled with the candy you choose.On top of the wand is a pom pom made of ribbon. Some pom poms have tassles. All wands have a ribbon around them, and some of our customers choose to imprint the ribbon with a little something about the event. Then the wands are arranged in a bouquet, like the one below on the right. At the end of the event, every guest at the table leaves with a wand, a sweet memory of your event.</p>
<img src="images/wand_diagram.jpg" width="375" alt="" /><img src="images/completebouquet.jpg" width="375" ><br><br>
<a name="coloroptions" id="coloroptions">
<div id="miniquestion" style="margin-bottom:80px;">
<h1>What are my color options?</h1>
<p>Click on a color below to see a preview of the what the color will look like on the wand.</p>
<img src="images/colorpoms3.jpg" >
</div></a>
<a name="arrangement" id="arrangement">
<div id="miniquestion" style="height:350px; margin-bottom:120px;">
<h1>How many wands are in each arrangement?</h1>
<p>That depends on what you order. We make arrangements which have 6, 8, 9, or 10 wands. Here are some examples: <br><br>
<strong style="margin-left:120px; font-size:24px;">(Click to see how all the favors come together!)</strong></p>
<div id="imagecontainer"><iframe style="overflow:hidden;" src="sequenced.html" frameborder="0" width="187" height="200"> </iframe><p style="font-family:Arial, Helvetica, sans-serif; color:#cc3366">6 Favor Bouquet</p>
<p>5 favors on the bottom
<br> 1 favor on top</p><p style="font-style:italic; font-size:16px; margin-top:5px; ">10" tall x 11" wide</p></div>
<div id="imagecontainer"><iframe style="overflow:hidden;" src="sequenced.html" frameborder="0" width="187" height="200"> </iframe><p style="font-family:Arial, Helvetica, sans-serif; color:#cc3366">8 Favor Bouquet</p>
<p>6 favors on the bottom
<br> 2 favor on top</p>
<p style="font-style:italic; font-size:16px; margin-top:5px;">12" tall x 12" wide</p></div>
<div id="imagecontainer"><iframe style="overflow:hidden;" src="sequenced.html" frameborder="0" width="187" height="200"> </iframe><p style="font-family:Arial, Helvetica, sans-serif; color:#cc3366">9 Favor Bouquet</p>
<p>6 favors on the bottom
<br> 3 favor on top</p>
<p style="font-style:italic; font-size:16px; margin-top:5px;">12" tall x 12" wide</p></div>
<div id="imagecontainer"><iframe style="overflow:hidden;" src="sequenced.html" frameborder="0" width="187" height="200"> </iframe>
<p style="font-family:Arial, Helvetica, sans-serif; color:#cc3366">10 Favor Bouquet</p>
<p>6 favors on the bottom
<br> 3 favor on top</p>
<p style="font-style:italic; font-size:16px; margin-top:5px;">12" tall x 12" wide</p></div>
</div>
</a>
<a name="candyoptions" id="candyoptions">
<div id="miniquestion" style="margin-bottom:80px;">
<h1 style="margin-top:20px;">Jordan Almonds</h1>
<img src="images/candy-jordan-almonds.jpg" width="750px" >
<h1 style="margin-top:20px;">Foil Wrapped</h1>
<img src="images/candy-foil-wrapped.jpg" width="750px">
<h1 style="margin-top:20px;">Jelly Beans, Gumballs, Mini Jawbreakers, Mints, Kisses, & More</h1>
<img src="images/candy-other.jpg" width="750px"></div>
</a>
<div id="miniquestion" style="margin-bottom:80px;">
<h1>What if I have special colors?</h1>
<p>Call us and one of our designers will put their love into your event. You will be delighted we are sure. In fact we have thousands of color combinations available to those who call in.</p>
<h1>Do you charge setup fees?</h1>
<p>That depends on how many you order. If you order less than 4 bouquets there is a $50 setup fee*. If you order 4 or more bouquets, there is no setup fee*.</p>
<p>*must be in the same color combination</p>
<h1>Do you offer discounts?</h1>
<p>The early bird catches the discount! Order early and we will take 5% off your order.</p>
<p>What is early? 9 weeks before your event. Order late, less than 28 days before your event, and we must add 10% to rush your order.</p>
</div>
<!--
<div id="slider2">
</div>
-->
</div>
<div id="footer">
<div id="subfooter">
</div>
<div id="subfooter">
<p>Gallery</p>
<p>Shop by Color</p>
<p>Shop by Event</p>
<p>Questions</p>
</div>
<div id="subfooter">
<p>Contact Us</p>
<p>About Us</p>
<p>Custom Design</p>
<p>How to Order</p>
</div>
<div id="subfooter">
<p>Our Clients</p>
<p>Testimonials</p>
<p>About Our Team </p>
<p>C</p>
</div>
<div id="subfooter">
<p>Gallery</p>
<p>Shop by Color</p>
<p>Shop by Event</p>
<p>Careers</p>
</div>
<div id="subfooter" style="width:900px; height:50px; margin-top:0px; 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>