Difference between revisions of "Team:Mingdao/Basic Part"

Line 9: Line 9:
 
</head>
 
</head>
 
<body>
 
<body>
−
<style>
+
<style type="text/css">
−
h5.card-title{
+
p {
 
   font-size: 18px!important;
 
   font-size: 18px!important;
 
}
 
}
−
p.card-text {
+
nav ul li {
−
   font-size: 15px!important;
+
   font-size: 20px!important;
 
}
 
}
−
a.nav-link {
+
.row li {
 
   font-size: 20px!important;
 
   font-size: 20px!important;
−
  border-bottom: 5px transparent solid;
 
 
}
 
}
−
a.nav-link:hover {
+
h1{
−
   -webkit-animation-name: bottom-appear; /* Safari 4.0 - 8.0 */
+
   color:#007282!important;
−
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
+
font-size: 60px!important;
−
  animation-name: bottom-appear;
+
−
  animation-duration: 0.5s;
+
−
  border-bottom: 5px green solid;
+
 
}
 
}
−
 
+
h3{
−
/* Safari 4.0 - 8.0 */
+
   color: #ff9900!important;
−
@-webkit-keyframes bottom-qppear {
+
   font-size: 30px!important;
−
   from {border-bottom: 5px transparent solid;}
+
−
   to { border-bottom: 5px green solid;}
+
 
}
 
}
−
 
−
/* Standard syntax */
 
−
@keyframes bottom-appear {
 
−
  from {border-bottom: 5px transparent solid;}
 
−
  to { border-bottom: 5px green solid;}
 
−
}
 
−
 
−
/* Makes dropdown visible when hovered */
 
−
.dropdown:hover>.dropdown-menu {
 
−
  display: block;
 
−
}
 
−
 
 
</style>
 
</style>
 
<body>
 
<body>
Line 51: Line 33:
 
</div>
 
</div>
 
</body>
 
</body>
 +
</html>
 +
{{:Team:Mingdao/navbar}}
 +
<html>
 +
<body>
 +
<div class="row background-white">
 +
<div class="col-2 m-5">
 +
  <div class="path-btns" style="left:0;">
  
−
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;">
+
      <div class="path" style="height:60px">
−
  <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">
+
        <div class="pathSvg">
−
    <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
+
          <svg width="80" height="60">
−
    Mingdao
+
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
−
  </a>
+
          </svg>
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
        </div>
−
    <span class="navbar-toggler-icon"></span>
+
        <div id="regula-m-btn" class="path-dot" style="background-color: rgb(56, 94, 102);"></div>
−
  </button>
+
        <div class="pathWord path-word-sm" style="height:60px;">
 +
          <p>Overview</p>
 +
        </div>
 +
        </div>
  
−
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
      <div class="path" style="height:60px">
−
    <ul class="navbar-nav mr-auto">
+
         <div class="pathSvg">
−
      <li class="nav-item">
+
           <svg width="80" height="60">
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao">Home <i class="fa fa-home" aria-hidden="true"></i></a>
+
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
−
      </li>
+
           </svg>
−
      <li class="nav-item">
+
−
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Description">Project <i class="fa fa-file-word-o" aria-hidden="true"></i></a>
+
−
      </li>
+
−
      <li class="nav-item">
+
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Demonstrate">Experiment <i class="fa fa-flask" aria-hidden="true"></i></a>
+
−
      </li>
+
−
      <li class="nav-item">
+
−
        <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Model">Modeling <i class="fa fa-bar-chart" aria-hidden="true"></i></a>
+
−
      </li>
+
−
      <li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Applied_Design" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
           Prototype <i class="fa fa-wrench" aria-hidden="true"></i>
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Applied_Design">Introduction</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/CAir">CAir™</a>
+
−
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/CAir_Pro">CAir Pro™</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Application">Application</a>
+
 
         </div>
 
         </div>
−
      </li>
+
         <div id="photo-c-btn" class="path-dot" style="top: 60px; background-color: rgb(255, 255, 255);"></div>
−
      <li class="nav-item">
+
         <div class="pathWord path-word-sm" style="top:50px;">
−
         <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Achievement">Achievement <i class="fa fa-trophy" aria-hidden="true"></i></a>
+
           <p>Motivation</p>
−
      </li>
+
−
      <li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Parts" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Parts <i class="fa fa-puzzle-piece" aria-hidden="true"></i>
+
−
        </a>
+
−
         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Basic_Part">Basic Parts</a>
+
−
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Composite_Part">Composite Parts</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Part_Collection">Part Collection</a>
+
 
         </div>
 
         </div>
−
      </li>
 
−
      <li class="nav-item dropdown">
 
−
        <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Notebook" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          Notebook <i class="fa fa-book" aria-hidden="true"></i>
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Notebook">Notebook</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Safety">Safety</a>
 
 
         </div>
 
         </div>
−
      </li>
+
 
−
       <li class="nav-item dropdown">
+
       <div class="path" style="height:60px">
−
         <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Human_Practices" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
         <div class="pathSvg">
−
          HP <i class="fa fa-handshake-o" aria-hidden="true"></i>
+
          <svg width="80" height="60">
−
         </a>
+
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
−
         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
          </svg>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Human_Practices">Integrated Human Practices</a>
+
         </div>
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Public_Engagement">Education and Public Engagement</a>
+
         <div id="goal-c-btn" class="path-dot" style="top: 120px; background-color: rgb(255, 255, 255);"></div>
−
           <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Entrepreneurship">Entrepreneurship</a>
+
        <div class="pathWord path-word-sm">
 +
           <p>Project Design</p>
 
         </div>
 
         </div>
−
      </li>
 
−
      <li class="nav-item dropdown active">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          Team <i class="fa fa-user-circle" aria-hidden="true"></i>
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Team">Members</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a>
 
 
         </div>
 
         </div>
−
      </li>
 
  
−
    </ul>
+
      <div class="path" style="height:60px">
−
  </div>
+
        <div class="pathSvg">
−
</nav>
+
          <svg width="80" height="60">
−
</html>
+
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="risk-s-btn" class="path-dot" style="top: 180px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Prototype Development</p>
 +
        </div>
 +
        </div>
  
 +
      <div class="path" style="height:60px">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="60">
 +
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="manage-t-btn" class="path-dot" style="top: 240px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Conclusion</p>
 +
        </div>
 +
        </div>
  
 +
      <div class="path" style="height:60px">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="60">
 +
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="overview-btn" class="path-dot" style="top: 300px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Public Engagement</p>
 +
        </div>
 +
        </div>
  
 +
    <div class="path" style="height:60px">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="60">
 +
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="biotech-btn" class="path-dot" style="top: 360px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Biotech Workshop</p>
 +
        </div>
 +
        </div>
  
 +
      <div class="path" style="height:60px">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="60">
 +
            <rect x="36" y="20" width="6" height="40" style="fill:#385e66"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="public-btn" class="path-dot" style="top: 420px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Public Awareness</p>
 +
        </div>
 +
        </div>
  
 +
    <div class="path" style="height:60px">
 +
        <div class="pathSvg">
 +
          <svg width="80" height="60">
 +
            <rect x="36" y="20" width="6" height="40" style="fill:#ffffff"></rect>
 +
          </svg>
 +
        </div>
 +
        <div id="conclusion-btn" class="path-dot" style="top: 480px; background-color: rgb(255, 255, 255);"></div>
 +
        <div class="pathWord path-word-sm">
 +
          <p>Conclusion</p>
 +
        </div>
 +
        </div>
  
  
 +
</div>
 +
        </div>
 +
     
 +
<div class="col-8 my-5 mr-5 ml-0">
 +
<h1 id ="d-regula">Best Basic parts</h1>
  
  
Line 151: Line 166:
  
  
 +
 +
 +
 +
 +
 +
</body>
 +
</html>
  
 
{{:Team:Mingdao/test9}}
 
{{:Team:Mingdao/test9}}

Revision as of 07:04, 18 October 2019

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗
Responsive image

Overview

Motivation

Project Design

Prototype Development

Conclusion

Public Engagement

Biotech Workshop

Public Awareness

Conclusion

Best Basic parts