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;
}
index.html Gamezy.. Gamezy Home BGMI FreeFire CallOfDuty ContactUs Search The Gamezy Platform for all gamers... Lorem ipsum dolor, sit amet consectetur adipisicing elit. laborum eos numquam pariatur doloribus quaerat doloremque possimus ad Ipsam obcaecati nesciunt repellendus aliquam commodi placeat, magnam itaque asperiores perspiciatis velit quis. Amet. Join Us Login Here Login Don't have an account SignUp here Log In with ...
Comments
Post a Comment