index.html
Gamezy..
The Gamezy
Platform for all gamers...
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Join Us
style.css
*{
margin: 0;
padding: 0%;
}
.main{
width: 100%;
background-image: url(bgmi.jpg);
height: 665px;
background-position: center;
background-size: cover;
}
.navbar{
width: 1200px;
height: 75px;
margin: auto;
}
.icon{
width:200px;
float: left;
height: 70px;
}
.logo{
color: #f76707;
font-size: 50px;
font-family: Georgia, 'Times New Roman', Times, serif;
padding-left: 5px;
margin-left: -110px;
float: left;
padding-top: 7px;
}
.menu{
width: 400px;
float: left;
height: 70px;
}
ul{
float: left;
display: flex;
justify-content: center;
align-items: center;
}
ul li{
list-style: none;
margin-left: 38px;
margin-top: 35px;
font-size: 18px;
}
ul li a{
text-decoration: none;
color: white;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: bold;
transition: 0.4s ease-in-out;
}
ul li a:hover{
color:rgb(255, 133, 34)
}
.search{
width: 330px;
float: left;
margin-left: 210px;
}
.srch{
font-family: 'Times New Roman', Times, serif;
width: 200px;
height: 40px;
background: transparent;
border: 2px solid #ff7200;
margin-top: 25px;
color: white;
border-right: none;
font-size: 16px;
float: left;
padding: 10px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.btn{
width: 120px;
height: 40px;
background: #ff2700;
border: 2px solid #ff7200;
margin-top: 25px;
color: white;
font-size: 20px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
}
.btn:focus{
outline: none;
}
.srch:focus{
outline: none;
}
.content{
width: 1200px;
height: auto;
color: white;
margin: auto;
position: relative;
}
.content .para1{
padding-left: 20px;
padding-bottom: 25px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1.2px;
line-height: 30px;
}
.content h1{
font-family: 'Times New Roman';
font-size: 55px;
padding-left: 20px;
margin-top: 9%;
letter-spacing: 2px;
}
h2{
padding-left: 20px;
font-size: 30px;
color: whitesmoke;
}
.content .cn{
width: 160px;
height: 40px;
background: #ff7200;
border: none;
margin-bottom: 10px;
margin-left: 20px;
font-size: 20px;
border-radius: 10px;
cursor: pointer;
transition: .4s ease;
}
.content .cn a{
text-decoration: none;
color: black;
transition: .3s ease;
}
.cn:hover{
background-color: white;
}
.form{
width: 250px;
height: 380px;
background: linear-gradient(to top, rgba(0,0,0,0.8)50%, rgba(0,0,0,0.8)50%);
position: absolute;
top: -20px;
left: 883px;
border-radius: 10px;
padding: 25px;
}
.form h2{
width: 220px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
color: #ff7200;
font-size: 22px;
background-color: white;
border-radius: 10px;
margin: 2px;
padding: 8px;
}
.form input{
width: 240px;
height: 35px;
background: transparent;
border-bottom: 1px solid #ff7200;
border-top: none;
border-left: none;
border-right: none;
color: white;
font-size: 15px;
letter-spacing: 1px;
margin-top: 30px;
font-family: sans-serif;
}
.form input:focus{
outline: none;
}
::placeholder{
color: white;
font-family: Arial, Helvetica, sans-serif;
}
.lbtn{
width: 240px;
height: 40px;
background: #ff7200;
border: none;
margin-top: 30px;
font-size: 18px;
border-radius: 10px;
color: #fff;
cursor: pointer;
transition: .4s ease;
}
.lbtn:hover{
background: white;
color: orangered;
}
.lbtn a{
text-decoration: none;
color: black;
font-weight: bold;
}
.form .link{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
padding-top: 20px;
text-align: center;
}
.form .link a{
text-decoration: none;
color:#f76707
}
.login{
padding-top: 15px;
padding-bottom: 10px;
text-align: center;
}
.icon a{
text-decoration: none;
color: white;
}
.icon{
position: relative;
padding-left: 60px;
}
.icon ion-icon{
color: white;
font-size: 30px;
padding-top: 5px;
padding-left: 5px;
text-align: center;
}
Comments
Post a Comment