chris/bpb-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gallery work

Browse Source
This commit is contained in:
chris 2025-02-10 11:05:20 -05:00
parent 69b83e0e87
commit f2e1d0ea12
5 changed files with 80 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/pics/classic/classic-cover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 877 KiB

8
faq/index.html
View File

@ -65,7 +65,7 @@
<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 is-tab is-active" href="../faq/index.html"> <a class="navbar-item is-tab is-active" href="index.html">
FAQ FAQ
</a> </a>
<a class="navbar-item" href="../terms/index.html"> <a class="navbar-item" href="../terms/index.html">
@ -93,13 +93,11 @@
<h1 class="section-title has-text-centered">FAQ</h1> <h1 class="section-title has-text-centered">FAQ</h1>
<h2>Q: Do you sell bags of balloons or products for DIY?</h2> <h2>Q: Do you sell bags of balloons or products for DIY?</h2>
<div class="article"> <h3 class="has-text-centered"> A: Beach Party Balloons does not sell bags of balloons or decor supplies, only finished product</h3>
<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> <h2>Q: Can I just walk in and buy a few balloons, or do I have to order ahead?</h2>
<br> <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> <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"> <div class="article">

48
gallery/index.html
View File

@ -68,14 +68,48 @@
</div> </div>
</nav> </nav>
<div class="columns is-desktop">
<div class="column">
<div class="image-container">
<img class="image is-16by9" src="../assets/pics/classic/classic-cover.webp" alt="">
<div class="overlay">
<p class="has-text-white has-text-weight-bold is-size-2-desktop">Classic Balloon Décor</p>
</div>
</div>
</div>
<div class="column">
<div class="image-container">
<img class="image is-16by9" src="../assets/pics/classic/20240825_104716.webp" alt="">
<div class="overlay">
<p class="has-text-white has-text-weight-bold is-size-2-desktop">Organic Balloon Décor</p>
</div>
</div>
</div>
</div> </div>
<div class="columns is-desktop">
<div class="column">
<div class="image-container">
<img class="image is-16by9" src="../assets/pics/classic/hero.jpg" alt="">
<div class="overlay">
<p class="has-text-white has-text-weight-bold is-size-2-desktop">Centerpieces</p>
</div>
</div>
</div>
<div class="column">
<div class="image-container">
<img class="image is-16by9" src="../assets/pics/classic/20240825_104716.webp" alt="">
<div class="overlay">
<p class="has-text-white has-text-weight-bold is-size-2-desktop">Sculptures & Themes</p>
</div>
</div>
</div>
</div>
<footer class="footer has-background-primary-light"> <footer class="footer has-background-primary-light">
<div class="content has-text-centered"> <div class="content has-text-centered">
<h7>Copyright &copy; <span id="year"></span> Beach Party Balloons</h7> <h7>Copyright &copy; <span id="year"></span> Beach Party Balloons</h7>

2
index.html
View File

@ -44,7 +44,7 @@
<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"> <a class="navbar-item" href="faq/index.html">
FAQ FAQ
</a> </a>
<a class="navbar-item" href="terms/index.html"> <a class="navbar-item" href="terms/index.html">

36
style.css
View File

@ -51,4 +51,38 @@ header {
.padding{ .padding{
padding: 1.2rem; padding: 1.2rem;
} }
/* Centered text */
.text-on-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.image-container {
position: relative;
display: inline-block;
width: 100%;
}
.image-container img {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.5); /* Optional: adds background for better readability */
padding: 10px;
text-align: center;
border-radius: 5px;
}