Enhance FAQ and gallery UI
This commit is contained in:
parent
b585d851dd
commit
8b0793c42f
157
faq/index.html
157
faq/index.html
@ -45,6 +45,17 @@
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
color: #2c3e50 !important;
|
color: #2c3e50 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.faq-tabs.is-toggle li.is-active a {
|
||||||
|
background-color: #7585ff;
|
||||||
|
border-color: #7585ff;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faq-tabs.is-toggle a {
|
||||||
|
border-color: #7585ff;
|
||||||
|
color: #2c3e50;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -104,8 +115,14 @@
|
|||||||
<section class="section theme-light">
|
<section class="section theme-light">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title has-text-centered theme-light">Frequently Asked Questions</h1>
|
<h1 class="title has-text-centered theme-light">Frequently Asked Questions</h1>
|
||||||
|
<div class="tabs is-centered is-toggle is-toggle-rounded faq-tabs">
|
||||||
<div class="content">
|
<ul>
|
||||||
|
<li class="is-active" data-tab="faq-tab"><a>FAQ</a></li>
|
||||||
|
<li data-tab="care-tab"><a>Balloon Care</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="faq-tab" class="content tab-content">
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<p class="q">Q: Do you sell bags of balloons or products for DIY?</p>
|
<p class="q">Q: Do you sell bags of balloons or products for DIY?</p>
|
||||||
<p>A: Beach Party Balloons does not sell bags of balloons or decor supplies, only finished product.</p>
|
<p>A: Beach Party Balloons does not sell bags of balloons or decor supplies, only finished product.</p>
|
||||||
@ -136,6 +153,124 @@
|
|||||||
<p class="q">Q: My venue does not allow anything to be attached to the wall or helium balloons, what can you do?</p>
|
<p class="q">Q: My venue does not allow anything to be attached to the wall or helium balloons, what can you do?</p>
|
||||||
<p>A: Beach Party Balloons is NOT responsible for any damage caused by balloons, adhesives/attachments, balloons not allowed in by the venue or the cost to retrieve them from the ceiling if they are removed from their weights, which we carefully secure them to. It is your responsibility to check the rules of your venue ahead of time. We offer options like framed garlands, columns, and arches which do not have to be supported by attaching to the wall. If your venue doesn't allow helium balloons, please check if they make an exception for professional decorators, otherwise, we have plenty of air-filled options.</p>
|
<p>A: Beach Party Balloons is NOT responsible for any damage caused by balloons, adhesives/attachments, balloons not allowed in by the venue or the cost to retrieve them from the ceiling if they are removed from their weights, which we carefully secure them to. It is your responsibility to check the rules of your venue ahead of time. We offer options like framed garlands, columns, and arches which do not have to be supported by attaching to the wall. If your venue doesn't allow helium balloons, please check if they make an exception for professional decorators, otherwise, we have plenty of air-filled options.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: How far in advance should I book?</p>
|
||||||
|
<p>A: We recommend reaching out as early as possible, especially for weekends and large installs. If your date is coming up soon, contact us anyway and we will do our best to fit you in.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Do you deliver, and how far do you travel?</p>
|
||||||
|
<p>A: Yes, delivery and on-site setup are available. We serve all over Connecticut, and delivery fees depend on distance and the size of the installation.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Do you offer setup and takedown?</p>
|
||||||
|
<p>A: Yes. Many installs include professional setup, and takedown can be arranged in advance if needed.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Can you match a specific theme or color palette?</p>
|
||||||
|
<p>A: Absolutely. Share your theme, colors, or inspiration photos and we will help you choose balloon colors and styles that fit.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: How much does a balloon installation cost?</p>
|
||||||
|
<p>A: Pricing varies by size, style, colors, delivery distance, and setup needs. The quickest way to get accurate pricing is to request a quote with your date, location, and ideas.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Do you offer same-day or rush orders?</p>
|
||||||
|
<p>A: Sometimes, depending on availability and the size of the order. Call or message us and we will let you know what we can do.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Are balloons safe outdoors?</p>
|
||||||
|
<p>A: Outdoor installs are possible, but heat, sun, wind, and rain can shorten balloon life. We will recommend the best placement and materials for outdoor conditions.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Do you rent or provide frames/stands?</p>
|
||||||
|
<p>A: Yes, we have frames and structures available for arches, garlands, and columns. If you need a freestanding option, let us know.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Q: Can I pick up a custom order?</p>
|
||||||
|
<p>A: Yes. We offer pickup for many custom arrangements. If you are unsure what will fit in your vehicle, ask and we will guide you.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="care-tab" class="content tab-content" style="display: none;">
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Balloon Care and Safety Guide</p>
|
||||||
|
<p>These tips help your balloons look great for as long as possible and keep everyone safe.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Balloons and temperature</p>
|
||||||
|
<p>Please do not leave balloons in a hot car. Helium expands in heat and can cause balloons to pop. Use air conditioning while transporting on hot days.</p>
|
||||||
|
<p>If balloons get rained on and start to droop, they will usually float again when dry. Helium balloons may temporarily deflate in the cold and re-inflate when warm.</p>
|
||||||
|
<p>A change in temperature can cause vinyl personalized messages to bubble slightly.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Child and pet precautions</p>
|
||||||
|
<p>Balloons are not a toy. Uninflated or popped balloons can be a choking hazard and should never be left with children under eight without supervision.</p>
|
||||||
|
<p>Store balloons away from pets to prevent entanglement or ingestion of broken balloon pieces or decorative contents.</p>
|
||||||
|
<p>If a balloon pops, clear away all pieces immediately.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Latex and allergy notice</p>
|
||||||
|
<p>Most balloons are made of natural rubber latex and may cause allergies. Please watch for symptoms and seek help if needed.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Do not inhale helium</p>
|
||||||
|
<p>Inhaling helium can be dangerous. It can deprive your body of oxygen and may result in serious injury.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Ceilings and fixtures</p>
|
||||||
|
<p>Lights, textured paint, rough surfaces, and static can pop balloons. If you plan to place balloons on a ceiling, test a small area first.</p>
|
||||||
|
<p>Avoid sharp edges and rough materials.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Latex balloon oxidation</p>
|
||||||
|
<p>Clear balloons can become cloudy when exposed to heat and sun. Colored balloons may take on a soft, matte finish.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Balloons can pop</p>
|
||||||
|
<p>We use high quality balloons and take every precaution, but once balloons leave our care, they are subject to environment and handling.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Balloons and the environment</p>
|
||||||
|
<p>Please dispose of balloons responsibly. At the end of a balloon's life, cut the end with scissors to release the air and place it in the trash.</p>
|
||||||
|
<p>Never release balloons. They become litter and can harm wildlife and the environment.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Latex balloons</p>
|
||||||
|
<p>We use high quality latex balloons. Latex is a natural, plant-based product and is biodegradable over time.</p>
|
||||||
|
<p>Latex is not plastic and is sourced without harming the rubber tree.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Bubble balloons</p>
|
||||||
|
<p>Bubble balloons are clear, stretchy, and long lasting. They are great for indoor and outdoor decor because they do not oxidize.</p>
|
||||||
|
<p>Not suitable for children under 36 months due to small parts. Adult supervision required.</p>
|
||||||
|
<p>When finished, snip the end with scissors before disposing.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<p class="q">Foil balloons</p>
|
||||||
|
<p>Foil balloons may conduct electricity. Never release helium-filled foil balloons outdoors.</p>
|
||||||
|
<p>Helium foil balloons must always be attached to a weight. When finished, snip the end and dispose in the trash.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -163,7 +298,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="../script.js"></script>
|
<script src="../script.js"></script>
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
const tabs = document.querySelectorAll('.faq-tabs li');
|
||||||
|
const tabContents = document.querySelectorAll('.tab-content');
|
||||||
|
|
||||||
|
tabs.forEach(tab => {
|
||||||
|
tab.addEventListener('click', () => {
|
||||||
|
tabs.forEach(item => item.classList.remove('is-active'));
|
||||||
|
tab.classList.add('is-active');
|
||||||
|
const target = document.getElementById(tab.dataset.tab);
|
||||||
|
tabContents.forEach(content => content.style.display = 'none');
|
||||||
|
if (target) target.style.display = 'block';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
<!-- <script defer data-domain="beachpartyballoons.com" src="https://metrics.beachpartyballoons.com/js/script.js"></script> -->
|
<!-- <script defer data-domain="beachpartyballoons.com" src="https://metrics.beachpartyballoons.com/js/script.js"></script> -->
|
||||||
<script async data-nf='{"formurl":"https://forms.beachpartyballoons.com/forms/contact-us-vjz40v","emoji":"💬","position":"left","bgcolor":"#0dc9ba","width":"500"}' src='https://forms.beachpartyballoons.com/widgets/embed-min.js'></script>
|
<script async data-nf='{"formurl":"https://forms.beachpartyballoons.com/forms/contact-us-vjz40v","emoji":"💬","position":"left","bgcolor":"#0dc9ba","width":"500"}' src='https://forms.beachpartyballoons.com/widgets/embed-min.js'></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -76,12 +76,6 @@
|
|||||||
<main class="section gallery-wrap">
|
<main class="section gallery-wrap">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title is-2 has-text-centered mb-4 has-text-dark">Gallery</h1>
|
<h1 class="title is-2 has-text-centered mb-4 has-text-dark">Gallery</h1>
|
||||||
<div class="has-text-centered">
|
|
||||||
<a class="skip-to-gallery has-background-light has-text-dark" href="#photo-gallery">
|
|
||||||
<i class="fa-solid fa-images"></i>
|
|
||||||
Jump to photos
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<button onclick="topFunction()" class="has-text-dark" id="top" title="Go to top">Top</button>
|
<button onclick="topFunction()" class="has-text-dark" id="top" title="Go to top">Top</button>
|
||||||
<div class="box search-box">
|
<div class="box search-box">
|
||||||
<div class="is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap gap-sm">
|
<div class="is-flex is-align-items-center is-justify-content-space-between is-flex-wrap-wrap gap-sm">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user