LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

  
LOGO
  • HOME
  • ABOUT
  • CONTACT
  • SERVICES
CSS
body{
  height:700px;
   width:100%;
  
  margin:0;
  padding:0;
  background: radial-gradient(ellipse farthest-corner at left top, #f35464 30%, #841F4B 100%);
}
.the-list header{
   transition: all 1s ;
  float:right;
  margin-right:200px;
 font-family: Andale Mono, monospace;
  border:1px solid white;
  padding-top:10px;
  padding-left:25px;
  padding-right:25px;
  padding-bottom:10px;
  color:white;
  border-radius:10px 10px 10px 10px;
}
.the-list ul{
  margin-left:20px;
}
.the-list ul li{display:inline-block;
   margin-left:30px;
  width:50px;
  padding-top:5px;
  padding-left:22px;
  padding-right:30px;
  cursor:pointer;
  padding-bottom:10px;
 border:1px solid white;
  border-radius:10px 10px 10px 10px;
  color:white;
    transition: all 1s ;
   font-family: Andale Mono, monospace;
}




/***************************************/
.sign-up{
  position:relative;
  box-shadow:5px 5px 20px black,-5px -5px 20px black;
  width:450px;
  height:450px;
  margin-top:50px;
  margin-left:450px;
  
}
.sign-up header{
   font-family: Andale Mono, monospace;
  color:white;
  font-size:32px;
  margin-left:160px;
  margin-top:20px;
  cursor:pointer;
  transition: all 1s ;
}
 input[type=text]{
   color:white;
   text-align:center;
  margin-left:60px;
   margin-top:25px;
   height:40px;
   width:340px;
   font-size:25px;
   outline:none;
   border:none;
   border-bottom:2px solid white;
   background-color:transparent;
   font-family: Andale Mono, monospace;
}
 input[type=email]{
    color:white;
   text-align:center;
    margin-left:60px;
   margin-top:25px;
   height:40px;
   width:340px;
   font-size:25px;
   outline:none;
   border:none;
   border-bottom:2px solid white;
   background-color:transparent;
   font-family: Andale Mono, monospace;
}
input[type=password]{
   color:white;
   text-align:center;
  margin-left:60px;
   margin-top:25px;
   height:40px;
   width:340px;
   font-size:25px;
   outline:none;
   border:none;
   border-bottom:2px solid white;
   background-color:transparent;
  font-family: Andale Mono, monospace;
}
input[type=checkbox]{
  height:25px;
  width:20px;
  margin-left:100px;
  margin-top:25px;
  font-family: Andale Mono, monospace;
}
.sign-up span{
  position:absolute;
  top:340px;
  color:white;
  font-size:20px;
  font-family: Andale Mono, monospace;
}
input[type=submit]{color:white;
   text-align:center;
  transition: all 1s ;
   margin-top:23px;
   height:60px;
   width:450px;
   font-size:25px;
    border:none;
    outline:none;
    background-color:rgba(0,0,0,0.7);
  font-family: Andale Mono, monospace;
  cursor:pointer;
}
.the-list ul li:hover{
    
    background-color:white;
    color:black;
}
.the-list header:hover{
   background-color:white;
    color:black;
}
input[type=submit]:hover{
     background-color:white;
    color:black;
}
}
placeholder {
  color: white;
  font-size: 1.5em;
}

Description

this is a simple sign up form using html5 and css3
Term
Sat, 01/13/2018 - 16:14

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv