Difference between revisions of "Team:UAlberta"

(Replaced content with "{{UAlberta}} <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .center { text-align: center; } </style> </head> <body> <...")
Line 1: Line 1:
−
{{UAlberta}}
+
{{UAlberta/CSS}}
 
<html>
 
<html>
−
<head>
+
  <head>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
    <meta charset="utf-8">
−
<style>
+
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
 +
    <link href="https://fonts.googleapis.com/css?family=Amiko|Karla" rel="stylesheet">
 +
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
 +
    <link rel="stylesheet" href="./css/styles.css">
 +
  </head>
 +
  <body>
 +
    <div class="ua-home">
 +
      <div class="ua-home-section">
 +
        <div class="ua-stripes">
 +
          <span></span>
 +
          <span></span>
 +
          <span></span>
 +
          <span></span>
 +
          <span></span>
 +
          <span></span>
 +
          <span></span>
 +
        </div>
 +
        <div class="ua-navbar">
 +
          <nav class="navbar fixed-top navbar-expand-lg navbar-light">
 +
            <div class="container">
 +
              <a class="navbar-brand" href="#"><img class="ua-navbar-brand" src="https://static.igem.org/mediawiki/2018/1/1c/T--UAlberta--LogoHeaderBlack.svg" /></a>
 +
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
 +
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 +
                <span class="navbar-toggler-icon"></span>
 +
              </button>
 +
              <div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
                <ul class="navbar-nav ml-auto">
 +
                  <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 +
                      aria-haspopup="true" aria-expanded="false">
 +
                      Project
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Description">Description</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Design">Design</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Experiments">Experiments</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Results">Results</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/InterLab">InterLab</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 +
                      aria-haspopup="true" aria-expanded="false">
 +
                      Parts
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Part_Collection">Part Collection</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Basic_Part">Basic Parts</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Composite_Part">Composite Parts</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 +
                      aria-haspopup="true" aria-expanded="false">
 +
                      Human Practices
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Human_Practices">Overview</a>
 +
                      <a class="dropdown-item" href="#">Integrated Human Practices (missing)</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Public_Engagement">Public Engagement</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 +
                      aria-haspopup="true" aria-expanded="false">
 +
                      Notebook
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Notebook">Lab Notebook</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Protocols">Protocols (missing)</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Safety">Safety</a>
 +
                    </div>
 +
                  </li>
 +
                  <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
 +
                      aria-haspopup="true" aria-expanded="false">
 +
                      Team
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Team">Members</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Collaborations">Collaboration</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Attributions">Attribution</a>
 +
                      <a class="dropdown-item" href="#">Awards (missing)</a>
 +
                      <a class="dropdown-item" href="https://2018.igem.org/Team:UAlberta/Sponsors">Sponsors</a>
 +
                    </div>
 +
                  </li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
          </nav>
 +
        </div>
 +
        <div class="ua-home-section-hero">
 +
          <div class="container">
 +
            <div class="row align-items-center">
 +
              <div class="col-lg-6 col-md-10">
 +
                <strong><h1>Combating N. ceranae infections in honey bees with porphyrin</h1></strong>
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis.</p>
 +
                <button type="button" class="btn btn-info btn-lg">Learn more</button>
 +
              </div>
 +
              <div class="col-md-6 d-none d-lg-block">
 +
                <img src="https://static.igem.org/mediawiki/2018/7/7f/T--UAlberta--PorphyrinandBeeSchematic.svg" alt="" width="800px" height="600px" />
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="ua-home-section">
 +
        <div class="ua-stripes"></div>
 +
        <div class="ua-home-background-images">
 +
          <div class="ua-porphyrin d-none d-lg-block d-xl-none">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a7/T--UAlberta--PPIXSchematic.svg" alt="..." />
 +
          </div>
 +
          <div class="ua-porphyrin d-none d-lg-block d-xl-none">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a7/T--UAlberta--PPIXSchematic.svg" alt="..." />
 +
          </div>
 +
          <div class="ua-porphyrin d-none d-lg-block d-xl-none">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a7/T--UAlberta--PPIXSchematic.svg" alt="..." />
 +
          </div>
 +
          <div class="ua-porphyrin d-none d-xl-block">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a7/T--UAlberta--PPIXSchematic.svg" alt="..." />
 +
          </div>
 +
          <div class="ua-porphyrin d-none d-xl-block">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a7/T--UAlberta--PPIXSchematic.svg" alt="..." />
 +
          </div>
 +
          <div class="ua-porphyrin d-none d-xl-block">
 +
            <img src="https://static.igem.org/mediawiki/2018/a/a7/T--UAlberta--PPIXSchematic.svg" alt="..." />
 +
          </div>
 +
        </div>
 +
        <div class="ua-home-section-primary">
 +
          <div class="container">
 +
            <div class="row align-items-center">
 +
              <div class="col-1 d-none d-lg-block"></div>
 +
              <div class="col-md-6 col-lg-4 d-none d-md-block">
 +
                <img class="ua-flipImage" src="https://static.igem.org/mediawiki/2018/c/ca/T--UAlberta--BeeSchematic.svg" alt="..." width="100%" height="auto" />
 +
              </div>
 +
              <div class="col-md-6 col-lg-6">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis. Etiam purus tellus,
 +
                pulvinar in risus et, aliquam varius nisi. Suspendisse finibus faucibus libero id faucibus. Suspendisse euismod interdum facilisis.</p>
 +
              </div>
 +
              <div class="col-1 d-none d-lg-block"></div>
 +
            </div>
 +
            <div class="row align-items-center">
 +
              <div class="col-1 d-none d-lg-block"></div>
 +
              <div class="col-md-6 col-lg-6">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis. Etiam purus tellus,
 +
                pulvinar in risus et, aliquam varius nisi. Suspendisse finibus faucibus libero id faucibus. Suspendisse euismod interdum facilisis.</p>
 +
              </div>
 +
              <div class="col-md-6 col-lg-4 d-none d-md-block">
 +
                <img src="https://static.igem.org/mediawiki/2018/3/3e/T--UAlberta--NosemaSchematic.svg" alt="..." width="100%" height="auto" />
 +
              </div>
 +
              <div class="col-1 d-none d-lg-block"></div>
 +
            </div>
 +
            <div class="row align-items-center">
 +
              <div class="col-1 d-none d-lg-block"></div>
 +
              <div class="col-md-6 col-lg-4 d-none d-md-block">
 +
                <img src="https://static.igem.org/mediawiki/2018/2/20/T--UAlberta--FumagillinSchematic.svg" alt="..." width="100%" height="auto" />
 +
              </div>
 +
              <div class="col-md-6 col-lg-6">
 +
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis. Etiam purus tellus,
 +
                pulvinar in risus et, aliquam varius nisi. Suspendisse finibus faucibus libero id faucibus. Suspendisse euismod interdum facilisis.</p>
 +
              </div>
 +
              <div class="col-1 d-none d-lg-block"></div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="ua-home-section">
 +
        <div class="ua-stripes"></div>
 +
        <section class="ua-home-section-secondary">
 +
          <div class="container">
  
−
.center {
+
          </div>
−
    text-align: center;
+
        </section>
−
}
+
      </div>
 +
    </div>
  
−
</style>
+
    <footer>
−
 
+
      <div class="ua-footer">
−
</head>
+
        <div class="container">
−
 
+
−
<body>
+
−
<img src="https://static.igem.org/mediawiki/2018/b/b6/T--UAlberta--Logo1.png" alt="UAlberta Logo" style="width:100%;">
+
−
 
+
−
<div class="center">
+
−
<h1> Welcome to UAlberta's iGEM 2018 wiki!</h1>
+
−
</div>
+
−
 
+
−
</body>
+
  
 +
        </div>
 +
      </div>
 +
    </footer>
  
 +
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
 +
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 +
    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
 +
    <script>
 +
      AOS.init();
 +
    </script>
 +
  </body>
 
</html>
 
</html>

Revision as of 23:09, 16 October 2018

Combating N. ceranae infections in honey bees with porphyrin

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis.

...
...
...
...
...
...
...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis. Etiam purus tellus, pulvinar in risus et, aliquam varius nisi. Suspendisse finibus faucibus libero id faucibus. Suspendisse euismod interdum facilisis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis. Etiam purus tellus, pulvinar in risus et, aliquam varius nisi. Suspendisse finibus faucibus libero id faucibus. Suspendisse euismod interdum facilisis.

...
...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt justo ut egestas mattis. Etiam purus tellus, pulvinar in risus et, aliquam varius nisi. Suspendisse finibus faucibus libero id faucibus. Suspendisse euismod interdum facilisis.