Copy Html Code

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>google gmail</title>
</head>
<body>

<img class="googleimage" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png" alt="loading image">
        <h1 class="Signin">Sign in</h1>
        <h1 class="UseyourGoogleAccount">Use your Google Account</h1>
        <input type="email" name="email" class="emaild" placeholder="Email Or Phone" id="">
      <br>
      <br>
        <a class="forgrtemai" href="">Forgot email?</a>
        <br>
        <br>
        <br>
        <span class="not">Not your computer? Use a Private Window to sign in.</span>
        <a class="learnmore" href="">Learn more</a>
        <br>
        <br>
        <br>
        <br> <a class="learnmore" href="">Creat account</a>       <button class="next"> <a class="text" href="https://www.facebook.com/">Next</a></button>

</div>

</body>
</html>

Copy Css Code

*{
    padding: 0px;
    margin: 0px;
}
.Signin{
    color: #202124;
    padding-bottom: 0;
    padding-top: 16px;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3333;
    margin-bottom: 0;
    margin-top: 0;
}
.UseyourGoogleAccount{
    color: #202124;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 1.5;
    padding-bottom: 0;
    padding-top: 8px;
}
.loginbox{
    border: 0.1px solid rgb(228, 226, 226);
    border-radius: 7px;
    margin-left: 35%;
    margin-top: 170px;
    width: 450px;
    height: 533px;
    background-color: rgb(255, 255, 255);
}
.googleimage{
    padding-top: 38px;
    margin-left: 184px;
    height: 32px;
}
.Signin{
    text-align: center;
}
.UseyourGoogleAccount{
    text-align: center;
    color: #202124;
    padding-bottom: 0;
    padding-top: 16px;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.3333;
    margin-bottom: 0;
    margin-top: 0;
}
.emaild{
    margin-top: 16px;
    margin-left: 63px;
    margin-top: 13px;
    width: 344px;
    border: none;
    outline: 2px solid rgb(42, 134, 255);

border-radius: 4px;
   
     font-size: 16px;
    height: 21px;
    margin: 11px 41px 0 30px;
    padding: 13px 15px;
   
  
}

.forgrtemai{
    margin-left: 25px;
    text-align: center;
    text-decoration: none;
     
    border-radius: 4px;
    color: #1a73e8;
    font-weight: 500;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    padding: 0;
  display: inline-block;
font-weight: 500;
    border: 0;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;

}
.not{
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;

padding-bottom: 3px;
    margin-left: 25px;
    padding-top: 9px;
    color: #5f6368;
    font-size: 14px;
  
  
}

.learnmore{
    margin-left: 25px;
    text-align: center;
    text-decoration: none;
     
    border-radius: 4px;
    color: #1a73e8;
    font-weight: 500;
    outline: 0;
    background-color: transparent;
    font-size: inherit;
    padding: 0;
  display: inline-block;
font-weight: 500;
    border: 0;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;

}
.next{
    border-radius: 2px;
    margin-left: 114px;
    background-color: #1a73e8;
    border: none;
    outline: none;
    color: #ffffff;
    width: 84px;
    padding: 8px;
    text-decoration: none;
  
  
}
.text{
    text-align: center;
  
    color: white;
    font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif;
    text-decoration: none;
}

MILAN YADAV

google login page html code | google login page clone

Copy Html Code

0 Comments

Contact Info

Contact List

Contact Form