add favicon, started FAQ page

This commit is contained in:
chris 2025-02-09 16:20:16 -05:00
parent 7148dcbe0b
commit 69b83e0e87
14 changed files with 173 additions and 124 deletions

View File

@ -1,6 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beach Party Balloons</title> <title>Beach Party Balloons</title>
@ -33,13 +37,6 @@
.article { .article {
margin-bottom: 3rem; margin-bottom: 3rem;
} }
@media (max-width: 768px) {
.text-center {
text-align: center;
width: 100%;
}
}
</style> </style>
</head> </head>
<body> <body>
@ -68,6 +65,9 @@
<a class="navbar-item is-tab is-active" href="index.html"> <a class="navbar-item is-tab is-active" href="index.html">
About Us About Us
</a> </a>
<a class="navbar-item" href="../faq/index.html">
FAQ
</a>
<a class="navbar-item" href="../terms/index.html"> <a class="navbar-item" href="../terms/index.html">
Terms Terms
</a> </a>
@ -76,7 +76,6 @@
Gallery Gallery
</a> </a>
<!-- <div class="navbar-dropdown"> -->
<a class="navbar-item" href="../contact/index.html"> <a class="navbar-item" href="../contact/index.html">
Contact Contact
</a> </a>
@ -90,6 +89,10 @@
</div> </div>
</nav> </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"> <div class="content-container">
<h1 class="section-title has-text-centered">About Us</h1> <h1 class="section-title has-text-centered">About Us</h1>
@ -135,7 +138,6 @@
<!-- <div style="margin: auto;"> <!-- <div style="margin: auto;">
<script type="text/javascript" src="https://form.jotform.com/jsform/250083932725053"></script> <script type="text/javascript" src="https://form.jotform.com/jsform/250083932725053"></script>

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 738 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
assets/favicon/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

View 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"}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

138
faq/index.html Normal file
View 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 &copy; <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>

View File

@ -1,6 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beach Party Balloons</title> <title>Beach Party Balloons</title>
@ -12,47 +16,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 href="https://fonts.googleapis.com/css2?family=Autour+One&family=Mogra&family=Rubik+Glitch&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../style.css"> <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> </head>
<body> <body>
<nav class="navbar is-info is-spaced has-shadow" role="navigation" aria-label="main navigation"> <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"> <a class="navbar-item" href="../about/index.html">
About Us About Us
</a> </a>
<a class="navbar-item" href="../faq/index.html">
FAQ
</a>
<a class="navbar-item" href="../terms/index.html"> <a class="navbar-item" href="../terms/index.html">
Terms Terms
</a> </a>
@ -88,7 +55,6 @@
Gallery Gallery
</a> </a>
<!-- <div class="navbar-dropdown"> -->
<a class="navbar-item" href="../contact/index.html"> <a class="navbar-item" href="../contact/index.html">
Contact Contact
</a> </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> </div>
<footer class="footer has-background-primary-light"> <footer class="footer has-background-primary-light">
@ -187,7 +83,7 @@ document.addEventListener('DOMContentLoaded', function() {
</div> </div>
</footer> </footer>
<div id="footer"></div> <div id="footer"></div>
<script src="script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

View File

@ -1,6 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beach Party Balloons</title> <title>Beach Party Balloons</title>
@ -40,6 +44,9 @@
<a class="navbar-item" href="about/index.html"> <a class="navbar-item" href="about/index.html">
About Us About Us
</a> </a>
<a class="navbar-item" href="../faq/index.html">
FAQ
</a>
<a class="navbar-item" href="terms/index.html"> <a class="navbar-item" href="terms/index.html">
Terms Terms
</a> </a>
@ -47,9 +54,7 @@
<a class="navbar-item" href="gallery/index.html"> <a class="navbar-item" href="gallery/index.html">
Gallery Gallery
</a> </a>
<a class="navbar-item" href="contact/index.html">
<!-- <div class="navbar-dropdown"> -->
<a class="navbar-item" href="contact/index.html">
Contact Contact
</a> </a>

View File

@ -1,6 +1,10 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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 charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beach Party Balloons</title> <title>Beach Party Balloons</title>
@ -63,6 +67,9 @@ h1{
<a class="navbar-item" href="../about/index.html"> <a class="navbar-item" href="../about/index.html">
About Us About Us
</a> </a>
<a class="navbar-item" href="../faq/index.html">
FAQ
</a>
<a class="navbar-item is-tab is-active" href="../terms/index.html"> <a class="navbar-item is-tab is-active" href="../terms/index.html">
Terms Terms
</a> </a>