Difference between revisions of "Team:WLC-Milwaukee/HP"

(Created page with "{{WLC-Milwaukee/header}}")
 
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{WLC-Milwaukee/header}}
 
{{WLC-Milwaukee/header}}
 +
{{WLC-Milwaukee/CSS}}
 +
<html>
 +
<head lang="en">
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="x-ua-compatible" content="IE=edge; chrome=1">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 +
    <!--IMPORT CSS-->
 +
    <link href="fonts.css" rel="stylesheet">
 +
    <link href="main.css" rel="stylesheet">
 +
    <!--IMPORT JQUERY-->
 +
    <script src="jquery.js.txt"></script>
 +
 +
    <script>
 +
        //Include Header and Footer Files using jQuery
 +
        $(function(){
 +
            $("#header").load("header.html");
 +
            $("#footer").load("footer.html");
 +
        });
 +
    </script>
 +
 +
<style>
 +
  #img{
 +
    width: 100%;
 +
    height: auto;
 +
  }
 +
  .centered{
 +
    text-align: center;
 +
  }
 +
 +
  .tile-img{
 +
    /*set background image in html*/
 +
    background-size: 100% 100%;
 +
    display: inline-block;
 +
    padding-top: 41%;
 +
    padding-bottom: 41%;
 +
        margin: auto;
 +
        margin-top: 0.75em;
 +
    text-align: center;
 +
    font-size: 1.5em;
 +
    color: white;
 +
    text-decoration: none !important;
 +
    font-family: 'Arimo', sans-serif;
 +
        font-weight: bold;
 +
    width: calc(100%);
 +
        background-color: rgba(29, 19, 57,0.8);
 +
        background-blend-mode: overlay;
 +
transition: all 0.3s ease;
 +
  }
 +
      .tile-img:visited{color: white !important;}
 +
  .tile-img:hover {
 +
    transition: all 0.3s ease;
 +
        background-color: rgba(29, 19, 57, 0.3);
 +
        box-shadow: 0 14px 28px rgba(0,0,0,0.5), 0 10px 10px rgba(0,0,0,0.5);
 +
  }
 +
 +
</style>
 +
 +
    <!--PAGE TITLE-->
 +
    <title>WLC iGEM 2018 | Project</title>
 +
</head>
 +
 +
 +
<body>
 +
 +
    <!--BEGIN HEADER IMPORT-->
 +
    <div id="header"></div>
 +
    <!--END HEADER IMPORT-->
 +
 +
    <div class="content">
 +
      <!--CONTENT CONTAINER-->
 +
<div class="container">
 +
<div class="row centered header-image-container" style="background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--WLC-Milwaukee--FlagPic.jpg)">
 +
      <img id="img" src="https://static.igem.org/mediawiki/2018/9/90/T--WLC-Milwaukee--FlagPic.jpg">
 +
            <div class="header-image-text">
 +
              <h1>Human Practices</h1>
 +
            </div>
 +
    </div>
 +
<div class="row">
 +
   
 +
      <p>The WLC-iGEM Team has historically taken Human Practices Investigation, Public Engagement, and Collaboration with other teams and the public very seriously. We are continually inspired by the work of other iGEM teams to increase both public engagement with the scientific process and improve public education on the topics of bioengineering and genetic modification.
 +
To learn more about how our Human Practice Investigations influenced the development of our project, or how as a team we have set out to educate and integrate science into the public eye, see below!
 +
 +
      </p>
 +
    </div>
 +
 +
<div id="tile_container"class="row">
 +
  <div class="col-sm">
 +
      <a class="tile-img"
 +
        style="background-image: url(https://static.igem.org/mediawiki/2018/0/02/T--WLC-Milwaukee--InvestigationsHeader.jpeg);"
 +
        href="/Team:WLC-Milwaukee/Human_Practices">IMPACT
 +
      </a>
 +
  </div>
 +
  <div id="system_design" class="col-sm">
 +
      <a class="tile-img"
 +
        style="background-image: url(https://static.igem.org/mediawiki/2018/a/a5/T--WLC-Milwaukee--HPOutreachFooterSquare.jpeg);"
 +
        href="/Team:WLC-Milwaukee/Public_Engagement">OUTREACH
 +
      </a>
 +
  </div>
 +
  <div class="col-sm">
 +
      <a class="tile-img"
 +
        style="background-image: url(https://static.igem.org/mediawiki/2018/5/56/T--WLC-Milwaukee--CollaborationsSquare.jpeg);"
 +
        href="/Team:WLC-Milwaukee/Collaborations">COLLABORATIONS
 +
      </a>
 +
  </div>
 +
</div>
 +
</div>
 +
<!--END CONTENT CONTAINER-->
 +
    </div>
 +
 +
    <!--BEGIN FOOTER IMPORT-->
 +
    <div id="footer"></div>
 +
    <!--END FOOTER IMPORT-->
 +
 +
</body>
 +
</html>
 +
 +
{{WLC-Milwaukee/footer}}

Latest revision as of 02:04, 18 October 2018

PLACEHOLDER

WLC iGEM 2018 | Project

Human Practices

The WLC-iGEM Team has historically taken Human Practices Investigation, Public Engagement, and Collaboration with other teams and the public very seriously. We are continually inspired by the work of other iGEM teams to increase both public engagement with the scientific process and improve public education on the topics of bioengineering and genetic modification. To learn more about how our Human Practice Investigations influenced the development of our project, or how as a team we have set out to educate and integrate science into the public eye, see below!

WLC-Milwaukee