Page History

...

Section

Column

HTML

<div class="topnav" id="myTopnav">
  <a href="#home" class="active">Current ETCLC Participants</a>
  <a href="#news">Participating Organizations</a>
  <a href="#contact">Resources</a>
  <a href="#contact1">Patient and Donor Info</a>  
  <a href="#about">About ETCLC</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>

CSS Stylesheet

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 1000px) {
  .topnav a:not(:first-child) {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

HTML

<div class="container hidden">
  <div class="menu">
    <div id="mysection" class="dropdown">
      <button>Current ETCLC Participants</button>
      <div class="dropdown-content">
        <a href="https://healthcarecommunities.b2clogin.com/healthcarecommunities.onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1_ETCLC_signup&client_id=07e0f659-b33e-444d-a279-b6e0d59f8e67&nonce=defaultNonce&redirect_uri=https%3A%2F%2Fetclc.healthcarecommunities.org%2Fwelcome%2F&scope=openid&response_type=id_token&prompt=login">Register for the ETCLC Reporting System</a>
        <a href="https://etclc.healthcarecommunities.org/">ETCLC Progress Tracking System</a>
      </div>
    </div>
    <div id="mysection" class="dropdown">
      <button>Participating Organizations</button>
      <div class="dropdown-content">
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/opo">Organ Procurement Organizations</a>
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/transplant+centers">Transplant Centers</a>
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/donor+hospitals">Donor Hospitals</a>
      </div>
    </div>
    <div id="mysection" class="dropdown">
      <button>Resources</button>
      <div class="dropdown-content">
        <a href="https://qnetconfluence.cms.gov/display/TAQILC/Change+Packages">Change Packages</a>        
		<a href="https://app.powerbi.com/view?r=eyJrIjoiMmJmMDMyYjktNTVmNS00ZDBmLWE4NDAtNjVlNWU3OThmNzE4IiwidCI6Ijc0MjZkZWJmLWQ4MDItNDFkMi05ZGJjLTJjNjk0YmRlYjZmZiIsImMiOjF9">National Dashboard</a>        </div>
    </div>
<div id="mysection" class="dropdown">
      <button>Patient and Donor Info</button>
      <div class="dropdown-content">
        <a href="https://donatelife.net/">Become a Donor</a>
        

      </div>
    </div>

    <div id="mysection" class="dropdown">
      <button>About ETCLC</button>
      <div class="dropdown-content">
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/End+Stage+Renal+Disease+Treatment+Choices+Learning+Collaborative?preview=/202386541/209161617/ETCLC%20Recruitment%20Talking%20Points_FINAL2.pdf">FAQ's</a>
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/End+Stage+Renal+Disease+Treatment+Choices+Learning+Collaborative?preview=/202386541/394202262/ETCLC%20Committment%20for%20Results%2010.27.21_fillable-2-10-23.pdf">Learn More</a>
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/National+Faculty">National Faculty</a>
        <a href="https://qnetconfluence.cms.gov/display/ETCLC/LCC">Leadership Coordinating Council</a>
      </div>
    </div>
  </div>
  <div class="right">    
<a href="https://www.linkedin.com/company/etclc-collaborative/" target="_blank">    
<img class="confluence-embedded-image confluence-thumbnail" draggable="false" width="50" height="50" src="https://qnetconfluence.cms.gov/download/thumbnails/517477753/LI-In-Bug.png?version=1&modificationDate=1703177057132&api=v2" data-image-src="https://qnetconfluence.cms.gov/download/attachments/517477753/LI-In-Bug.png?version=1&modificationDate=1703177057132&api=v2" data-unresolved-comment-count="0" data-linked-resource-id="517477754" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="LI-In-Bug.png" data-base-url="https://qnetconfluence.cms.gov" data-linked-resource-content-type="image/png" data-linked-resource-container-id="517477753" data-linked-resource-container-version="26" alt=""></a>   
</div>
</div>

...

Page tree

Versions Compared

Old Version 89

New Version 90

Key