Page History

...

Section

Column

width	100%

HTML

<script async src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/js/carousel.js"></script>

<div class="container1">
  <div class="left1">
    <img class="confluence-embedded-image image-center" height=150px draggable="false" src="https://qnetconfluence.cms.gov/download/attachments/522098634/ETCLC-Logo-FullColor-300px.jpg?version=1&modificationDate=1704461422814&api=v2" alt="" />
  </div>

  <div class="right1">
    <div class="w3-content w3-section" style="margin: auto;">
      <img class="mySlides1" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/test/img_la.jpg" style="width:100%" />
      <img class="mySlides1" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/test/img_ny.jpg" style="width:100%" />
      <img class="mySlides1" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/test/img_chicago.jpg" style="width:100%" />
    </div>
  </div>
</div>

CSS Stylesheet

* {
  box-sizing: border-box;
}
 
.container1 {
  text-align: center;
  display: flex;
  align-items: center;

}

.container1 { 
  /*border : 2px solid #000;*/
  overflow:hidden;
}

.container1 div {
   min-height: 200px;
   padding: 10px;
   flex: 1;
}

.left1 {
  /*background-color: #2196F3;*/
  padding: 20px;
  float: left;
  width: 50%;
  /* The width is 20%, by default */
  margin-left: auto;
  margin-right: auto;
  
}

.right1 {
  /*background-color: #04AA6D;*/
  padding: 20px;
  float: right;
  width: 50% !important;
  
  /* The width is 20%, by default */  
}

.right1 div{
  margin: auto;
  text-align: center;
  align-items: center;

}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
  .container1 {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .left1,
  .right1 {    
    float: none;
    margin: auto;
    width: auto;
    border: 0;
    /*border-bottom: 2px solid #000;*/
  }
}

.mySlides1 {
	display: none;
}

Section

Column

HTML

<div class="container">
  <!--start CssMenu-->
  <div id="cssmenu">
    <ul>
      <li>
        <span>Current ETCLC Participants <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><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></li>
          <li><a href="https://etclc.healthcarecommunities.org/">ETCLC Progress Tracking System</a></li>
        </ul>
      </li>
      <li>
        <span>Participating Organizations <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/opo">Organ Procurement Organizations</a>">Organ Procurement Organizations</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/transplant+centers">Transplant Centers</a></li>
          <li><a href="https:><//qnetconfluence.cms.gov/display/ETCLC/donor+hospitals">Donor Hospitals</a></li>
        </ul>
      </li>
      <li>
        <span>Resources <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://qnetconfluence.cms.gov/display/TAQILC/Change+Packages">Change Packages</a></li>
          <li><a href="https://app.powerbi.com/view?r=eyJrIjoiMmJmMDMyYjktNTVmNS00ZDBmLWE4NDAtNjVlNWU3OThmNzE4IiwidCI6Ijc0MjZkZWJmLWQ4MDItNDFkMi05ZGJjLTJjNjk0YmRlYjZmZiIsImMiOjF9">National Dashboard</a></li>
        </ul>
      </li>
      <li>
        <span>Patient and Donor Info <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="https://donatelife.net/#">Become a Donor</a></li>
        </ul>
      </li>
      <li>
        <span>About ETCLC <i class="arrow"></i></span>
        <ul class="dropdown right0">
          <li><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></li>
          <li><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></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/National+Faculty">National Faculty</a></li>
          <li><a href="https://qnetconfluence.cms.gov/display/ETCLC/LCC#">Leadership Coordinating Council</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <!--end CssMenu-->
  <div class="right">
    <a href="https://www.linkedin.com/company/etclc-collaborative/" target="_blank">
      <img class="confluence-embedded-image confluence-thumbnail" draggable="false" width="30" height="30" 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 102

New Version 103

Key