Difference between revisions of "Team:Marburg/test joana"

(Blanked the page)
Line 1: Line 1:
−
 
+
{{Marburg}}
 +
<html>
 +
  <style>
 +
    .box-dark {
 +
      background-color: #3d404d;
 +
      min-height: 30vh;
 +
      box-shadow: 1px 1px 40px black;
 +
      margin-left: -10vw;
 +
      width: 120vw;
 +
      position: relative;
 +
      z-index: 2;
 +
      display: flex;
 +
      flex-direction: column;
 +
      align-items: center;
 +
      transform: rotate(355deg);
 +
      justify-content: center;
 +
      margin-top: -12vh;
 +
    }
 +
​
 +
    .heading {
 +
      color: #f5f5f5;
 +
      text-align: center;
 +
      font-size: 1.75em;
 +
      width: fit-content;
 +
      margin-top: 25px;
 +
      margin-bottom: unset !important;
 +
      transform: rotate(-355deg);
 +
    }
 +
​
 +
    .line {
 +
      border-top: 2px solid #f5f5f5;
 +
      background-color: #f5f5f5;
 +
      border-width: 2px;
 +
      display: block;
 +
      width: 100px;
 +
      margin-top: 25px;
 +
      margin-bottom: unset;
 +
      transform: rotate(-355deg);
 +
    }
 +
​
 +
    .logo {
 +
      width: 100px;
 +
      height: 100px;
 +
      position: absolute;
 +
      bottom: -50px;
 +
      transform: rotate(-355deg);
 +
      margin-left: -10px;
 +
    }
 +
​
 +
    .main {
 +
      overflow-x: hidden;
 +
    }
 +
​
 +
    @media (max-width: 810px) {
 +
​
 +
      .logo,
 +
      .line,
 +
      .heading {
 +
        margin-left: -30px;
 +
      }
 +
​
 +
      .line {
 +
        margin: 1.5rem 0 !important;
 +
        margin-left: -40px !important;
 +
      }
 +
    }
 +
​
 +
  </style>
 +
  <div>
 +
    <div class="box-dark">
 +
      <h1 class="heading">
 +
        P A R T S<span style="visibility: hidden">A</span>O V E R V I E W
 +
      </h1>
 +
      <hr class="line">
 +
      <img src="https://static.igem.org/mediawiki/2019/a/ac/T--Marburg--logo.svg"
 +
        class="logo"
 +
        alt="Syntex Logo">
 +
    </div>
 +
    <section style="margin-top: 11vh;">
 +
      <!--Add abstract like text here-->
 +
    </section>
 +
    <hr>
 +
    <section class="section grid">
 +
      <div class="sub"
 +
        onclick="popup('model1')">
 +
        <div class="sub-header">
 +
          <h1>
 +
            <!--Title of first model-->
 +
          </h1>
 +
          <hr>
 +
        </div>
 +
        <div class="sub-content">
 +
          <img src="">
 +
        </div>
 +
      </div>
 +
      <div id="model1"
 +
        class="popup">
 +
        <div class="popup-container">
 +
          <div class="popup-header">
 +
            <h1 class="title">
 +
              <!--Title inside popup-->
 +
            </h1>
 +
            <button type="button"
 +
              onclick="hide('model1')">X</button>
 +
          </div>
 +
          <div class="popup-content"
 +
            style="text-align: justify;">
 +
            <section class="section">
 +
              <!--Content of popup-->
 +
            </section>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="sub"
 +
        onclick="popup('model2')">
 +
        <div class="sub-header">
 +
          <h1>
 +
            <!--Title of second model-->
 +
          </h1>
 +
          <hr>
 +
        </div>
 +
        <div class="sub-content">
 +
          <img src="">
 +
        </div>
 +
      </div>
 +
      <div id="model2"
 +
        class="popup">
 +
        <div class="popup-container">
 +
          <div class="popup-header">
 +
            <h1 class="title">
 +
              <!--Title inside popup-->
 +
            </h1>
 +
            <button type="button"
 +
              onclick="hide('model2')">X</button>
 +
          </div>
 +
          <div class="popup-content"
 +
            style="text-align: justify;">
 +
            <section class="section">
 +
              <!--Content of popup-->
 +
            </section>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="sub"
 +
        onclick="popup('model3')">
 +
        <div class="sub-header">
 +
          <h1>
 +
            <!--Title of third model-->
 +
          </h1>
 +
          <hr>
 +
        </div>
 +
        <div class="sub-content">
 +
          <img src="">
 +
        </div>
 +
      </div>
 +
      <div id="model3"
 +
        class="popup">
 +
        <div class="popup-container">
 +
          <div class="popup-header">
 +
            <h1 class="title">
 +
              <!--Title inside popup-->
 +
            </h1>
 +
            <button type="button"
 +
              onclick="hide('model3')">X</button>
 +
          </div>
 +
          <div class="popup-content"
 +
            style="text-align: justify;">
 +
            <section class="section">
 +
              <!--Content of popup-->
 +
            </section>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
  </div>
 +
</html>
 +
{{Marburg/footer}}

Revision as of 22:12, 21 October 2019

P A R T SAO V E R V I E W