braveheartwarriors.com Review
braveheartwarriors.com Review
Titletag | Descriptiontag | language |
---|
Braveheart Warriors | |
English |
Ip adress | 50.87.150.148 | Nameserver | ns6062.hostgator.com ns6061.hostgator.com |
Status code | 200 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Braveheart Warriors Marching Club">
<meta property="og:description" content="Sign up today for March 14, 2026.">
<meta property="og:image" content="pictures/postcard2025_front.jpg">
<meta property="og:image:alt" content="Postcard 2025 Front">
<meta property="og:url" content="https://braveheartwarriors.com">
<meta property="og:type" content="website">
<link rel="icon" href="img/bhwmc_logo_gold.png" type="image/x-icon">
<title>Braveheart Warriors</title>
<style>
/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background-color: white; /* Set background color to white */
color: black; /* Set text color to black */
}
/* Header Styling */
header {
padding: 10px;
display: flex;
justify-content: center; /* Center the header content horizontally */
align-items: center; /* Center the header content vertically */
}
.header-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%; /* Take full width */
max-width: 1200px; /* Set a maximum width */
}
.logo {
width: 30%;
max-width: 150px; /* Adjust maximum width of logo */
margin-right: 20px; /* Space between logo and address */
}
.address-info {
text-align: center;
font-size: 1.2rem;
}
#bhwmc {
font-weight: bold;
font-size: 1.5rem;
}
a {
color: black;
text-decoration: none;
}
/* Navigation Styling */
nav ul {
list-style: none;
display: flex;
justify-content: space-around;
margin-top: 20px;
}
nav a {
color: black;
text-decoration: none;
padding: 8px;
transition: background-color 0.3s;
}
nav a:hover {
background-color: #ddd;
}
/* Main Content Styling */
main {
padding: 20px;
text-align: center;
}
section {
margin-bottom: 20px;
}
h1 {
font-size: 2rem;
margin-bottom: 10px;
}
p {
font-size: 1rem;
line-height: 1.6;
}
/* Footer Styling */
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
position: fixed;
width: 100%;
bottom: 0;
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
.header-container {
flex-direction: row; /* Keep the logo and address next to each other */
justify-content: center;
align-items: center;
text-align: center;
}
.logo {
width: 25%; /* Adjust logo size */
max-width: 120px;
margin-right: 15px; /* Adjust spacing */
}
.address-info {
width: 60%;
text-align: center;
}
nav ul {
flex-direction: column;
align-items: center;
}
h1 {
font-size: 1.5rem;
}
p {
font-size: 0.9rem;
}
}
/* Portrait Orientation Responsiveness */
@media (orientation: portrait) {
#bhwmc {
font-size: 1.5rem; /* Reduce font size of the title */
}
.address-info {
font-size: 1rem; /* Reduce font size of the address */
}
.logo {
width: 25%; /* Reduce logo size slightly */
max-width: 100px;
}
}
/* Landscape Orientation Responsiveness */
@media (orientation: landscape) {
#bhwmc {
font-size: 2.5rem; /* Increase font size of the title */
}
.address-info {
font-size: 1.4rem; /* Increase font size of the address */
}
.logo {
width: 26%; /* Reduce logo size slightly */
max-width: 120px;
}
}
@media (max-width: 480px) {
body {
padding: 5px;
}
h1 {
font-size: 1.2rem;
}
p {
font-size: 0.8rem;
}
nav a {
padding: 10px;
}
}
.email-text {
font-size: 1.2rem; /* Change this value to control the size */
font-size: smaller; /* Change this value to control the size */
color: black;
text-decoration: none;
cursor: pointer; /* Make the span look clickable */
}
.email-text:hover {
color: blue; /* Change the color on hover */
}
.event-info {
display: flex;
flex-direction: column; /* Align content vertically */
justify-content: center; /* Center the content vertically */
align-items: center; /* Center the content horizontally */
text-align: center; /* Ensure text is centered */
}
/* only trigger when desktop */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
#bhwmc {
font-size: 2.5rem; /* Increase font size of the title */
}
.address-info {
font-size: 1.4rem; /* Increase font size of the address */
}
.logo {
width: 26%; /* Reduce logo size slightly */
max-width: 120px;
}
.bigimage {
width: 76%;
margin-left: 12%;
}
}
</style>
</head>
<body>
<header>
<div class="header-container">
<img src="img/bhwmc_logo_gold.png" alt="Logo" class="logo">
<div id="addressdiv" class="address-info">
<span id="bhwmc">Braveheart Warriors Marching Club<br></span>
<span id="email" class="email-text" style="color:blue">info@braveheartwarriors.com</span><br/>
<a href="tel:5044757528" id="phone" class="phone-text">504-475-7528</a>
</div>
</div>
</header>
<!-- Event Information -->
<div class="event-info">
<b>
<span style="font-size:x-large;">Next March: <br />Saturday March 14, 2026 rolls at noon </span><br />
in the Irish Channel St Patricks Day Club parade on Magazine St in New Orleans<br />
</b>
<form method="link" action="signup.htm">
<input class="majorbutton blink" type="submit" style="font-size:large;" value="Click HERE to Sign Up">
</form>
</div>
<main>
<div class="bigimage">
<img style="width:100%" src="postcard2026_front2.jpg" alt="Postcard 2026 Front">
</div>
<form method="link" action="paradeinfo2.htm">
<input class="majorbutton" type="submit" style="font-size:large;" value="Click HERE for Parade Info">
</form>
<div class="bigimage">
<img style="width:100%" src="postcard2026_back.jpg" alt="Postcard 2026 Back">
</div>
<div>
<form method="link" action="sendlink.htm">
<input class="majorbutton" type="submit" style="font-size:large;" value="Click HERE to Sign our Guestbook">
</form>
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_2270.jpg" alt="IMG 2270">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/nick_crozier_charge2017.jpg" alt="Nick Crozier Charge 2017">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/nick_and_friends2017.jpg" alt="Nick and Friends 2017">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/charge_photo1.jpg" alt="Charge Photo 1">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_0668.jpg" alt="IMG 0668">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/teachworth_males.jpg" alt="Teachworth Males">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/2016paradephoto5.jpg" alt="2016 Parade Photo 5">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/2016paradephoto10.jpg" alt="2016 Parade Photo 10">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_3585.jpg" alt="IMG 3585">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/hipp5.jpg" alt="Hipp 5">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_2399.JPG" alt="IMG 2399">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/crozier_and_friends.jpg" alt="Crozier and Friends">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/funkodoll.jpg" alt="Funko Doll">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_5031.PNG" alt="IMG 5031">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/MikeRandyDan.jpg" alt="Mike Randy Dan">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_0383.jpg" alt="IMG 0383">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/lanceandalex.jpg" alt="Lance and Alex">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/Braveheart Warriors donation pic.jpg" alt="Braveheart Warriors Donation Pic">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/jordanandfriends.png" alt="jordan and friends">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/2016paradephoto10.jpg" alt="jay mike nick matt dan">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_0662.jpg" alt="whiskey bar pre-march pre-game">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_1698.jpg" alt="randall wallace knighting mike">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190bf4ca.jpg" alt="uncle joel and mike">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190bf574.jpg" alt="tom and mike">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190bff88.jpg" alt="boy king vincent michael teachworth">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190bfb46.jpg" alt="teachworth clan">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190c13c1.jpg" alt="1st kilt ever jeanne and mike">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190c0b8d.jpg" alt="warriors prepare for march">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_20250212_232224_67ad8190bffff.jpg" alt="jay on horseback">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_0703.jpg" alt="crozier and krewe">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_0704.jpg" alt="dad and jay">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/03112023_-0549.jpg" alt="warriors">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_8618.jpg" alt="jeanne and missy">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/IMG_8508.jpg" alt="firetruck and float">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/braveheart_dan.jpg" alt="braveheart dan">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/saints_atlanta_4.jpg" alt="danny and mikey jumbotron">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/image=012.png" alt="with the english at superdome">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/03112023_-0267.jpg" alt="joel cayjun ultimate warrior">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/2016paradephoto12.jpg" alt="richie boutte in the newspaper">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/donationcheck.png" alt="donation at tracys">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/image=IMG_6638.jpg" alt="longshanks head">
</div>
<div class="bigimage">
<img style="width:100%" src="pictures/banner8.jpg" alt="marching with banner">
</div>
<form method="link" action="viewpictures.php">
<input class="majorbutton" type="submit" style="font-size:larger;" value="Click HERE to View More Pictures">
</form>
<form method="link" action="videos.htm">
<input class="majorbutton" type="submit" style="font-size:larger;" value="Click HERE to View Videos">
</form>
<audio id="homepageSong" src="consolidatedMarch.mp3"></audio>
<audio id="homepageSong1" src="HooligansHoliday.mp3"></audio>
<form method="link" action="signup.htm">
<input class="majorbutton blink" type="submit" style="font-size:large;" value="Click HERE to Sign Up">
</form>
<form>
<input
class="majorbutton"
type="button"
style="font-size: larger;"
value="Play Consolidated March"
id="playButton1"
onclick="toggleSong('homepageSong', 'playButton1', 'Consolidated March')">
</form>
<form>
<input
class="majorbutton"
type="button"
style="font-size: larger;"
value="Play Hooligans Holiday"
id="playButton2"
onclick="toggleSong('homepageSong1', 'playButton2', 'Hooligans Holiday')">
</form>
<audio id="homepageSong" src="consolidatedMarch.mp3"></audio>
<audio id="homepageSong1" src="HooligansHoliday.mp3"></audio>
<div style="text-align: center; padding: 10px 0; font-size: 14px; background-color: #f8f8f8; color: #555;">
© 2016–2025 Braveheart Warriors. All rights reserved.
</div>
</main>
<script>
window.onload = function() {
setTimeout(function() {
window.scrollTo(0, 0);
}, 300); // Delay of 300ms
};
// Adding the event listener for the span element
document.getElementById("email").addEventListener("click", function() {
window.location.href = "mailto:info@braveheartwarriors.com";
});
function toggleSong(songId, buttonId, songName) {
var song = document.getElementById(songId);
var button = document.getElementById(buttonId);
// Check if the song is already playing
if (song.paused) {
// Pause any other song and reset it
var allAudio = document.querySelectorAll('audio');
allAudio.forEach(function(audio) {
audio.pause();
audio.currentTime = 0;
audio.loop = false; // Ensure the other song does not loop
});
// Play the selected song
song.play();
song.loop = true; // Set loop to true for the selected song
// Change button label to "Stop Playing"
button.value = "Stop Playing " + songName;
} else {
// Stop the song and reset
song.pause();
song.currentTime = 0;
// Change button label back to "Play Song"
button.value = "Play " + songName;
}
}
</script>
</body>
</html>
HTTP/1.1 200 OK
Date: Sat, 23 Aug 2025 17:39:59 GMT
Server: Apache
Upgrade: h2,h2c
Connection: Upgrade, Keep-Alive
Vary: Accept-Encoding
Content-Encoding: gzip
Content-Length: 4403
Keep-Alive: timeout=5, max=75
Content-Type: text/html; charset=UTF-8