_navbar.html

<div class="navbar navbar-default  navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
        <!-- Add me! -->
        <span class="sr-only">Toggle navigation</span>
        <!-- End add -->
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html"><span aria-hidden="true"><img id="logo" style="width: 50px;" src="images/test_logo_white_cropped.png" alt="THRIVE Lifeline logo"/></span></a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li>
  <a href="index.html">Home</a>
</li>
<!-- <li>
  <a href="about.html">About</a>
</li> -->
<!-- Start About -->
<li class="dropdown">
    <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> -->
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    About

    <span class="caret"></span>
  </a>
  <!-- <ul class="dropdown-menu" role="menu"> -->
  <ul class="dropdown-menu">
    <li>
      <a href="about.html">About Us</a>
    </li>
<!--    <li>
      <a href="outreach.html">Outreach Materials</a>
    </li>-->
    <li>
      <a href="newsletter.html">Newsletters</a>
    </li>
    <li>
      <a href="FAQs.html">FAQs</a>
    </li>
    <li>
      <a href="gallery.html">Shareable Graphics</a>
    </li>
    <li>
      <a href="https://mailchi.mp/71ebc44f2d34/together-we-thrive" target="_blank">
      <span class="fa fa-external-link-alt"></span>

      Subscribe
      </a>
    </li>
  </ul>
</li>
<!-- End About -->
<li class="dropdown">
    <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> -->
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    Resources

    <span class="caret"></span>
  </a>
  <!-- <ul class="dropdown-menu" role="menu"> -->
  <ul class="dropdown-menu">
    <li>
      <a href="resources.html">Crisis Resources</a>
    </li>
    <li>
      <a href="reading-list.html">Reading List</a>
    </li>
    <li>
      <a href="STEMM-orgs.html">STEMM Organizations</a>
    </li>
    <li>
      <a href="regional-resources.html">Regional Resources</a>
    </li>
  </ul>
</li>
<!-- <li>
  <a href="volunteer.html">Volunteer</a>
</li>
<li>
  <a href="recruit.html">RECRUIT Internship</a>
</li>
<li>
  <a href="trans-support-group.html">TRANS Support Group</a>
</li>
<li>
  <a href="partners.html">Partners</a>
</li> -->
<!-- Start Join THRIVE -->
<li class="dropdown">
    <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> -->
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    Join THRIVE

    <span class="caret"></span>
  </a>
  <!-- <ul class="dropdown-menu" role="menu"> -->
  <ul class="dropdown-menu">
    <li>
      <a href="volunteer.html">Volunteer</a>
    </li>
    <li>
      <a href="recruit.html">RECRUIT Internship</a>
    </li>
    <li>
      <a href="opt.html">OPT Employment</a>
    </li>
    <li>
      <a href="partners.html">Partners</a>
    </li>
  </ul>
</li>
<!-- End Join THRIVE -->
<!--<li>
  <a href="trans-discord.html">TRANS Discord</a>
</li>-->

<!-- Start Peer Support -->
<li class="dropdown">
    <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> -->
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    Peer Support

    <span class="caret"></span>
  </a>
  <!-- <ul class="dropdown-menu" role="menu"> -->
  <ul class="dropdown-menu">
    <li>
      <a href="trans-discord.html">TRANS Discord</a>
    </li>
    <li>
      <a href="peer-support.html">Stronger Together Discord</a>
    </li>
  </ul>
</li>
<!-- End Peer Support -->

<!-- Start Training -->
<li class="dropdown">
    <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> -->
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
    Training

    <span class="caret"></span>
  </a>
  <!-- <ul class="dropdown-menu" role="menu"> -->
  <ul class="dropdown-menu">
    <li>
      <a href="noncarceral-wellness-services.html">Non-carceral Wellness</a>
    </li>
    <li>
      <a href="workshops.html">Workshops</a>
    </li>
    <li>
      <a href="https://strongeruwellness.com/events-calendar/">Stronger U Events Calendar</a>
    </li>
  </ul>
</li>
<!-- End Training -->
<li>
  <a href="https://www.paypal.com/donate?hosted_button_id=CU5D6Q727QH5S" target="_blank">
    <span class="fa fa-external-link-alt"></span>

    Donate
  </a>
</li>
<!--<li>
    <a href="http://eepurl.com/iilXFb" target="_blank">
    <span class="fa fa-external-link-alt"></span>

    Subscribe
  </a>
</li>-->
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li>
  <a href="sms:+13136628209">
    <span class="fa fa-mobile-alt"></span>

    Text Us
  </a>
</li>
      </ul>
    </div><!--/.nav-collapse -->
  </div><!--/.container -->
</div><!--/.navbar -->