Compare commits
2 Commits
53e717fedc
...
69b83e0e87
| Author | SHA1 | Date | |
|---|---|---|---|
| 69b83e0e87 | |||
| 7148dcbe0b |
@ -1,6 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/favicon/site.webmanifest">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beach Party Balloons</title>
|
||||
@ -12,7 +16,28 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Autour+One&family=Mogra&family=Rubik+Glitch&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<style>
|
||||
|
||||
h1 {
|
||||
margin-bottom: 2.1rem;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
max-width: 850px;
|
||||
margin: 2rem auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.article {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar is-info is-spaced has-shadow" role="navigation" aria-label="main navigation">
|
||||
@ -40,6 +65,9 @@
|
||||
<a class="navbar-item is-tab is-active" href="index.html">
|
||||
About Us
|
||||
</a>
|
||||
<a class="navbar-item" href="../faq/index.html">
|
||||
FAQ
|
||||
</a>
|
||||
<a class="navbar-item" href="../terms/index.html">
|
||||
Terms
|
||||
</a>
|
||||
@ -48,7 +76,6 @@
|
||||
Gallery
|
||||
</a>
|
||||
|
||||
<!-- <div class="navbar-dropdown"> -->
|
||||
<a class="navbar-item" href="../contact/index.html">
|
||||
Contact
|
||||
</a>
|
||||
@ -62,14 +89,59 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container is-justify-content-center padding">
|
||||
<img src="../assets/pics/classic/ceiling.jpg" alt="balloon ceiling fill" >
|
||||
</div>
|
||||
|
||||
<div class="content-container">
|
||||
<h1 class="section-title has-text-centered">About Us</h1>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">Since 2016, Beach Party Balloons has been proudly serving Milford, Connecticut, as a trusted name in family-friendly entertainment.</p>
|
||||
|
||||
<p class="has-text-centered">
|
||||
Our journey began with the establishment of our sister company, Painted You, which laid the foundation for creating unforgettable experiences through creative party services.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">In 2016, Melissa opened Beach Party Balloons at her Walnut Beach location, bringing her passion for creating joy and magic to the community.</p>
|
||||
|
||||
<p class="has-text-centered">
|
||||
Fast forward to today, we have relocated to a new location at 554 Boston Post Road, continuing our legacy with enhanced opportunities for innovation and growth.
|
||||
</p>
|
||||
<p class="has-text-centered">
|
||||
In 2025, two long time employees purchased the business from Melissa.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">At Beach Party Balloons, we specialize in a variety of party services designed to make every event memorable. Our expert team offers balloon decorations, custom designs, and interactive balloon art that brings your special moments to life.
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">
|
||||
Committed to excellence, we ensure each event reflects the unique personality of our clients by creating a cohesive atmosphere with our wide range of styles and services. Our goal is to make every experience as magical as possible for you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">
|
||||
We take pride in delivering outstanding service, maintaining strong relationships with local communities, and providing creative solutions that exceed our clients' expectations. At Beach Party Balloons, we believe every detail matters—so let us help you create unforgettable memories.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div style="max-width: 30%; margin: auto;">
|
||||
|
||||
|
||||
|
||||
<!-- <div style="margin: auto;">
|
||||
<script type="text/javascript" src="https://form.jotform.com/jsform/250083932725053"></script>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<footer class="footer has-background-primary-light">
|
||||
<div class="content has-text-centered">
|
||||
|
||||
BIN
assets/favicon/android-chrome-192x192.png
Normal file
BIN
assets/favicon/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
assets/favicon/android-chrome-512x512.png
Normal file
BIN
assets/favicon/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
assets/favicon/apple-touch-icon.png
Normal file
BIN
assets/favicon/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
assets/favicon/favicon-16x16.png
Normal file
BIN
assets/favicon/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 738 B |
BIN
assets/favicon/favicon-32x32.png
Normal file
BIN
assets/favicon/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
assets/favicon/favicon.ico
Normal file
BIN
assets/favicon/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
assets/favicon/favicon_io.zip
Normal file
BIN
assets/favicon/favicon_io.zip
Normal file
Binary file not shown.
1
assets/favicon/site.webmanifest
Normal file
1
assets/favicon/site.webmanifest
Normal file
@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
BIN
assets/pics/classic/ceiling.jpg
Normal file
BIN
assets/pics/classic/ceiling.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
138
faq/index.html
Normal file
138
faq/index.html
Normal file
@ -0,0 +1,138 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/favicon/site.webmanifest">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beach Party Balloons</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Autour+One&family=Mogra&family=Rubik+Glitch&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<style>
|
||||
|
||||
h1 {
|
||||
margin-bottom: 2.1rem;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
.content-container {
|
||||
max-width: 850px;
|
||||
margin: 2rem auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.article {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar is-info is-spaced has-shadow" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand is-size-1">
|
||||
<a class="navbar-item" href="../index.html">
|
||||
<img style="background-color: white;" src="../assets/logo/BeachPartyBalloons-logo.png" alt="Beach Party Balloons logo">
|
||||
|
||||
|
||||
</a>
|
||||
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu has-text-right">
|
||||
<div class="navbar-end">
|
||||
<a class="navbar-item " href="../index.html">
|
||||
Home
|
||||
</a>
|
||||
|
||||
<a class="navbar-item" href="../about/index.html">
|
||||
About Us
|
||||
</a>
|
||||
<a class="navbar-item is-tab is-active" href="../faq/index.html">
|
||||
FAQ
|
||||
</a>
|
||||
<a class="navbar-item" href="../terms/index.html">
|
||||
Terms
|
||||
</a>
|
||||
<!-- <div class="navbar-item "> -->
|
||||
<a class="navbar-item" href="../gallery/index.html">
|
||||
Gallery
|
||||
</a>
|
||||
|
||||
<a class="navbar-item" href="../contact/index.html">
|
||||
Contact
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="navbar-end">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="content-container">
|
||||
<h1 class="section-title has-text-centered">FAQ</h1>
|
||||
|
||||
<h2>Q: Do you sell bags of balloons or products for DIY?</h2>
|
||||
<div class="article">
|
||||
<p class="has-text-centered"> A: Beach Party Balloons does not sell bags of balloons or decor supplies, only finished product</p>
|
||||
</div>
|
||||
|
||||
<h2>Q: Can I just walk in and buy a few balloons, or do I have to order ahead?</h2>
|
||||
<br>
|
||||
<h3> A: We do not have a minimum order for walk-ins. You can come in and we will sell you 1 balloon if that's what you need. No need to order ahead for a small pickup, we can make it on the spot, and usually there is no wait/line.</h3>
|
||||
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">At Beach Party Balloons, we specialize in a variety of party services designed to make every event memorable. Our expert team offers balloon decorations, custom designs, and interactive balloon art that brings your special moments to life.
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">
|
||||
Committed to excellence, we ensure each event reflects the unique personality of our clients by creating a cohesive atmosphere with our wide range of styles and services. Our goal is to make every experience as magical as possible for you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="article">
|
||||
<p class="has-text-centered">
|
||||
We take pride in delivering outstanding service, maintaining strong relationships with local communities, and providing creative solutions that exceed our clients' expectations. At Beach Party Balloons, we believe every detail matters—so let us help you create unforgettable memories.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<footer class="footer has-background-primary-light">
|
||||
<div class="content has-text-centered">
|
||||
<h7>Copyright © <span id="year"></span> Beach Party Balloons</h7>
|
||||
<h7>All images & content are property of Beach Party Balloons. Use of images without written permission is prohibited.</h7>
|
||||
</div>
|
||||
</footer>
|
||||
<div id="footer"></div>
|
||||
<script src="../script.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,6 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/favicon/site.webmanifest">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beach Party Balloons</title>
|
||||
@ -12,47 +16,7 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Autour+One&family=Mogra&family=Rubik+Glitch&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<style>
|
||||
style {
|
||||
/* Custom styling */
|
||||
.gallery-title {
|
||||
font-size: 2.5rem;
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.gallery-grid {
|
||||
display: grid;
|
||||
gap: 2rem;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.gallery-slide {
|
||||
position: relative;
|
||||
opacity-0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery-slide.active {
|
||||
opacity-1;
|
||||
}
|
||||
|
||||
.gallery-button {
|
||||
margin-top: 1rem;
|
||||
padding: 0.5rem 1rem;
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
.gallery-button:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar is-info is-spaced has-shadow" role="navigation" aria-label="main navigation">
|
||||
@ -80,6 +44,9 @@
|
||||
<a class="navbar-item" href="../about/index.html">
|
||||
About Us
|
||||
</a>
|
||||
<a class="navbar-item" href="../faq/index.html">
|
||||
FAQ
|
||||
</a>
|
||||
<a class="navbar-item" href="../terms/index.html">
|
||||
Terms
|
||||
</a>
|
||||
@ -88,7 +55,6 @@
|
||||
Gallery
|
||||
</a>
|
||||
|
||||
<!-- <div class="navbar-dropdown"> -->
|
||||
<a class="navbar-item" href="../contact/index.html">
|
||||
Contact
|
||||
</a>
|
||||
@ -107,77 +73,7 @@
|
||||
|
||||
|
||||
|
||||
<section class="page-title">
|
||||
<h1 class="gallery-title">My Gallery</h1>
|
||||
</section>
|
||||
|
||||
<nav class="container">
|
||||
<div class="row align-items-center">
|
||||
<button class="left col-auto-6 gallery-button" type="button" id="previousBtn">
|
||||
Previous
|
||||
</button>
|
||||
<!-- Slide content will go here -->
|
||||
<img src="../assets/pics/classic/20240825_104716.webp" alt="">
|
||||
<button class="right col-auto-6 gallery-button" type="button" id="nextBtn">
|
||||
Next
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Slide 1 will go here -->
|
||||
|
||||
<!-- Slide 2 will go here -->
|
||||
|
||||
<!-- Slide 3 will go here -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="playBtn" class="col-auto-6 row-auto-1 gallery-button" style="margin-top: 0.5rem;">
|
||||
Next Slide
|
||||
</button>
|
||||
|
||||
<!-- JavaScript for slide transitions -->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const slides = document.querySelectorAll('.gallery-slide');
|
||||
let currentSlide = 0;
|
||||
|
||||
function showSlide(n) {
|
||||
if (n > 0) {
|
||||
currentSlide++;
|
||||
}
|
||||
|
||||
slides.forEach(function(slide, index) {
|
||||
slide.classList.remove('active');
|
||||
});
|
||||
|
||||
slides[currentSlide].classList.add('active');
|
||||
}
|
||||
|
||||
document.getElementById('nextBtn').addEventListener('click', function() {
|
||||
showSlide(1);
|
||||
});
|
||||
|
||||
document.getElementById('previousBtn').addEventListener('click', function() {
|
||||
if (currentSlide > 0) {
|
||||
currentSlide--;
|
||||
showSlide(-1);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<!-- View switcher -->
|
||||
<div class="col-auto-6">
|
||||
<img src="your-image-container" alt="Gallery Image">
|
||||
</div>
|
||||
|
||||
<button class="button view-switch-btn" type="button" id="viewSwitchBtn">
|
||||
Switch View
|
||||
</button>
|
||||
|
||||
</div>
|
||||
<footer class="footer has-background-primary-light">
|
||||
@ -187,7 +83,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
</div>
|
||||
</footer>
|
||||
<div id="footer"></div>
|
||||
<script src="script.js"></script>
|
||||
<script src="../script.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
19
index.html
19
index.html
@ -1,6 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="assets/favicon/site.webmanifest">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beach Party Balloons</title>
|
||||
@ -40,6 +44,9 @@
|
||||
<a class="navbar-item" href="about/index.html">
|
||||
About Us
|
||||
</a>
|
||||
<a class="navbar-item" href="../faq/index.html">
|
||||
FAQ
|
||||
</a>
|
||||
<a class="navbar-item" href="terms/index.html">
|
||||
Terms
|
||||
</a>
|
||||
@ -47,9 +54,7 @@
|
||||
<a class="navbar-item" href="gallery/index.html">
|
||||
Gallery
|
||||
</a>
|
||||
|
||||
<!-- <div class="navbar-dropdown"> -->
|
||||
<a class="navbar-item" href="contact/index.html">
|
||||
<a class="navbar-item" href="contact/index.html">
|
||||
Contact
|
||||
</a>
|
||||
|
||||
@ -104,11 +109,11 @@
|
||||
</div>
|
||||
<!-- <script type="text/javascript" src="https://form.jotform.com/jsform/250083932725053"></script> -->
|
||||
|
||||
<div style="margin: auto;">
|
||||
<!-- <div style=" margin: auto;">
|
||||
<script type="text/javascript" src="https://form.jotform.com/jsform/250083932725053"></script>
|
||||
|
||||
</div>
|
||||
<!-- <div class="container theme-light padding">
|
||||
</div> -->
|
||||
<div class="container theme-light padding">
|
||||
<div class="columns is-justify-content-center">
|
||||
<div class="column is-6-tablet is-5-desktop is-4-widescreen is-3-fullh">
|
||||
<form method="POST" action="sendEmail.php" class="box p-5">
|
||||
@ -160,7 +165,7 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<footer class="footer has-background-primary-light">
|
||||
<div class="content has-text-centered">
|
||||
<h7>Copyright © <span id="year"></span> Beach Party Balloons</h7>
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../assets/favicon/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="../assets/favicon/site.webmanifest">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Beach Party Balloons</title>
|
||||
@ -63,6 +67,9 @@ h1{
|
||||
<a class="navbar-item" href="../about/index.html">
|
||||
About Us
|
||||
</a>
|
||||
<a class="navbar-item" href="../faq/index.html">
|
||||
FAQ
|
||||
</a>
|
||||
<a class="navbar-item is-tab is-active" href="../terms/index.html">
|
||||
Terms
|
||||
</a>
|
||||
@ -85,7 +92,7 @@ h1{
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<<!-- Terms & Conditions Section -->
|
||||
<!-- Terms & Conditions Section -->
|
||||
<section class="terms-and-conditions">
|
||||
<div class="container">
|
||||
<div class="content ">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user