r
Download Gmail login Page like Duplicate gmail in Html CSS

Download Gmail login Page like Duplicate gmail in Html CSS

Unknown 11:41
Unknown
Code for Create Complete Gmail Login page using HTML CSS:-  

Recommanded Articles for you

Google Recruitment 2017 for freshers – Apply for Google Jobs

IBM Recruitment 2017 for Freshers – Apply for IBM Jobs 2017


Google Interview Questions and Answers -Hiring Process & Sample Papers

Build a Tagging system with HTML Bootstrap Tagsinput library

Login with Facebook in Laravel 5.5 Socialite – Complete Source Code

TCS Technical Interview Questions and Answers – PDF DOWNLOAD

Search functionality in Laravel 5.5 With Pagination – Source Code

TCS Placement Papers and Online Test Pattern 2017-18 – Free PDF Download

How to : Create Beautiful Analog & Digital Clock in HTML5 and CSS3


We've launched a New Technical Blog for Web Blogging and Complete tips and Tricks, Module Download Source codes

Please visit:- Technology Shouters 

https://www.technologyshouters.com/


https://www.technologyshouters.com/

https://www.technologyshouters.com/


Download Code here:-Click here to Download


<html>
<head>
<title>Gmail login page</title>
<meta charset="UTF-8">
<meta name="description" content="Gmail login page">
<meta name="keywords" content="HTML,CSS,gmail">
<meta name="author" content="Krishna">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
      <link rel="icon" type="image/ico" href="image/google.ico"/>
<body>
<div class="wrapper">
<div class="topwrapper">
<img src="image/google.png" alt="googlelogo">
</div>
<div class="banner">
 <h1>
One account. All of Google.
 </h1>
 <h2 class="small">
Sign in to continue to Gmail
</h2>
</div>
<div class="main">
  <div class="login-card">
<div class="circle-mask">
<img src="image/image.png">

 </div>
                      <br><br>
 <form>
<input type="text" name="user" placeholder="Enter Your Email">
<input type="submit" name="login" class="login login-submit" value="Next">
 </form>
                              <a href="#" class="need-help">
                               <b>Need help?</b>
                              </a>
 </div>
                       <div class="one-google">
                        <p class="create-account">
                            <span id="link-signup">
                            <a href="">
                            Create account
                            </a>
                           </span>
                        </p>
                        <p class="tagline">
                        One Google Account for everything Google
                      </p>
                      <div class="logo-strip">
                        <img src="image/gmailfooterpic.JPG">
                      </div>
                  </div>

         </div>


            </div>
         <div class="gmail-footer">
                    <div id="left-footer">
                      <ul id="footer-list">
                          <li>
                          <a target="_blank" href="#">
                          About Google
                          </a>
                          </li>
                          <li>
                          <a target="_blank" href="#">
                          Privacy
                          </a>
                          </li>
                          <li>
                          <a target="_blank" href="#">
                          Terms
                          </a>
                          </li>
                          <li>
                          <a target="" href="#">
                          Help
                          </a>
                          </li>
                          </ul>
                    </div>
                    <div id="right-footer">
                      <label for="lang-chooser"><img alt="Change language" src="image/ping.png"></label>
              <select name="lang-chooser" class="lang-chooser" id="lang-chooser">
              <option value="af">
              ‪Afrikaans‬
              </option>
              <option value="az">
              ‪azərbaycan dili‬
              </option>
              <option value="ms">
              ‪Bahasa Melayu‬
              </option>
              <option value="ca">
              ‪català‬
              </option>
              <option value="cs">
              ‪Čeština‬
              </option>
              <option value="da">
              ‪Dansk‬
              </option>
              <option value="de">
              ‪Deutsch‬
              </option>
              <option value="et">
              ‪eesti‬
              </option>
              <option value="en-GB">
              ‪English (United Kingdom)‬
              </option>
              <option selected="selected" value="en">
              ‪English (United States)‬
              </option>
              <option value="es">
              ‪Español (España)‬
              </option>
              <option value="es-419">
              ‪Español (Latinoamérica)‬
              </option>
              <option value="eu">
              ‪euskara‬
              </option>
              <option value="fil">
              ‪Filipino‬
              </option>
              <option value="fr-CA">
              ‪Français (Canada)‬
              </option>
              <option value="fr">
              ‪Français (France)‬
              </option>
              <option value="gl">
              ‪galego‬
              </option>
              <option value="hr">
              ‪Hrvatski‬
              </option>
              <option value="in">
              ‪Indonesia‬
              </option>
              <option value="zu">
              ‪isiZulu‬
              </option>
              <option value="is">
              ‪íslenska‬
              </option>
              <option value="it">
              ‪Italiano‬
              </option>
              <option value="sw">
              ‪Kiswahili‬
              </option>
              <option value="lv">
              ‪latviešu‬
              </option>
              <option value="lt">
              ‪lietuvių‬
              </option>
              <option value="hu">
              ‪magyar‬
              </option>
              <option value="nl">
              ‪Nederlands‬
              </option>
              <option value="no">
              ‪norsk‬
              </option>
              <option value="pl">
              ‪polski‬
              </option>
              <option value="pt">
              ‪Português (Brasil)‬
              </option>
              <option value="pt-PT">
              ‪português (Portugal)‬
              </option>
              <option value="ro">
              ‪română‬
              </option>
              <option value="sk">
              ‪Slovenčina‬
              </option>
              <option value="sl">
              ‪slovenščina‬
              </option>
              <option value="fi">
              ‪Suomi‬
              </option>
              <option value="sv">
              ‪Svenska‬
              </option>
              <option value="vi">
              ‪Tiếng Việt‬
              </option>
              <option value="tr">
              ‪Türkçe‬
              </option>
              <option value="el">
              ‪Ελληνικά‬
              </option>
              <option value="bg">
              ‪български‬
              </option>
              <option value="mn">
              ‪монгол‬
              </option>
              <option value="ru">
              ‪Русский‬
              </option>
              <option value="sr">
              ‪српски‬
              </option>
              <option value="uk">
              ‪Українська‬
              </option>
              <option value="ka">
              ‪ქართული‬
              </option>
              <option value="hy">
              ‪հայերեն‬
              </option>
              <option value="iw">
              ‫עברית‬&lrm;
              </option>
              <option value="ur">
              ‫اردو‬&lrm;
              </option>
              <option value="ar">
              ‫العربية‬&lrm;
              </option>
              <option value="fa">
              ‫فارسی‬&lrm;
              </option>
              <option value="am">
              ‪አማርኛ‬
              </option>
              <option value="ne">
              ‪नेपाली‬
              </option>
              <option value="mr">
              ‪मराठी‬
              </option>
              <option value="hi">
              ‪हिन्दी‬
              </option>
              <option value="bn">
              ‪বাংলা‬
              </option>
              <option value="gu">
              ‪ગુજરાતી‬
              </option>
              <option value="ta">
              ‪தமிழ்‬
              </option>
              <option value="te">
              ‪తెలుగు‬
              </option>
              <option value="kn">
              ‪ಕನ್ನಡ‬
              </option>
              <option value="ml">
              ‪മലയാളം‬
              </option>
              <option value="si">
              ‪සිංහල‬
              </option>
              <option value="th">
              ‪ไทย‬
              </option>
              <option value="lo">
              ‪ລາວ‬
              </option>
              <option value="km">
              ‪ខ្មែរ‬
              </option>
              <option value="ko">
              ‪한국어‬
              </option>
              <option value="zh-HK">
              ‪中文（香港）‬
              </option>
              <option value="ja">
              ‪日本語‬
              </option>
              <option value="zh-CN">
              ‪简体中文‬
              </option>
              <option value="zh-TW">
              ‪繁體中文‬
              </option>
              </select>
              </span>
                    </div>
                  </div>          
</div>
</body>
</html>

Next
« Prev Post
Previous
Next Post »
Subscribe to: Post Comments (Atom)