Difference between revisions of "Team:ASIJ TOKYO"

Line 26: Line 26:
 
<!-- Navbar -->
 
<!-- Navbar -->
 
<div class="w3-top">
 
<div class="w3-top">
   <div class="w3-bar w3-red w3-card-2 w3-left-align w3-large">
+
   <div class="w3-bar w3-blue w3-card-2 w3-left-align w3-large">
     <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
+
     <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-blue” href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
 
     <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
 
     <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
  
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team/html/">Teaml</a>
+
 
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Team</a>
+
    <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Project</a>
     <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Project</a>
+
     <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Parts</a>
     <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Parts</a>
+
     <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Team</a>
     <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Safety</a>
+
     <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Safety</a>
  
 
   </div>
 
   </div>
Line 48: Line 48:
  
 
<!-- Header -->
 
<!-- Header -->
<header class="w3-container w3-red w3-center" style="padding:128px 16px">
+
<header class="w3-container w3-blue w3-center" style="padding:128px 16px">
 
   <h1 class="w3-margin w3-jumbo">START PAGE</h1>
 
   <h1 class="w3-margin w3-jumbo">START PAGE</h1>
 
   <button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button>
 
   <button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button>
Line 66: Line 66:
  
 
     <div class="w3-third w3-center">
 
     <div class="w3-third w3-center">
       <i class="fa fa-anchor w3-padding-64 w3-text-red"></i>
+
       <i class="fa fa-anchor w3-padding-64 w3-text-blue”></i>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 75: Line 75:
 
   <div class="w3-content">
 
   <div class="w3-content">
 
     <div class="w3-third w3-center">
 
     <div class="w3-third w3-center">
       <i class="fa fa-coffee w3-padding-64 w3-text-red w3-margin-right"></i>
+
       <i class="fa fa-coffee w3-padding-64 w3-text-blue w3-margin-right"></i>
 
     </div>
 
     </div>
  

Revision as of 04:10, 28 June 2017

W3.CSS Template

START PAGE

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Quote of the day: live life