Difference between revisions of "Team:CMUQ/HP/Silver"

 
(12 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
    <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
−
    <link href="//2015.igem.org/Team:Oxford/Assets/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
 
−
    <link rel="stylesheet" href="//2015.igem.org/Team:Oxford/Assets/Font-Awesome?action=raw&ctype=text/css">
 
−
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrapj?action=raw&ctype=text/javascript"></script>
 
−
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/contents?action=raw&ctype=text/javascript"></script>
 
  
−
     <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  
  
  
 +
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
  
 +
<!-- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
 
<style>
 
<style>
 +
@media (min-width: 768px) {
 +
    .dropdown:hover .dropdown-menu {
 +
    display: block;
 +
    }
 +
}
 +
.centered {
 +
    position: absolute;
 +
    top: 200px;
 +
    left: 170px;
  
 +
  color: white;
 +
}
 +
.footer{
 +
    display: table;
 +
    text-align: center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
body, html {
 +
    height: 100%;
 +
}
  
 +
.main{
 +
    /* The image used */
 +
    background-image: url('https://static.igem.org/mediawiki/2017/7/7f/IMG_9696.jpg');
 +
 +
    /* Full height */
 +
    height: 1000px;
 +
 +
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
  opacity: 0.9;
 +
   
 +
}
 +
 +
 +
.division{
 +
    font-family: 'Raleway', sans-serif;
 +
   
 +
    height:370px;   
 +
   
 +
}
 +
html {
 +
font-size: 13px;
 +
}
 +
h1 {
 +
font-size: 8rem;
 +
position: absolute;
 +
}
 +
h2 {
 +
font-size: 2rem;
 +
position: absolute;
 +
}
 +
p {
 +
font-size: 1rem;
 +
word-wrap: break-word;
 +
word-break: keep-all;
 +
}
 +
 +
 +
 +
@media screen and (min-width: 500px){
 +
  html{
 +
    font-size: 14px;
 +
  }
 +
}
 +
@media screen and (min-width: 570px){
 +
  html{
 +
    font-size: 15px;
 +
  }
 +
}
 +
@media screen and (min-width: 620px){
 +
  html{
 +
    font-size: 16px;
 +
  }
 +
}
 +
@media screen and (min-width: 680px){
 +
  html{
 +
    font-size: 17px;
 +
  }
 +
}
 +
@media screen and (min-width: 720px){
 +
  html{
 +
    font-size: 18px;
 +
  }
 +
}
 +
@media screen and (min-width: 800px){
 +
  html{
 +
    font-size: 19px;
 +
  }
 +
}
 +
@media screen and (min-width: 860px){
 +
  html{
 +
    font-size: 20px;
 +
  }
 +
}
 +
@media screen and (min-width: 920px){
 +
  html{
 +
    font-size: 21px;
 +
  }
 +
}
 +
@media screen and (min-width: 1000px){
 +
  html{
 +
    font-size: 22px;
 +
  }
 +
}    
 +
 +
            /* Collapsing Navbar Styles */
 +
 +
    @media(min-width:768px) {
 +
      .navbar-default {
 +
        -webkit-transition: all .35s;
 +
        -moz-transition: all .35s;
 +
        transition: all .35s;
 +
        padding: 15px 0;
 +
        background-color: transparent;
 +
                border-width: 0px;
 +
 +
        /* Add additional styles here for the UNCOLLAPSED state */
 +
      }
 +
      .navbar-default.affix {
 +
        padding: 0;
 +
        background-color: white;
 +
margin-top: 9px;
 +
        /* Add additional styles here for the COLLAPSED state */
 +
      }
 +
    }
 +
    .navbar.navbar-default.navbar-fixed-top a {
 +
    color: black;
 +
    font-size: 15px;
 +
                font-family: 'Montserrat', sans-serif;
 +
 +
    }
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
Line 40: Line 172:
 
display:block;
 
display:block;
 
float:left;  
 
float:left;  
−
background-color:white;
+
background-color:white;  
−
                background-image: url("https://static.igem.org/mediawiki/2017/0/04/BackgroundMainPage.png");
+
 
font-family:Tahoma, Geneva, sans-serif;  
 
font-family:Tahoma, Geneva, sans-serif;  
 
}
 
}
Line 268: Line 399:
  
 
</head>
 
</head>
−
  <nav class="navbar navbar-default navbar-fixed-top">
+
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
−
        <div class="container-fluid">
+
    <div class="container">
−
            <div class="navbar-header">
+
      <!-- Brand and toggle get grouped for better mobile display -->
−
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#ox-navbar">
+
      <div class="navbar-header">
−
                    <i class="fa fa-chevron-down"></i>
+
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
−
                </button>
+
          <span class="sr-only">Toggle navigation</span>
−
                <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ">CMUQ</a>
+
          <span class="icon-bar"></span>
−
            </div>
+
          <span class="icon-bar"></span>
−
            <nav class="navbar-collapse collapse" id="ox-navbar">
+
          <span class="icon-bar"></span>
−
                <ul class="nav navbar-nav navbar-right">
+
        </button>
−
                    <li class="dropdown">
+
        <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ" >CMUQ</a>
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT<span class="caret"></span></a>
+
      </div>
−
                        <ul class="dropdown-menu">
+
 
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/descritpion">Description</a></li>
+
      <!-- Collect the nav links, forms, and other content for toggling -->
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/design">Design</a></li>
+
      <div class="collapse navbar-collapse" id= "expand">
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/safety">Safety</a></li>
+
        <ul class="nav navbar-nav navbar-right">
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
  <li><a href="https://2017.igem.org/Team:CMUQ/Description">Description</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Design">Design</a></li>
 +
                             <li><a href="https://2017.igem.org/Team:CMUQ/Safety">Safety</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/Model">Model</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Parts">Parts</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/achievments">Achievements</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/JudgingForm">Judging Form </a></li>
−
                        </ul>
+
                           
−
                    </li>
+
                </ul>
−
                    <li class="dropdown">
+
            </li>
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">PRACTICES<span class="caret"></span></a>
+
            <li class="dropdown">
−
                        <ul class="dropdown-menu">
+
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> COMMUNITY INVOLVEMENT <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/HP/Gold_Integrated"> Gold HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Engagement"> Outreach</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> LAB WORK <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 
                              
 
                              
−
                        </ul>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Notebook">Notebook</a></li>
−
                    </li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Procedures</a></li>
−
                    <li class="dropdown">
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab Study</a></li>
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">WET LAB<span class="caret"></span></a>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Results">Results</a></li>
−
                        <ul class="dropdown-menu">
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/results">Overview & Results</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/notebook">Notebook</a></li>
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Protocols</a></li>
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">DRY LAB<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/modelling">Modelling</a></li>
+
−
                           
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li class="dropdown">
+
−
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">TEAM<span class="caret"></span></a>
+
−
                        <ul class="dropdown-menu">
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/team">Team</a></li>
+
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/attributions">Attributions</a></li>
+
−
                         
+
−
                        </ul>
+
−
 
+
−
                    </li>
+
−
                    <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li>
+
−
                   
+
 
                 </ul>
 
                 </ul>
−
             </nav>
+
             </li>
−
         </div>
+
           
−
     </nav>
+
            <li class="dropdown">
−
<div class="main"></div>
+
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a href="https://2017.igem.org/Team:CMUQ/Team">Team</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Attributions">Attributions</a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li>
 +
           
 +
         </ul>
 +
      </div>
 +
      <!-- /.navbar-collapse -->
 +
     </div>
 +
    <!-- /.container -->
 +
  </nav>
 +
 
 +
<div class="main">
 +
<div class="centered"> <h1>HP Silver </h1> </div>
 +
</div>
 +
 
 
<body>
 
<body>
 +
<br>
 +
<br>
 +
 +
<p style="font-family: 'Montserrat', sans-serif;margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">We have presented our project to a variety of expert audiences in Doha, including petroleum engineers, Environmental engineers. In addition, we also intend to present it to people from diverse academic backgrounds.
 +
<br>
 +
<p style="font-family: 'Montserrat', sans-serif;margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">The following is a responses that we have received from an expert.
 +
<br>
 +
<p style="font-family: 'Montserrat', sans-serif;margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;"> "The idea of using bacteria to act as bacterial concentrations detectors, while also targeting the harmful bacteria is incredible. However, if this project goes in the long run, then you must also expand it by considering other factors involved in Microbial Induced Corrosion.", Mr. Ahmed Ali Johar (Chief Projects and Procurement Officer at WOQOD)
 +
<br>
 +
<p style="font-family: 'Montserrat', sans-serif;margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;"> We would like to Thank all the experts for their cooperations and we intend to present our Human Practices in detail in our presentation.
 +
 +
</div>
 +
 +
 +
<div class="footer">
 +
<hr> 
 +
<span class="glyphicon glyphicon-chevron-up"></span>
 +
 +
</br>
 +
<img src = "https://static.igem.org/mediawiki/2017/e/e5/Occidental_Logo..png" width = "15%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/6/66/Logo_w-o_bg_green_mangroves.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/f/fa/IDT_logo.cmuq.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/5/53/Benchling-logo.png" width = "20%; " >
 +
</div>
 +
  
  
Line 336: Line 499:
  
  
 +
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 +
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
 +
<script type="text/javascript">
 +
// Initialize affix and add an offset to add affix class on scroll
 +
$('#mainNav').affix({
 +
  offset: {
 +
    top: 100
 +
  }
 +
})
 +
</script>
  
 +
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 04:00, 2 November 2017

HP Silver



We have presented our project to a variety of expert audiences in Doha, including petroleum engineers, Environmental engineers. In addition, we also intend to present it to people from diverse academic backgrounds.

The following is a responses that we have received from an expert.

"The idea of using bacteria to act as bacterial concentrations detectors, while also targeting the harmful bacteria is incredible. However, if this project goes in the long run, then you must also expand it by considering other factors involved in Microbial Induced Corrosion.", Mr. Ahmed Ali Johar (Chief Projects and Procurement Officer at WOQOD)

We would like to Thank all the experts for their cooperations and we intend to present our Human Practices in detail in our presentation.