Difference between revisions of "Template:Team:Tec-Chihuahua/header2.0"

(Created page with "<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Erwinions - Awards</title> <link href="css/style.css" type="text/css" rel="stylesheet"> <link...")
 
Line 5: Line 5:
  
 
<title>Erwinions - Awards</title>
 
<title>Erwinions - Awards</title>
−
        <link href="css/style.css" type="text/css" rel="stylesheet">
+
 
 
         <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 
</head>
 
</head>
Line 72: Line 72:
 
             </ul>
 
             </ul>
 
         </nav>
 
         </nav>
−
       
+
             
−
        <div class="content">
+
−
            <div class="parallax-bg">
+
−
                <h1>Awards</h1>
+
−
                <h3></h3>
+
−
            </div>
+
−
        </div>
+
−
       
+
 
          
 
          
 
          
 
          
Line 114: Line 107:
  
 
</body>
 
</body>
 +
<style>* {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
/*-- Fonts --*/
 +
@font-face{
 +
    font-family: wolf;
 +
    src: url('../fonts/WolfintheCityLight.ttf');
 +
}
 +
 +
 +
 +
/*-- Nav Bar Display --*/
 +
nav {
 +
    position: fixed;
 +
    width: 100%;
 +
    top: 0;
 +
    background-color: #fff;
 +
    text-align: center;
 +
    padding: 10px 0;
 +
    transition: all 0.5s ease;
 +
    align-content: right;
 +
}
 +
 +
nav.hidden {
 +
    transform: translate3d(0,-100%,0);
 +
}
 +
 +
nav ul li {
 +
    margin-right: 0px;
 +
}
 +
 +
nav ul{
 +
    margin: 0px;
 +
    padding: 0px;
 +
    list-style: none;
 +
}
 +
 +
nav ul li{
 +
    float: left;
 +
    width: 165px;
 +
    height: 40px;
 +
    background-color: #fff;
 +
    color: #000;
 +
    opacity: .9;
 +
    line-height: 40px;
 +
    text-align: center;
 +
    font-size: 15px;
 +
}
 +
 +
nav ul li a{
 +
    text-decoration: none;
 +
    color: #000;
 +
    display: block;
 +
    font-family: 'Lato',sans-serif;
 +
    text-align: center;
 +
}
 +
 +
nav ul li a:hover{
 +
    background-color: #000;
 +
    color: #fff;
 +
}
 +
 +
nav ul li ul li{
 +
    display: none;
 +
}
 +
 +
nav ul li:hover ul li{
 +
    display: block;
 +
}
 +
 +
 +
 +
 +
/*-- content --*/
 +
.content {
 +
    padding-top: 30px;
 +
    background-position:left top;
 +
    background-color:#fff;
 +
    background-attachment:fixed;
 +
    background-repeat:repeat;
 +
    background-size: cover;   
 +
}
 +
 +
.content h1{
 +
    font-family: 'Century Gothic',sans-serif;
 +
    color: #f9f3f4;
 +
    font-size: 500%;
 +
    text-shadow: 9px 9px 15px #000;
 +
}
 +
.content h3{
 +
    font-family: 'Century Gothic',sans-serif;
 +
    color: #f9f3f4;
 +
    font-size: 200%;
 +
    text-shadow: 9px 9px 15px #000;
 +
    text-align: center;
 +
}
 +
 +
 +
.parallax-bg {
 +
    padding: 250px 0;
 +
    background-image: url(../imgs/index%20bg.jpg);
 +
    background-size: cover;
 +
    background-attachment: fixed;
 +
    -webkit-transition: all 0.2s ease;
 +
    -moz-transition: all 0.2s ease;
 +
    transition: all 0.2s ease;
 +
}
 +
           
 +
.parallax-bg h1 {
 +
    text-align: center;
 +
    color: #fff;
 +
    font-size: 180px;
 +
    font-family: wolf;
 +
}
 +
 +
 +
 +
/*-- Team Galery --*/
 +
.pimg1, .pimg2, .pimg3, .pimg4, .pimg5, .pimg6, .pimg7, .pimg8, .pimg9, .pimg10, .pimg11{
 +
  position:relative;
 +
  opacity:0.90;
 +
  background-position:center;
 +
  background-size:cover;
 +
  background-repeat:no-repeat;
 +
    background-color: red;
 +
    z-index: -2;
 +
 +
  /*
 +
    fixed = parallax
 +
    scroll = normal
 +
  */
 +
  background-attachment:fixed;
 +
}
 +
 +
/*-- Team Pictures --*/
 +
.pimg1{
 +
  background-image:url('../imgs/team/Alejandro.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg2{
 +
  background-image:url('../imgs/team/Andrea.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg3{
 +
  background-image:url('../imgs/team/Vivian.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg4{
 +
  background-image:url('../imgs/team/Joel%20Orlando.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg5{
 +
  background-image:url('../imgs/team/Maria%20Elena.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg6{
 +
  background-image:url('../imgs/team/Jose%20Luis.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg7{
 +
  background-image:url('../imgs/team/Angel%20David.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg8{
 +
  background-image:url('../imgs/team/Jose%20Pablo.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg9{
 +
  background-image:url('../imgs/team/Armando.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg10{
 +
  background-image:url('../imgs/team/Gabriel.JPG');
 +
  min-height:500px;
 +
}
 +
 +
.pimg11{
 +
  background-image:url('../imgs/team/Jose%20Luis%202.JPG');
 +
  min-height:500px;
 +
}
 +
 +
 +
 +
.section{
 +
  text-align:center;
 +
  padding:50px 80px;
 +
}
 +
 +
.section-light{
 +
  background-color:#f4f4f4;
 +
  color:#282e34;
 +
}
 +
 +
.section-light h1{
 +
    font-family: lato;
 +
    font-size: 300%
 +
}
 +
 +
.section-dark{
 +
  background-color:#282e34;
 +
  color:#ddd;
 +
    font-family: lato;
 +
    font-size: 125%
 +
}
 +
 +
.ptext{
 +
  position:absolute;
 +
  top:50%;
 +
  width:100%;
 +
  text-align:center;
 +
  color:#000;
 +
  font-size:27px;
 +
  letter-spacing:8px;
 +
  text-transform:uppercase;
 +
}
 +
 +
.ptext .border{
 +
  background-color:#111;
 +
  color:#fff;
 +
  padding:20px;
 +
    font-family: Lato;
 +
    font-size: 150%;
 +
    text-shadow: 9px 9px 15px #000;
 +
   
 +
}
 +
 +
.ptext .border.trans{
 +
  background-color:transparent;
 +
}
 +
 +
@media(max-width:568px){
 +
  .pimg1, .pimg2, .pimg3{
 +
    background-attachment:scroll;
 +
  }
 +
}
 +
</style>
 
</html>
 
</html>

Revision as of 15:52, 24 October 2017

<!DOCTYPE html> Erwinions - Awards