
<!DOCTYPE html>
<html lang="en" class="static contents">
<head>
    <title>HeroBracelets&#x2122;</title>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="Custom Bracelets, Military, Aluminum" />
    <meta name="generator" content="nopCommerce" />
    <meta name="author" content="nopAdvance">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"
            integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
            crossorigin="anonymous"></script>
    
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
                <script async src='https://www.googletagmanager.com/gtag/js?id=UA-47014535-1'></script>
                <script>
                  window.dataLayer = window.dataLayer || [];
                  function gtag(){dataLayer.push(arguments);}
                  gtag('js', new Date());

                  gtag('config', 'UA-47014535-1');
                  
                </script>

    <link href="/lib/jquery-ui/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/Themes/HeroBracelets/Content/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/Themes/HeroBracelets/Content/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="/Themes/HeroBracelets/Content/css/site.css" rel="stylesheet" type="text/css" />

    <script src="/bundles/2veapivsxsbpe9hobeqbyz9sjmtsy7rn2drxxssgih4.min.js"></script>

    
    
    
    <link rel="shortcut icon" href="https://www.herobracelets.org/favicon.ico" />
    <!--Designed by nopAdvance - http://www.nopadvance.com-->
    
    <link href="https://fonts.googleapis.com/css?family=Kreon:300%7COswald:400,300" rel="stylesheet" type="text/css" />
</head>
    <!--Powered by nopCommerce - https://www.nopCommerce.com-->
<body>
    

<div id="layout-wrapper" class="container">
    <div class="navbar navbar-fixed-top">
        <!--<div class="redButton gradiantBtn" style="width:100%; text-align:center; font-size:190%">
            <span>FREE US SHIPPING. ORDERS OVER 30.00</span>
        </div>-->
        <div class="navbar-inner">
            <div class="container">
                <a class="brand" href="/">
                    <img src="/Themes/HeroBracelets/Content/img/HBO_logo.png" alt="Hero Bracelets Logo" class="hidden-phone" />
                    <img src="/Themes/HeroBracelets/Content/img/HBOlogo_270px.png" alt="Hero Bracelets Logo" class="visible-phone" />
                </a>
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>


                <div class="nav-collapse collapse">
                    <div class="zone zone-navigation">
                        <article class="widget-Seach" style="float: right;">
                            <form method="get" id="search-form" class="search-form" action="/search">
    <fieldset>
        <div class="input-append" style="margin-top: 10px;">
            <input class="searchInput" id="small-searchterms" name="q" placeholder="search" type="text"  autocomplete="off"
                   onfocus="if(this.value=='Search store')this.value=''" onblur="if(this.value=='') {this.value = 'Search store';}" value="" />
            <span class="add-on searchIcon" id="topBarSearchImage" onclick="$('#topBarSearchButton').trigger('click')"><i class="icon-search"></i></span>
            <input type="submit" style="display: none;" id="topBarSearchButton" value="Search" />
        </div>
    </fieldset>
        
            
        
    
</form>
                        </article>
                        <article class="widget-navigation widget-menu-widget widget">
                            <nav>
                                <ul class="nav menu menu-main-menu">
                                    <li class="first orangeButton"><a href="/FallenHeroData/SearchPage">Find Your Hero</a></li>
                                    <li class=""><a href="/Blog">Hero Stories</a></li>
                                    <li class=""><a href="/t/Charities">Charities</a></li>
                                    <li class=""><a href="/t/AboutUs">About</a></li>
                                </ul>
                            </nav>
                        </article>

                    </div>
                </div>

            </div>
        </div>
    </div>


    
<div class="ajax-loading-block-window" style="display: none">
</div>
<div id="dialog-notifications-success" title="Notification" style="display:none;">
</div>
<div id="dialog-notifications-error" title="Error" style="display:none;">
</div>
<div id="dialog-notifications-warning" title="Warning" style="display:none;">
</div>
<div id="bar-notification" class="bar-notification">
    <span class="close" title="Close">&nbsp;</span>
</div>


    
    <!--[if lte IE 8]>
    <div style="clear:both;height:59px;text-align:center;position:relative;">
        <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank">
            <img src="/Themes/HeroBracelets/Content/images/ie_warning.jpg" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
    </div>
<![endif]-->

    
        
    <div class="row">
    
</div>
<div class="row master-wrapper-content">
    <div class="span4">
        <div class="zone zone-tripel-first">
            <article class="widget-MilHeader widget-tripel-first widget-html-widget widget">
                <a href="/military">
                    <div class="homepageHeader">
                        <header class="MILITARY">
                            <img width="213" height="82" alt="Sample Memorial Bracelet" src="/Themes/HeroBracelets/Content/images/homepage/MILITARYBracelet.png" />
                            <h2>MILITARY</h2>
                        </header>

                    </div>
                    <div class="headerBody">
                        <div class="headerImageLeft">
                            <img width="155" height="230" alt="Solder" src="/Themes/HeroBracelets/Content/images/homepage/MILITARY.jpg" />
                        </div>
                        <div class="headerTextRight">
                            <a href="/military" class="orangeButton homeBtn gradiantBtn">Build a Bracelet</a> Honor your Military Hero with a genuine HeroBracelet.  Each deployed, Purple Heart or Memorial HeroBracelet order sends $2.00 to the charity of your choice.
                        </div>
                        <img width="294" height="20" style="clear: both;" alt="Horizontal Shadow" src="/Themes/HeroBracelets/Content/images/homepage/HBO_shadow.png" />
                    </div>
                </a>
            </article>

            <article class="widget-tripel-first widget-projection-widget widget">

                
<ul class="frontpage-product-list">
            <li class=&quot;first&quot;>
                <article class="frontpage-product">
                    <a href="/black-memorial-herobracelet" title="Show details for Black Memorial HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Black Memorial HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000040_black-memorial-herobracelet_300.jpeg" title="Show details for Black Memorial HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Black Memorial HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/spartan-copper-herobracelet" title="Show details for Spartan Copper HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Spartan Copper HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000048_spartan-copper-herobracelet_300.jpeg" title="Show details for Spartan Copper HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Spartan Copper HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/legion-copper-herobracelet" title="Apollo">
                        <div class="image">

                            <img alt="Apollo" src="https://w.herobracelets.org/images/thumbs/0000068_legion-copper-herobracelet_300.jpeg" title="Apollo" />
                        </div>
                        <div class="title">
                            Legion Copper HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/sterling-silver-herobracelet" title="Show details for Sterling Silver HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Sterling Silver HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000085_sterling-silver-herobracelet_300.jpeg" title="Show details for Sterling Silver HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Sterling Silver HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/deployed-herobracelet" title="Show details for Bronze HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Bronze HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000043_bronze-herobracelet_300.jpeg" title="Show details for Bronze HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Bronze HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/sterling-silver-cuff" title="Show details for Sterling Silver Herobracelet&#xAE; Cuff">
                        <div class="image">

                            <img alt="Picture of Sterling Silver Herobracelet&#xAE; Cuff" src="https://w.herobracelets.org/images/thumbs/0000097_sterling-silver-herobracelet-cuff_300.jpeg" title="Show details for Sterling Silver Herobracelet&#xAE; Cuff" />
                        </div>
                        <div class="title">
                            Sterling Silver Herobracelet&#xAE; Cuff
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/blue-herobracelet" title="Show details for Blue HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Blue HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000105_blue-herobracelet_300.png" title="Show details for Blue HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Blue HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/red-herobracelet" title="Show details for Red HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Red HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000047_red-herobracelet_300.jpeg" title="Show details for Red HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Red HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/purple-heart-herobracelet" title="Show details for Purple HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Purple HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000046_purple-herobracelet_300.jpeg" title="Show details for Purple HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Purple HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/memorial-herotag" title="Show details for Memorial HeroTag">
                        <div class="image">

                            <img alt="Picture of Memorial HeroTag" src="https://w.herobracelets.org/images/thumbs/0000075_memorial-herotag_300.jpeg" title="Show details for Memorial HeroTag" />
                        </div>
                        <div class="title">
                            Memorial HeroTag
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
</ul>


            </article>
        </div>
    </div>
    <div class="span4">
        <div class="zone zone-tripel-second">
            <article class="widget-stRepHtml widget-tripel-second widget-html-widget widget">
                <a href="/first-responders">
                    <div class="homepageHeader">
                        <header class="FIRSTRESPONDER">
                            <img width="213" height="82" alt="Sample Blue Bracelet" src="/Themes/HeroBracelets/Content/images/homepage/FIRSTRESPONDERSbracelet.png" />
                            <h2>1ST RESPONDERS</h2>
                        </header>
                    </div>
                    <div class="headerBody">
                        <div class="headerImageLeft">
                            <img width="155" height="230" alt="Fireman" src="/Themes/HeroBracelets/Content/images/homepage/FIRSTRESPONDER.jpg" />
                        </div>
                        <div class="headerTextRight">
                            <a href="/first-responders" class="orangeButton homeBtn gradiantBtn">Build a Bracelet</a> Honor your First Responder Hero with a genuine HeroBracelet.  Designed for Police, Firefighters, Rescue, and all who keep us safe.  Each HeroBracelet order sends $2.00 to the charity of your choice.
                        </div>
                        <img width="294" height="20" style="clear: both;" alt="Horizontal Shadow" src="/Themes/HeroBracelets/Content/images/homepage/HBO_shadow.png" />
                    </div>
                </a>
            </article>
            <article class="widget-tripel-first widget-projection-widget widget">

                
<ul class="frontpage-product-list">
            <li class=&quot;first&quot;>
                <article class="frontpage-product">
                    <a href="/black-memorial-herobracelet" title="Show details for Black Memorial HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Black Memorial HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000040_black-memorial-herobracelet_300.jpeg" title="Show details for Black Memorial HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Black Memorial HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/spartan-copper-herobracelet" title="Show details for Spartan Copper HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Spartan Copper HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000048_spartan-copper-herobracelet_300.jpeg" title="Show details for Spartan Copper HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Spartan Copper HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/legion-copper-herobracelet" title="Apollo">
                        <div class="image">

                            <img alt="Apollo" src="https://w.herobracelets.org/images/thumbs/0000068_legion-copper-herobracelet_300.jpeg" title="Apollo" />
                        </div>
                        <div class="title">
                            Legion Copper HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/sterling-silver-herobracelet" title="Show details for Sterling Silver HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Sterling Silver HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000085_sterling-silver-herobracelet_300.jpeg" title="Show details for Sterling Silver HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Sterling Silver HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/deployed-herobracelet" title="Show details for Bronze HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Bronze HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000043_bronze-herobracelet_300.jpeg" title="Show details for Bronze HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Bronze HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/sterling-silver-cuff" title="Show details for Sterling Silver Herobracelet&#xAE; Cuff">
                        <div class="image">

                            <img alt="Picture of Sterling Silver Herobracelet&#xAE; Cuff" src="https://w.herobracelets.org/images/thumbs/0000097_sterling-silver-herobracelet-cuff_300.jpeg" title="Show details for Sterling Silver Herobracelet&#xAE; Cuff" />
                        </div>
                        <div class="title">
                            Sterling Silver Herobracelet&#xAE; Cuff
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/blue-herobracelet" title="Show details for Blue HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Blue HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000105_blue-herobracelet_300.png" title="Show details for Blue HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Blue HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/red-herobracelet" title="Show details for Red HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Red HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000047_red-herobracelet_300.jpeg" title="Show details for Red HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Red HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/purple-heart-herobracelet" title="Show details for Purple HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Purple HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000046_purple-herobracelet_300.jpeg" title="Show details for Purple HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Purple HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/memorial-herotag" title="Show details for Memorial HeroTag">
                        <div class="image">

                            <img alt="Picture of Memorial HeroTag" src="https://w.herobracelets.org/images/thumbs/0000075_memorial-herotag_300.jpeg" title="Show details for Memorial HeroTag" />
                        </div>
                        <div class="title">
                            Memorial HeroTag
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
</ul>


            </article>
        </div>
    </div>
    <div class="span4">
        <div class="zone zone-tripel-third">
            <article class="widget-YourHeroHtml widget-tripel-third widget-html-widget widget">
                <a href="/personal-heroes">
                    <div class="homepageHeader">
                        <header class="YOURHERO">
                            <img width="213" height="82" alt="Sample Red Bracelet" src="/Themes/HeroBracelets/Content/images/homepage/YOURHEROBracelet.png" />
                            <h2>YOUR HERO</h2>
                        </header>
                    </div>
                    <div class="headerBody">
                        <div class="headerImageLeft">
                            <img width="155" height="230" alt="Family" src="/Themes/HeroBracelets/Content/images/homepage/YOURHERO.jpg" />
                        </div>
                        <div class="headerTextRight">
                            <a href="/personal-heroes" class="orangeButton homeBtn gradiantBtn">Build a Bracelet</a> Remember your special Hero with a genuine HeroBracelet.  These HeroBracelets may hold any message or affirmation.  Each HeroBracelet order sends $2.00 to the charity of your choice.
                        </div>
                        <img width="294" height="20" style="clear: both;" alt="Horizontal Shadow" src="/Themes/HeroBracelets/Content/images/homepage/HBO_shadow.png" />
                    </div>
                </a>
            </article>
            <article class="widget-tripel-first widget-projection-widget widget">

                
<ul class="frontpage-product-list">
            <li class=&quot;first&quot;>
                <article class="frontpage-product">
                    <a href="/black-memorial-herobracelet" title="Show details for Black Memorial HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Black Memorial HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000040_black-memorial-herobracelet_300.jpeg" title="Show details for Black Memorial HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Black Memorial HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/spartan-copper-herobracelet" title="Show details for Spartan Copper HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Spartan Copper HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000048_spartan-copper-herobracelet_300.jpeg" title="Show details for Spartan Copper HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Spartan Copper HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/legion-copper-herobracelet" title="Apollo">
                        <div class="image">

                            <img alt="Apollo" src="https://w.herobracelets.org/images/thumbs/0000068_legion-copper-herobracelet_300.jpeg" title="Apollo" />
                        </div>
                        <div class="title">
                            Legion Copper HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/sterling-silver-herobracelet" title="Show details for Sterling Silver HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Sterling Silver HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000085_sterling-silver-herobracelet_300.jpeg" title="Show details for Sterling Silver HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Sterling Silver HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/deployed-herobracelet" title="Show details for Bronze HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Bronze HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000043_bronze-herobracelet_300.jpeg" title="Show details for Bronze HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Bronze HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/sterling-silver-cuff" title="Show details for Sterling Silver Herobracelet&#xAE; Cuff">
                        <div class="image">

                            <img alt="Picture of Sterling Silver Herobracelet&#xAE; Cuff" src="https://w.herobracelets.org/images/thumbs/0000097_sterling-silver-herobracelet-cuff_300.jpeg" title="Show details for Sterling Silver Herobracelet&#xAE; Cuff" />
                        </div>
                        <div class="title">
                            Sterling Silver Herobracelet&#xAE; Cuff
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/blue-herobracelet" title="Show details for Blue HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Blue HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000105_blue-herobracelet_300.png" title="Show details for Blue HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Blue HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/red-herobracelet" title="Show details for Red HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Red HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000047_red-herobracelet_300.jpeg" title="Show details for Red HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Red HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/purple-heart-herobracelet" title="Show details for Purple HeroBracelet&#xAE;">
                        <div class="image">

                            <img alt="Picture of Purple HeroBracelet&#xAE;" src="https://w.herobracelets.org/images/thumbs/0000046_purple-herobracelet_300.jpeg" title="Show details for Purple HeroBracelet&#xAE;" />
                        </div>
                        <div class="title">
                            Purple HeroBracelet&#xAE;
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
            <li >
                <article class="frontpage-product">
                    <a href="/memorial-herotag" title="Show details for Memorial HeroTag">
                        <div class="image">

                            <img alt="Picture of Memorial HeroTag" src="https://w.herobracelets.org/images/thumbs/0000075_memorial-herotag_300.jpeg" title="Show details for Memorial HeroTag" />
                        </div>
                        <div class="title">
                            Memorial HeroTag
                        </div>
                        <div style="clear:both"></div>
                    </a>
                </article>
            </li>
</ul>


            </article>
        </div>
    </div>
    <hr />
</div>
<div class="row">
    
</div>

    

    
</div>
<div class="navbar navbar-fixed-bottom">
    
<div class="footer">
    <div style="float:left; margin-top:5px; margin-left:10px">
        <div class="product-share-button">
            <!-- AddThis Smart Layers BEGIN -->
            <!-- Go to https://www.addthis.com/get/smart-layers to customize -->
            <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-52ccab3a6ff7155e"></script>
            <script type="text/javascript">
  addthis.layers({
    'theme' : 'transparent',
    'share' : {
      'position' : 'right',
      'numPreferredServices' : 5,
      'services':'facebook,twitter,linkedin,pinterest,compact'
    }
  });
            </script>
            <!-- AddThis Smart Layers END -->
        </div>
    </div>
    <ul>
       
            <li><a href="/register" class="ico-register">Register</a></li>
            <li><a href="/login" class="ico-login">Log in</a></li>
                            <li id="topcartlink">
                <a href="/cart" class="ico-cart">
                    <span class="cart-label">Shopping cart</span>
                    <span class="cart-qty">(0)</span>
                </a>
            </li>
        
        <li>
            Copyright &copy; 2026 HeroBracelets™. All rights reserved.
        </li>
        
        
    </ul>
    
</div>

    <div class="ajax-loading-block-window" style="display: none">
        <div class="loading-image">
        </div>
    </div>
    

</div>





    <link href="/lib/jquery-ui/jquery-ui-1.12.1.custom/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<link href="/Themes/HeroBracelets/Content/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/Themes/HeroBracelets/Content/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<link href="/Themes/HeroBracelets/Content/css/site.css" rel="stylesheet" type="text/css" />

    <script src="/bundles/aqd2bl4r-1ydqipndk9or8vxwspybua7gl0xl3nedvg.min.js"></script>

    <script>
            $("#small-search-box-form").on("submit", function(event) {
                if ($("#small-searchterms").val() == "") {
                    alert('Please enter some search keyword');
                    $("#small-searchterms").focus();
                    event.preventDefault();
                }
            });
        </script>
<script>
            $(document).ready(function() {
                var showLinkToResultSearch;
                var searchText;
                $('#small-searchterms').autocomplete({
                        delay: 500,
                        minLength: 3,
                        source: '/catalog/searchtermautocomplete',
                        appendTo: '.search-box',
                        select: function(event, ui) {
                            $("#small-searchterms").val(ui.item.label);
                            setLocation(ui.item.producturl);
                            return false;
                    },
                    //append link to the end of list
                    open: function(event, ui) {
                        //display link to search page
                        if (showLinkToResultSearch) {
                            searchText = document.getElementById("small-searchterms").value;
                            $(".ui-autocomplete").append("<li class=\"ui-menu-item\" role=\"presentation\"><a href=\"/search?q=" + searchText + "\">View all results...</a></li>");
                        }
                    }
                })
                .data("ui-autocomplete")._renderItem = function(ul, item) {
                    var t = item.label;
                    showLinkToResultSearch = item.showlinktoresultsearch;
                    //html encode
                    t = htmlEncode(t);
                    return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append("<a><span>" + t + "</span></a>")
                        .appendTo(ul);
                };
            });
        </script>
<script>
            $(document).ready(function() {
                var showLinkToResultSearch;
                var searchText;
                $('#small-searchterms').autocomplete({
                        delay: 500,
                        minLength: 3,
                        source: '/catalog/searchtermautocomplete',
                        appendTo: '.search-box',
                        select: function(event, ui) {
                            $("#small-searchterms").val(ui.item.label);
                            setLocation(ui.item.producturl);
                            return false;
                    },
                    //append link to the end of list
                    open: function(event, ui) {
                        //display link to search page
                        if (showLinkToResultSearch) {
                            searchText = document.getElementById("small-searchterms").value;
                            $(".ui-autocomplete").append("<li class=\"ui-menu-item\" role=\"presentation\"><a href=\"/search?q=" + searchText + "\">View all results...</a></li>");
                        }
                    }
                })
                .data("ui-autocomplete")._renderItem = function(ul, item) {
                    var t = item.label;
                    showLinkToResultSearch = item.showlinktoresultsearch;
                    //html encode
                    t = htmlEncode(t);
                    return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append("<a><span>" + t + "</span></a>")
                        .appendTo(ul);
                };
            });
        </script>
<script>
        AjaxCart.init(false, '.header-links .cart-qty', '.header-links .wishlist-qty', '#flyout-cart');
    </script>

</body>
</html>
