Difference between revisions of "Team:Marburg"

Line 1: Line 1:
 
{{Marburg/bulma.css}}
 
{{Marburg/bulma.css}}
{{Marburg/styles.css}}
 
 
<html>
 
<html>
 
   <style>
 
   <style>
Line 186: Line 185:
 
     <div class="main">
 
     <div class="main">
 
       <main>
 
       <main>
  <div class="as_hero">
+
        <div class="as_hero">
  
    <div class="columns as_hero_content" style="width: 100%; height: 100%;margin: 0!important;">
+
          <div class="columns as_hero_content" style="width: 100%; height: 100%;margin: 0!important;">
      <div class="column"></div>
+
            <div class="column"></div>
      <div class="column" style="color: white; display: flex; align-items: center;">
+
            <div class="column" style="color: white; display: flex; align-items: center;">
        <div>
+
              <div>
          <p style="font-size: 4em; line-height: 1em;">Foo.</p>
+
                <p style="font-size: 4em; line-height: 1em;">Foo.</p>
          <p style="font-size: 4em; line-height: 1em;">Bar.</p>
+
                <p style="font-size: 4em; line-height: 1em;">Bar.</p>
          <p style="font-size: 4em; line-height: 1em;">Baz.</p>
+
                <p style="font-size: 4em; line-height: 1em;">Baz.</p>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
       </div>
+
        <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
 +
          <p>
 +
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
          </p>
 +
        </div>
 +
        <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
 +
          <p>
 +
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
            minim
 +
            veniam,
 +
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
          </p>
 +
        </div>
 +
       </main>
 +
      <footer class="footer is-unselectable" style="padding: 3rem 1.5rem;">
 +
        <div class="container is-flex">
 +
          <a href="https://www.facebook.com/IGEMMarburg2019/">
 +
            <img src="https://static.igem.org/mediawiki/2019/b/b1/T--Marburg--m_icon_fa.svg" alt="Facbook" style="height: 100px;" />
 +
          </a>
 +
          <a href="https://twitter.com/igemmarburg2019">
 +
            <img src="https://static.igem.org/mediawiki/2019/4/43/T--Marburg--m_icon_tw.svg" alt="Twitter" style="height: 100px;" />
 +
          </a>
 +
          <a href="https://www.instagram.com/igem.marburg.2019">
 +
            <img src="https://static.igem.org/mediawiki/2019/e/e7/T--Marburg--m_icon_in.svg" alt="Instagram" style="height: 100px;" />
 +
          </a>
 +
          <a href="mailto:igem2019@synmikro.uni-marburg.de">
 +
            <img src="https://static.igem.org/mediawiki/2019/2/2c/T--Marburg--m_icon_ma.svg" alt="Mail" style="height: 100px;" />
 +
          </a>
 +
        </div>
 +
      </footer>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
   <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
   </body>
    <p>
+
 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
    </p>
+
  </div>
+
  <div style="width: 100%; padding: 2rem; display: flex; align-items: center; justify-content: center;">
+
    <p>
+
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+
      veniam,
+
      quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
    </p>
+
  </div>
+
</main>
+
<footer class="footer is-unselectable" style="padding: 3rem 1.5rem;">
+
  <div class="container is-flex">
+
    <a href="https://www.facebook.com/IGEMMarburg2019/">
+
      <img src="https://static.igem.org/mediawiki/2019/b/b1/T--Marburg--m_icon_fa.svg" alt="Facbook" style="height: 100px;" />
+
    </a>
+
    <a href="https://twitter.com/igemmarburg2019">
+
      <img src="https://static.igem.org/mediawiki/2019/4/43/T--Marburg--m_icon_tw.svg" alt="Twitter" style="height: 100px;" />
+
    </a>
+
    <a href="https://www.instagram.com/igem.marburg.2019">
+
      <img src="https://static.igem.org/mediawiki/2019/e/e7/T--Marburg--m_icon_in.svg" alt="Instagram" style="height: 100px;" />
+
    </a>
+
    <a href="mailto:igem2019@synmikro.uni-marburg.de">
+
      <img src="https://static.igem.org/mediawiki/2019/2/2c/T--Marburg--m_icon_ma.svg" alt="Mail" style="height: 100px;" />
+
    </a>
+
  </div>
+
</footer>
+
</div>
+
</div>
+
</body>
+
 
</html>
 
</html>
 
{{Marburg/scripts.js}}
 
{{Marburg/scripts.js}}

Revision as of 13:25, 17 August 2019

Foo.

Bar.

Baz.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.