chris/beachPartyBalloons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add footer

Browse Source
This commit is contained in:
chris 2025-01-08 20:54:24 -05:00
parent 759c4efeed
commit 033addb7d8
3 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -11,7 +11,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=Playwrite+AU+SA:wght@100..400&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Playwrite+AU+SA:wght@100..400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
</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">
@ -74,12 +74,19 @@
</div> </div>
<div class="is-flex-direction-column is-dark"> <div class="is-flex-direction-column is-dark">
<h1 class="is-size-3" style="text-align: center;">Visit our store</h1> <h1 class="is-size-3" style="text-align: center;">Visit our store</h1>
<h2 class="is-size-4" style="text-align: center;"> <a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554 ste 9 Boston Post Road, Milford, CT 06460</a> </h2> <h2 class="is-size-4" style="text-align: center;"> <a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554 Boston Post Road, Milford, CT 06460</a> </h2>
<h2 class="is-size-4" style="text-align: center;" ><a href="tel:203.283.5626">203.283.5626</a> </h2> <h2 class="is-size-4" style="text-align: center;" ><a href="tel:203.283.5626">203.283.5626</a> </h2>
<div class=" has-text-centered"> <button class="button is-info ">Contact Us</button> <div class=" has-text-centered"> <button class="button is-info ">Contact Us</button>
</div> </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> </body>
</html> </html>

11
script.js
View File

@ -1,3 +1,5 @@
// Mobile NavBar
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements // Get all "navbar-burger" elements
@ -18,4 +20,11 @@ document.addEventListener('DOMContentLoaded', () => {
}); });
}); });
}); });
// Footer copyright date
const copyDate = ( () => {
let date = new Date();
document.getElementById("year").innerHTML = "&nbsp" + date.getFullYear() + "&nbsp";
} );
copyDate();

10
style.css
View File

@ -7,7 +7,7 @@
--bulma-navbar-item-img-max-height: 200px; --bulma-navbar-item-img-max-height: 200px;
} }
html{ html{
background-color:antiquewhite; background-color:rgb(231, 230, 221);
font-family: "Playwrite AU SA", serif; font-family: "Playwrite AU SA", serif;
height: 100%; height: 100%;
} }
@ -50,4 +50,12 @@ nav{
padding: 5px; padding: 5px;
margin: auto; margin: auto;
text-align: center; text-align: center;
}
ffooter{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
max-height: fit-content !important;
padding: 0;
} }