Difference between revisions of "Team:ULV-LC-CV"

Revision as of 23:17, 5 July 2016

    <meta charset="UTF-8">
    <title>ULV-LC-CV</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>
     html {
   background-color: #;
   background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
   background-image: url(); 
   rgb(230,233,233) 0%,rgb(216,221,221) 100%);
   -webkit-font-smoothing: antialiased;

} /* modifies main html section */

/* Snippet fopr the navigation area */ @import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800); .snip1226 {

 font-family: 'Raleway', Arial, sans-serif;
 text-align: left;
   font-size: 0.8em;
 text-transform: uppercase;
 font-weight: 500;

} .snip1226 * {

 box-sizing: border-box;
 -webkit-transition: all 0.35s ease;
 transition: all 0.35s ease;

} .snip1226 li {

 display: inline-block;
 list-style: outside none none;
 margin: 0 0.4em;
 overflow: hidden;

} .snip1226 a {

 padding: 0.3em 0;
 color: *rgba(255, 255, 255, 0.5);
 position: relative;
 display: inline-block;
 letter-spacing: 0.5px;
 margin: 0;
 text-decoration: none;

} .snip1226 a:before, .snip1226 a:after {

 position: absolute;
 -webkit-transition: all 0.35s ease;
 transition: all 0.35s ease;

} .snip1226 a:before {

 bottom: 100%;
 display: block;
 height: 3px;
 width: 100%;
 content: "";
 background-color: #e67e22;

} .snip1226 a:after {

 padding: 0.3em 0;
 position: absolute;
 bottom: 100%;
 left: 0;
 content: attr(data-hover);
 color: saddlebrown;
 white-space: nowrap;

} .snip1226 li:hover a, .snip1226 .current a {

 transform: translateY(100%);

} /* Demo purposes only */ body {

 background-color: #212121;
 padding: 50px 0;

} /* Ending of the nav snippet */

  </style>
  </head>

<header> <nav>

• <a href="index.html" data-hover="Home">Home</a>
• <a href=".html" data-hover="TEAM">TEAM</a>
• <a href=".html" data-hover="Project">Project</a>
• <a href=".html" data-hover="Parts">Parts</a>
• <a href=".html" data-hover="Safety">Safety</a>
• <a href=".html" data-hover="Attributions">Attributions</a>
• <a href=".html" data-hover="Human Practices">Human Practices</a>
• <a href=".html" data-hover="Notebook">Notebook</a>
• <a href=".html" data-hover="Awards">Awards</a>

  </nav>

</header>

</html> -->