????
Your IP : 216.73.216.174
<!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>
<link rel="stylesheet" href="import.css" type="text/css">
<!-- Start WOWSlider.com HEAD section -->
<title>Party Centerpieces and Wedding Centerpieces by Wanderfuls</title>
<script src="../wanderfuls_amanda_productpage/Wanderfuls/baw/js/jqueryslide.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(document).ready(function(){
$("#quantity").on('keyup change', function(){
$("h3.total").text(total);
$("p.centerpiece").text($("#quantity").val() * total);
});
});
var total = 0;
function calcTotal()
{
$("input:checked").each(function()
{
//This happens for each checked input field
var value = $(this).attr("value");
total += parseInt(value);
});
}
//This happens when the page loads
$("input:checkbox, input:radio, select").click(function()
{
total = 0;
calcTotal();
centerpiece = total;
$("h3.total").html("<strong>" + total + "</strong>");
$("p.centerpiece").html(centerpiece);
});
});
</script>
<script>
$('.next').click(function() {
var empty = $(this).parent().find("input").filter(function() {
return this.value === "";
});
if(empty.length) {
//At least one input is empty
alert("empty!");
}
});
</script>
<script>
$(function(){
$('.wands').click(function(){
if ($(this).attr("id") == "wand1")
{
$('#6wand').show();
} else {
$("#6wand").hide();
}
});
});
$(function(){
$('.wands').click(function(){
if ($(this).attr("id") == "wand2")
{
$('#8wand').show();
} else {
$("#8wand").hide();
}
});
});
$(function(){
$('.wands').click(function(){
if ($(this).attr("id") == "wand3")
{
$('#9wand').show();
} else {
$("#9wand").hide();
}
});
});
$(function(){
$('.wands').click(function(){
if ($(this).attr("id") == "wand4")
{
$('#10wand').show();
} else {
$("#10wand").hide();
}
});
});
</script>
<link href="main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.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" style="color: #ffffff;">
<h1 style="color:#ffffff; font-size:36px; ">1.866.590.1616 </h1>
Monday to Friday - 10am to 9pmEST
</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>
<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="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" style="height:1700px;">
<div id="content2">
<div id="productordering">
<div id="preview">
<h1>Azalea Pink Centerpiece <br>with White Almonds</h1>
<img src="images/centerpiece_big.jpg" width="500" height="500" />
</div>
<div id="productoptions">
<form name="productoptions" action="process.php" method="post" onSubmit="return checkForm(this)">
<h1>Choose your option</h1>
<div class="selectanoption">
<h2>1. Candy Filling</h2>
<input type="radio" id="radio1" name="radios" value="1" checked="checked">
<label for="radio1" style="padding-left:15px; padding-right:15px;">Filled</label>
<input type="radio" id="radio2" name="radios" value="0" >
<label for="radio2" style="padding-left:15px; padding-right:15px;">Empty</label>
</div>
<div class="selectanoption2">
<h2>2. Number of Favors per Arrangement</h2>
<div id="gallerycontainer">
<input type="radio" id="wand1" name="wands" class="wands" value="6" checked="checked">
<label for="wand1"><a class="thumbnail" id_node="6s">6 favor bouquet<span><br /></span></a></label>
<input type="radio" id="wand2" name="wands" class="wands" value="8">
<label for="wand2"><a class="thumbnail" id_node="8s">8 favor bouquet<span><br /></span></a></label>
<input type="radio" id="wand3" name="wands" class="wands" value="9">
<label for="wand3"><a class="thumbnail" id_node="9s">9 favor bouquet<span><br /></span></a></label>
<input type="radio" id="wand4" name="wands" class="wands" value="10">
<label for="wand4"><a class="thumbnail" id_node="10s">10 favor bouquet<span><br /></span></a></label>
</div>
<p style="text-align:center; margin-top:-10px;margin-right:70px; ">The arrangement shown is a table of 9 favors. <br>If you are ordering a different number favors, see size comparison below.</p>
<div class="selectanoption">
<h2>3. Imprinting on Ribbon</h2>
<div id="move"> <input type="radio" id="radio3" name="radios2" value="1" onclick="javascript:yesnoCheck();" >
<label for="radio3" style="padding-left: 15px; padding-right: 15px; padding: 10px;">Imprinting</label>
<input type="radio" id="radio4" name="radios2"value="0" onclick="javascript:yesnoCheck();" >
<label for="radio4" style="padding-left: 15px; padding-right: 15px; padding: 10px;">No Imprint</label>
<div id="ifYes" style="display:none">
<input type="text" name="imprint" maxlength="34" size="52" value="Enter your imprint text here. 34 characters max." onclick='javascript: this.value = ""'> </div>
</div>
</div>
<div class="selectanoption">
<h2 class="floatleft">4. Centerpiece Quantity
<input name="quantity" id="quantity" type="text" value="3" size="9" maxlength="9" min=3 class="next" >
<span><br /><p>(Note: Minimum order is 3 Centerpieces)</p></span></h2>
</div>
<div class="ordertotal">
<div class="price">
<strong class="dollar">$</strong> <h3 class="total" style="float:left;" >0 </h3><br /><h2 style="color:#cc3366;margin-left:10px;">per centerpiece</h2>
<p style="float:left; margin-top:0px;">Total $</p><p style="float:left; margin-top:0px;" class="centerpiece">0</p>
</div>
<div class="addtocart">
<input name="submit" type="image" src="images/cta_addtocart.jpg" height="32" width="130" class="next" />
</div>
<script>
function checkForm(f)
{
if ( f.elements['radios'].value == "" ||
f.elements['wands'].value == "" ||
f.elements['radios2'].value == "" ||
f.elements['quantity'].value == ""
)
{
alert("Please fill out all the empty field");
return false;
}
else
{
f.submit();
return false;
}
}
</script>
</form>
</div>
</div>
</div>
<p class="description02" >Your guests will love this stunning Wanderfuls Centerpiece showcasing Pink and Iridescent White Pompom Ribbon Mums. Pink and Irridescent White Tassels bursting from the center and exploding with color complement the lovely Pompom crowns. Featuring Wanderfuls Favors with a lovely pink Wrap around Ribbon and an option to have them filled with a delectable white mint candy filling. Arrangement is finished with a Silver Base that will complete this beautiful centerpiece and favor combination bouquet arrangement.</p>
</div>
<div id="description">
<div id="tabs">
<ul>
<li><a href="#fragment-2"><span>Size Comparison</span></a></li>
<li><a href="#fragment-3"><span>Imprinting</span></a></li>
<li><a href="#fragment-4"><span>Assembly in a snap</span></a></li>
<li><a href="#fragment-5"><span>Filled vs Empty</span></a></li>
</ul>
<div id="fragment-2">
<div id="miniquestion" style="height:350px; margin-top:0px;margin-bottom:120px;">
<h1 style="padding:0px; margin-top:0px; font-family:lane;">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: 50px; font-size: 24px;">(click the bouquets several times to see how all the favors come together!)</strong></p>
<div id="imagecontainer" style="padding-left:20px;"><iframe style="overflow:hidden;" src="sequenced6.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" style="padding-left:20px;"><iframe style="overflow:hidden;" src="sequenced8.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 favors on top</p>
<p style="font-style:italic; font-size:16px; margin-top:5px;">12" tall x 12" wide</p></div>
<div id="imagecontainer" style="padding-left:20px;"><iframe style="overflow:hidden;" src="sequenced9.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 favors on top</p>
<p style="font-style:italic; font-size:16px; margin-top:5px;">12" tall x 12" wide</p></div>
<div id="imagecontainer" style="padding-left:20px;"><iframe style="overflow:hidden;" src="sequenced10.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 favors on top</p>
<p style="font-style:italic; font-size:16px; margin-top:5px;">12" tall x 12" wide</p></div>
</div>
</div>
<div id="fragment-3">
<img src="images/imprinting.jpg" width="399" height="400"><img src="images/imprinting2.jpg" width="400" height="400">
<p>For extra personalization, we offer imprinting on the ribbon that wraps around the plastic tube. We have 32 characters and spaces available for you to use on your imprint. We can imprint in silver or gold to match the color of your base. No periods, commas, and special characters please.</p>
</p>
</div>
<div id="fragment-4">
<h1 style="padding:0px; margin-top:0px; font-family:lane;">Assembly in a snap (click to see the step by step)</h1>
<p>Just snap the holder and base together and slide the favors into position, it's easy!</p>
<iframe src="sequencedassembly.html" frameborder="0" height="300px" width="400px" style="overflow:hidden"> </iframe>
<p>Wanderfuls centerpieces are shipping in parts to save on shipping costs and to keep the pompoms from being crushed. When they get to you, just snap them together and you're done! Need help? Watch the video to the left to see how it all comes together!</p>
</div>
<div id="fragment-5">
<h1 style="padding:0px; margin-top:0px; font-family:lane;">Filled vs Empty</h1>
<p>You can get your Wanderfuls Centerpieces and favors PRE-FILLED as pictured with the candy shown in the image above, except for Hershey Kisses, which must be ordered empty. We show the Kisses just so you can see what they look like.
</p><p>
Why do we offer an empty option? Because many of our customers love the way their Wanderfuls look with Hershey Kisses or M&Ms inside. But Since we don’t ship chocolate, just buy your own favorite candy and fill on your own. It’s simple and takes just seconds per favor. The favors fill easily from the bottom. There’s a removable cap there that you can pop off and on. Allow for approximately 1lb of candy for every 10 favors.
</p>
</div>
</div>
<script>
$( "#tabs" ).tabs();
</script>
</div>
<div id="midquestionbar">
<h2>Can't find the colors you're looking for?</h2>
<p>One of our staff designers will custom design color combinations for you at no extra charge!</p>
<h1>CALL 1-886-590-1616</h1>
</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>