braveheartwarriors.com Review

TitletagDescriptiontaglanguage
Braveheart Warriors English
Alexarank
380782
Ip adress50.87.150.148Nameserverns6062.hostgator.com
ns6061.hostgator.com
Status code200
robots.txt -http://braveheartwarriors.com/robots.txt
 <!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

iframe