Difference between revisions of "Team:Linkoping Sweden/test"

Line 1: Line 1:
−
{{:Team:Linkoping_Sweden/CSS}}
+
{{Linkoping_Sweden/teststyle}}
 +
<!DOCTYPE html>
 
<html>
 
<html>
−
<head>
 
−
<style>
 
  
−
</style>
+
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <title>LiU iGEM</title>
 +
  <link rel="stylesheet" type="text/css" href="css/style.css">
 +
  <link rel="stylesheet"  href="css/fontawesome.css">
 +
  <link rel="stylesheet"  href="css/fontawesome.min.css">
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
   <h1>Ghost does nice stuff</h1>
+
   <header>
 +
    <img src="assets/iGEMlogo.png" alt="iGEM-logo" class="logo">
 +
    <nav>
 +
      <ul>
 +
        <li><a href="">Home</a></li>
 +
        <li><a href="">Team</a></li>
 +
        <li><a href="">Project</a></li>
 +
        <li><a href="">Collaboration</a></li>
 +
        <li><a href="">Human Practice</a></li>
 +
      </ul>
 +
    </nav>
 +
  </header>
 +
  <section class="home-home">
 +
    <div class="container">
 +
      <h1 class="title">Warning! This is a test.
 +
      <span>Overexpressing chaperones in <i> Escherichia coli</i></span>
 +
    </h1>
 +
      <a href="" class="button button-accent">About the project</a>
 +
    </div>
 +
  </section>
 +
  <div class="container">
 +
  <section class="home-project">
 +
    <div class="home-project-textbox">
 +
      <h1>The Project</h1>
 +
      <p> Integer gravida nisl ut nulla blandit, fermentum viverra ante bibendum.  Praesent in urna massa. Suspendisse nec sem quis
 +
        tortor consectetur posuere eu at massa.</p>
 +
      <p> In hac habitasse platea dictumst. Aenean porta dapibus dolor ac bibendum.
 +
        Etiam finibus erat id mauris rhoncus cursus. Aliquam turpis ipsum, facilisis et sem vel, lobortis tempor ex. Vivamus quis maximus metus.</p>
 +
    </div>
 +
  </section>
 +
  </div>
 +
  <section class="sponsors">
 +
    <h1>Our sponsors</h1>
 +
    <!-- sponsors item 01 -->
 +
    <figure class="spons-item">
 +
      <img src="assets/002.jpg" alt="sponsor item">
 +
      <figcaption class="spons-description">
 +
        <p>Project title</p>
 +
        <a href="" class="button button-accent button-small">Project details</a>
 +
      </figcaption>
 +
    </figure>
 +
 
 +
    <!-- sponsors item 02 -->
 +
    <figure class="spons-item">
 +
      <img src="assets/003.jpg" alt="sponsor item">
 +
      <figcaption class="spons-description">
 +
        <p>Project title</p>
 +
        <a href="" class="button button-accent button-small">Project details</a>
 +
      </figcaption>
 +
    </figure>
 +
 
 +
    <!-- sponsors item 03 -->
 +
    <figure class="spons-item">
 +
      <img src="assets/004.jpg" alt="sponsor item">
 +
      <figcaption class="spons-description">
 +
        <p>Project title</p>
 +
        <a href="" class="button button-accent button-small">Project details</a>
 +
      </figcaption>
 +
    </figure>
 +
 
 +
    <!-- sponsors item 04 -->
 +
    <figure class="spons-item">
 +
      <img src="assets/005.jpg" alt="sponsor item">
 +
      <figcaption class="spons-description">
 +
        <p>Project title</p>
 +
        <a href="" class="button button-accent button-small">Project details</a>
 +
      </figcaption>
 +
    </figure>
 +
 
 +
    <!-- sponsors item 05 -->
 +
    <figure class="spons-item">
 +
      <img src="assets/014.jpg" alt="sponsor item">
 +
      <figcaption class="spons-description">
 +
        <p>Project title</p>
 +
        <a href="" class="button button-accent button-small">Project details</a>
 +
      </figcaption>
 +
    </figure>
 +
 
 +
    <!-- sponsors item 06 -->
 +
    <figure class="spons-item">
 +
      <img src="assets/015.jpg" alt="sponsor item">
 +
      <figcaption class="spons-description">
 +
        <p>Project title</p>
 +
        <a href="" class="button button-accent button-small">Project details</a>
 +
      </figcaption>
 +
    </figure>
 +
 
 +
  </section>
 +
 
 +
<section class="cta">
 +
    <div class="container">
 +
      <h1 class="title title-cta">Linköping Univercity's iGEM TEAM 2018
 +
      <span>Overexpressing chaperones in <i> Escherichia coli</i></span>
 +
    </h1>
 +
      <a href="" class="button button-dark">About the project</a>
 +
    </div>
 +
</section>
 +
 
 +
  <footer>
 +
    <div class="container">
 +
    <div class="col-3">
 +
      <ul class="media">
 +
        <li><a href=""><i class="fab fa-facebook" aria-hidden="true"></i></a></i></li>
 +
        <li><a href=""><i class="fab fa-twitter-square" aria-hidden="true"></i></a></li>
 +
        <li><a href=""><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
 +
        <li><a href=""><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
 +
      </ul>
 +
      <!-- <p>Nunc id accumsan lacus. Pellentesque at risus at elit tincidunt posuere sit amet ultrices sem. Cras porttitor erat ut lacinia porta. In vitae urna velit. Fusce placerat augue ut leo tempus consequat. Pellentesque habitant morbi tristique senectus
 +
        et netus et malesuada fames ac turpis egestas.
 +
      </p> -->
 +
    </div>
 +
 
 +
    <div class="col-1">
 +
    <ul class="unstyled-list">
 +
      <li><strong>Linköpings Univercity</strong></li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
    </ul>
 +
    </div>
 +
    <div class="col-1">
 +
    <ul class="unstyled-list">
 +
      <li><strong>Linköpings Univercity</strong></li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
    </ul>
 +
    </div>
 +
    <div class="col-1">
 +
    <ul class="unstyled-list">
 +
      <li><strong>Linköpings Univercity</strong></li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
      <li>Linköpings Univercity</li>
 +
    </ul class="unstyled-list">
 +
    </div>
 +
    </div>
 +
  </footer>
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 11:55, 5 August 2018

<!DOCTYPE html> LiU iGEM

Warning! This is a test. Overexpressing chaperones in Escherichia coli

About the project

The Project

Integer gravida nisl ut nulla blandit, fermentum viverra ante bibendum. Praesent in urna massa. Suspendisse nec sem quis tortor consectetur posuere eu at massa.

In hac habitasse platea dictumst. Aenean porta dapibus dolor ac bibendum. Etiam finibus erat id mauris rhoncus cursus. Aliquam turpis ipsum, facilisis et sem vel, lobortis tempor ex. Vivamus quis maximus metus.

Our sponsors

sponsor item

Project title

Project details
sponsor item

Project title

Project details
sponsor item

Project title

Project details
sponsor item

Project title

Project details
sponsor item

Project title

Project details
sponsor item

Project title

Project details

Linköping Univercity's iGEM TEAM 2018 Overexpressing chaperones in Escherichia coli

About the project
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity
  • Linköpings Univercity