gmail login page source code

Keywords | gmail login page html code, gmail login page code, source code of gmail login page, gmail login page source code

Gmail Login Page HTML Code

Gmail is without a doubt one of the tops and greatest email service supplier on the planet. Almost every internet users of the world use GMAIL for their email services. Almost every web designer wanted to know how to design Gmail style login page with very easy steps. In this blog post, I will share Gmail login page source code.

Gmail Login Page Source Code Download

The following example can help you to build a clone of Gmail login page. Find the gmail login page html code below:-

<html>
<head>
    <link type="text/css" rel="stylesheet" href="style.css" />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
    <title>Gmail login page source code download</title>
</head>
<body>
    <center>
        <div class="base">
            <div id="logo">
                <img src="logo.png" width="118" height="38" />
            </div>
            <div id="info1">
                One account. All of Google.
            </div>
            <div id="info2">
                Sign in to continue to Gmail
            </div>
            <div id="form1">
                <div id="form-img">
                    <img src="profile-img.png" width="99" height="99" />
                </div>
                <div id="mailbox">
                    <input placeholder="Enter or phone" type="mail" name="name" style="width:270px; height:42px; border: solid 1px #c2c4c6; font-size:16px; padding-left:8px;" />
                </div>
                <div>
                    <input type="submit" id="button2" value="Next" />
                </div>
                <div id="info3">
                    <a href="#">Need help?</a>
                </div>
            </div>
            <div id="info4">
                <a href="#">Create account</a>
            </div>
            <div id="info5">
                One Google Account for everything Google
            </div>
            <div>
                <img src="footer-logo.png" id="logo2" />
            </div>

            <div id="bottom">

            </div>
        </div>
    </center>
</body>
</html>

Gmail Source Code Download

What do you think?

I hope you liked this article. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.

1 COMMENT

  1. hi i want to get complete code of gmail login.
    problem i am facing . once i click in next button its not redirecting to password screen (i am using lotus domino ) urgent help required

LEAVE A REPLY

Please enter your comment!
Please enter your name here