127 lines
5.2 KiB
HTML
127 lines
5.2 KiB
HTML
<!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">
|
|
<link href="../../lightbox.css" rel="stylesheet" />
|
|
|
|
|
|
</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" href="../../faq/index.html">
|
|
FAQ
|
|
</a>
|
|
<a class="navbar-item" href="../../terms/index.html">
|
|
Terms
|
|
</a>
|
|
<!-- <div class="navbar-item "> -->
|
|
<a class="navbar-item is-tab is-active" 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>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<h1 class="title has-text-centered">Modern Bulma Gallery</h1>
|
|
<div class="gallery">
|
|
<a href="#lightbox1"><img src="../../assets/pics/classic/20240825_104716.webp" alt="Gallery Image"></a>
|
|
<a href="#lightbox2"><img src="../../assets/pics/classic/hero.jpg" alt="Gallery Image"></a>
|
|
<a href="#lightbox3"><img src="https://source.unsplash.com/random/802x602" alt="Gallery Image"></a>
|
|
<a href="#lightbox4"><img src="https://source.unsplash.com/random/803x603" alt="Gallery Image"></a>
|
|
<a href="#lightbox5"><img src="https://source.unsplash.com/random/804x604" alt="Gallery Image"></a>
|
|
<a href="#lightbox6"><img src="https://source.unsplash.com/random/805x605" alt="Gallery Image"></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Lightbox Overlays -->
|
|
<div id="lightbox1" class="lightbox">
|
|
<a href="#" class="close"><i class="fas fa-times"></i></a>
|
|
<img src="https://source.unsplash.com/random/800x600" alt="Gallery Image">
|
|
</div>
|
|
<div id="lightbox2" class="lightbox">
|
|
<a href="#" class="close"><i class="fas fa-times"></i></a>
|
|
<img src="https://source.unsplash.com/random/801x601" alt="Gallery Image">
|
|
</div>
|
|
<div id="lightbox3" class="lightbox">
|
|
<a href="#" class="close"><i class="fas fa-times"></i></a>
|
|
<img src="https://source.unsplash.com/random/802x602" alt="Gallery Image">
|
|
</div>
|
|
<div id="lightbox4" class="lightbox">
|
|
<a href="#" class="close"><i class="fas fa-times"></i></a>
|
|
<img src="https://source.unsplash.com/random/803x603" alt="Gallery Image">
|
|
</div>
|
|
<div id="lightbox5" class="lightbox">
|
|
<a href="#" class="close"><i class="fas fa-times"></i></a>
|
|
<img src="https://source.unsplash.com/random/804x604" alt="Gallery Image">
|
|
</div>
|
|
<div id="lightbox6" class="lightbox">
|
|
<a href="#" class="close"><i class="fas fa-times"></i></a>
|
|
<img src="https://source.unsplash.com/random/805x605" alt="Gallery Image">
|
|
</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>
|
|
<script src="../../lightbox-plus-jquery.js"></script>
|
|
|
|
|
|
</body>
|
|
</html> |