Difference between revisions of "Team:CPU CHINA/Templates/NavFoot"

Line 1: Line 1:
−
<html>
+
 
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
Line 222: Line 222:
 
<script src="https://2017.igem.org/Team:CPU_CHINA/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:CPU_CHINA/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:CPU_CHINA/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:CPU_CHINA/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
−
</html>
 

Revision as of 09:27, 26 October 2017

<head> <meta charset="UTF-8"> 

   <meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/bootstrap?action=raw&ctype=text/css"> <style> .top{ 

   position: fixed;
   width: 100%;
   top: 20px;
   left: 0;
   z-index: 200;
   background-color: white;

} .my-nav{ 

   width: 75%;
   margin: 0 auto;

} .my-nav .btn-group{ 

   width: 13.7%;

} .my-nav .btn-group button{ 

   border: none;
   color: rgb(182,190,168);
   width: 100%;
   padding: 25px 35px;
   letter-spacing: .15em;
   border-radius: 0;

} .my-nav .btn-group button:hover{ 

   border: none;
   color: rgb(10,64,43);
   background-color: white;

} .btn-group.open .dropdown-toggle{ 

   box-shadow:none;

}

  1. top_title{
   display:none !important;

}

  1. sideMenu{
   display:none !important;

} .top img{ 

   position: fixed;
   top: 0;
   left: 5%;
   width:70px;
   height:70px;

} .body-container{ 

   padding-top: 70px;
   padding-bottom: 50px;
   background-color: rgb(235,235,232);

   width: 90%;
   margin:0 auto;

} .body-footer{ 

   background-color: white;

} .body-footer .else-contact{ 

   width: 50%;
   padding-top: 40px;
   text-align: center;
   color: #0A402B;
   margin: 0 auto;
   font-family: 'New Baskerville,Times,serif';

} .body-footer .else-contact .col-md-4{ 

   border-right: 1px solid #ebebe8;

} .body-container{ 

   color:#0a402b;

} .body-container h1{ 

   padding:20px;
   font-size: 50px;
   text-align: center;
   letter-spacing: .1em;
   font-weight: 600;

} .foot-title{ 

   font-size: 12px;
   line-height: 1.71429;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 2px;
   display: block;
   letter-spacing: .4em;

} .foot-content{ 

   cursor: pointer;
   transition: color .25s ease,opacity .25s ease,border .25s ease

} .my-footer{ 

   position: fixed;
   bottom: 0;
   left: 0;
   background-color: white;
   height:40px;
   width: 100%;

} </style> </head> <body> 

       <img src="./img/logo/teamLogo.gif">

               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Project
                   
               </button>
  • <a href="#">Description</a>
  • <a href="#">Design</a>
  • <a href="#">Experiment</a>
  • <a href="#">Results</a> 
               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                   style="letter-spacing: 0em">
                   Humanpractive
                   
               </button>
  • <a href="#">Sliver Hp</a>
  • <a href="#">Intergrated and Gold Hp</a>
  • <a href="#">Education and Public Engagement</a> 
               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Parts
                   
               </button>
  • <a href="#">Parts</a>
  • <a href="#">Basic Parts</a>
  • <a href="#">Improved Parts</a> 
               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Modeling
                   
               </button>
  • <a href="#">Overview</a>
  • <a href="#">Specific Modeling</a> 
               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Lab
                   
               </button>
  • <a href="#">Notebook</a>
  • <a href="#">Safety</a>
  • <a href="#">Interlab</a> 
               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Team
                   
               </button>
  • <a href="#">Team</a>
  • <a href="#">Attributions</a>
  • <a href="#">Collaborations</a> 
               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Achievement
               </button>

</body> <script src="https://2017.igem.org/Team:CPU_CHINA/js/jquery?action=raw&ctype=text/javascript"></script> <script src="https://2017.igem.org/Team:CPU_CHINA/js/bootstrap?action=raw&ctype=text/javascript"></script>