add favicon, started FAQ page
This commit is contained in:
parent
7148dcbe0b
commit
69b83e0e87
@ -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>
|
||||
@ -33,13 +37,6 @@
|
||||
.article {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.text-center {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -67,6 +64,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
|
||||
@ -76,7 +76,6 @@
|
||||
Gallery
|
||||
</a>
|
||||
|
||||
<!-- <div class="navbar-dropdown"> -->
|
||||
<a class="navbar-item" href="../contact/index.html">
|
||||
Contact
|
||||
</a>
|
||||
@ -90,6 +89,10 @@
|
||||
</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>
|
||||
|
||||
@ -135,7 +138,6 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- <div style="margin: auto;">
|
||||
<script type="text/javascript" src="https://form.jotform.com/jsform/250083932725053"></script>
|
||||
|
||||
|
||||
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">
|
||||
@ -79,6 +43,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
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -39,6 +43,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
|
||||
@ -47,8 +54,6 @@
|
||||
<a class="navbar-item" href="gallery/index.html">
|
||||
Gallery
|
||||
</a>
|
||||
|
||||
<!-- <div class="navbar-dropdown"> -->
|
||||
<a class="navbar-item" href="contact/index.html">
|
||||
Contact
|
||||
</a>
|
||||
|
||||
@ -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>
|
||||
@ -62,6 +66,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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user