google homepage html code
GOOGLE HOMEPAGE HTML CODE
How do I make Google my homepage?
1st method -
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Google</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="header_buttons">
<ul>
<li id="you"><a href="https://plus.google.com/?gpsrc=ogpy0&tab=wX">+You</a></li>
<li id="gmail"><a href="https://mail.google.com/mail/?tab=wm">Gmail</a></li>
<li id="apps">
<!--<a href="http://www.google.com/intl/en/options/">--><img id=app-logo src="http://s9.postimg.org/ntos9fb57/grid.png"><!--</a>-->
</li>
<li id="sign_in"><a id="sign-in-text" href="https://accounts.google.com/ServiceLogin?hl=en&continue=https://www.google.com/">Sign In</a></li>
</ul>
</div>
<div id="google_logo">
<img src="https://www.google.com/images/srpr/logo11w.png">
</div>
<div id=query>
<input type="text"></input>
</div>
<div class="buttons">
<button type="submit" value="Submit" id="search">Google Search</button>
<button id="lucky">I'm Feeling Lucky</button>
</div>
<div id="footer">
<div id="footer-left">
<ul>
<li><a href="https://www.google.com/intl/en/ads/?fg=1">Advertising</a></li>
<li><a>Business</a></li>
<li><a>About</a></li>
</ul>
</div>
<div id="footer-right">
<ul>
<li><a>Privacy & Terms</a></li>
<li><a>Settings</a></li>
</ul>
</div>
</div>
</body>
</html>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/** {
outline: 1px solid black;
}*/
#header_buttons {
text-align: right;
padding-top: 10px;
}
#header_buttons a:hover{text-decoration: underline;}
#header_buttons li, a {
color: gray;
text-decoration: none;
display: inline;
list-style: none;
padding: 4px;
font-family: Arial;
font-size: 13px;
}
#sign_in {
display: inline-block;
margin: 3px 10px;
border-radius: 3px;
background-color: #29A0F0;
padding-top: 20px;
padding-bottom: 30px;
}
li#sign_in {
display: block;
margin-bottom: 300px;
}
#sign_in:hover{box-shadow: 0px 1px 0px 0px #e6e6e6;}
#sign_in a {
margin: 0 auto;
/* border:1px solid black;
*/
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
#sign-in-text {
margin-top: 20px;
}
/*DAMN -- This was/is CONFUSING but it sets the sign-in button properties*/
div#header_buttons ul li#sign_in {
display: inline-block;
width: 70px;
height: 30px;
/* border: 1px solid black;
*/ text-align: center;
margin-bottom: 25px;
}
#apps a {
width: 60px;
background-position: center;
background-image: url("images.grid.png");
/* border: 1px solid black;
*/}
#sign_in a:hover {
text-decoration: none;
cursor: default;
}
#google_logo {
I have try this and it is working...
ReplyDelete