Page History

Section

Column

width	50%

Image Added

Column

width	50%100%

HTML

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

<style>
	.mySlides1 {display:none;}
</style>

<div class="container1">
  <div class="left1">
  w3-content w3-section" style="max-width:500px; min-width: 450px">
  <img class="confluence-embedded-image image-center" height=150px draggable="false" "mySlides1" src="https://qnetconfluencereporting.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="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_lany.jpg" style="width:100%" />
      <img class="mySlides1" src="https://reporting.healthcarecommunities.org/Desktopmodules/CSI/CSIQUp_ETCLC/images/test/img_nychicago.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;
}</div>

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="">Register for the ETCLC Reporting System</a></li>
          <li><a href="#">ETCLC Progress Tracking System</a></li>
        </ul>
      </li>
      <li>
        <span>Participating Organizations <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="#">Organ Procurement Organizations</a></li>
          <li><a href="#">Transplant Centers</a></li>
          <li><a href="#">Donor Hospitals</a></li>
        </ul>
      </li>
      <li>
        <span>Resources <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="#">Change Packages</a></li>
          <li><a href="#">National Dashboard</a></li>
        </ul>
      </li>
      <li>
        <span>Patient and Donor Info <i class="arrow"></i></span>
        <ul class="dropdown">
          <li><a href="#">Become a Donor</a></li>
        </ul>
      </li>
      <li>
        <span>About ETCLC <i class="arrow"></i></span>
        <ul class="dropdown right0">
          <li><a href="#">FAQ's</a></li>
          <li><a href="#">Learn More</a></li>
          <li><a href="#">National Faculty</a></li>
          <li><a href="#">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="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 95

New Version 96

Key