The Google Home page

Developer
Mike Otis
Size
2,456 Kb
Views
2,024
  1. The Google Home page Previews
  2. The Google Home page HTML Codes
  3. The Google Home page CSS Codes

How do I make an the google home page?

What is a the google home page? How do you make a the google home page? This script and codes were developed by Mike Otis on 01 February 2023, Wednesday.

The Google Home page Previews
IQ Test

The Google Home page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>The Google Home page</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head>	<title>The_Google_Project</title>	<link rel="stylesheet" href="The_Google_Project.css">
</head>
<body>
<!-- Header element -->	<nav id="header">	<ul>	<li><a href="">+You</a></li>	<li><a href="">G-mail</a></li>	<li><a href="">Images</a></li>	<li><a href="">apps</a></li>	<li><a href="">Sign in</a></li>	</ul>	</nav>	<!--#container-->	<div id="container">
<h1 id="logo">Google</h1>	<form> <img href="http://s1064.photobucket.com/user/michaelotis2006/media/Google_zpscu2fj4xb.png.html" target="_blank"><img src="http://i1064.photobucket.com/albums/u365/michaelotis2006/Google_zpscu2fj4xb.png" border="0" alt=" photo Google_zpscu2fj4xb.png"/>	<input type="text"></input>	<input type="submit" value="Google Search"></input>	<input type="submit" value="Im Feeling Lucky"></input>	</form>	<p><small>Google.ca offered in <a href="">Fran&ccedil;ais</a></small></p>
</div>	<!-- Footer Element -->	<div>	<footer>	<nav class="clearfix">	<ul>	<li><a href="">Advertising</a></li>	<li><a href="">Business</a></li>	<li><a href="">About</a></li>	</ul>	<ul class="right-links">	<li><a href="">Privacy</a></li>	<li><a href="">Terms</a></li>	<li><a href="">Settings</a></li>	<li><a href="">Use Google.com</a></li>	</ul>	</nav>	</footer>	</div>	</body>	</html>
</body>
</html>

The Google Home page - Script Codes CSS Codes

html{ background-image:url("https://res.cloudinary.com/mikeotis/image/upload/v1463361425/star-wars-7.0_qrwbra.jpg"); repeat:no-repeat; background-size:cover;
}
* {	margin:0;	padding:0;
}
Body{	font-family: Arial, sans-serif;	font-size:13px;
}
#container{	width:580px;	margin:140px auto 0;	text-align:center;
}
h1#logo{	width:269px;	height:95px;	background-size:100%;	text-indent:-9999px;	margin: 0 auto;	}	input[type="text"]{	width:566px;	margin: 25px 0 18px;	padding: 7px;	border:solid 1px #aaa;	font-size:16px;	}	input[type="text"]:hover{	border-color: #aaa;	}	input[type="submit"]{	background:#ccc;	color:#777;	border: solid 1px #aaa;	padding:5px;	font-size:12px;	font-family:Arial, sans-serif;	margin:0 5px;	font-weight:bold;	}	/* the header element */	nav#header{	text-align:right;	padding:20px;	}	nav#header ul li{	display:inline;	}	nav#header ul li a:link,	nav#header ul li a:visited,	footer nav ul li a:link,	footer nav ul li a:visited {	color:#555;	text-decoration:none;	padding:10px;	}	nav#header ul li a:hover,	footer nav ul li a:hover{	text-decoration:underline;	}	/* Footer */	footer{	background:#eee;	position:fixed;	bottom:0;	width:100%;	}	footer nav{	padding:20px;	}	footer nav ul li{	display:inline;	}	footer nav ul {	float:left;	}	footer nav ul.right-links{	float:right;	text-align:right;	}	.clearfix:after{	content:"";	display:table;	clear:both;	}
The Google Home page - Script Codes
The Google Home page - Script Codes
Home Page Home
Developer Mike Otis
Username mikeotis
Uploaded February 01, 2023
Rating 3
Size 2,456 Kb
Views 2,024
Do you need developer help for The Google Home page?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Mike Otis (mikeotis) Script Codes
Name
Codeconquest fake website.
A slider web page. Pages are in the slider.
This is the Full Stack Conf build a website with bootstrap course by treehouse
Practice amazing seller
A copy of the Trent-Walton website. Practicing responsive webdesign. Its kinda responsive. I bet if I would of spent more time on this it would of
3 pages in One Website
Star-wars slider
A simple face-book button
A share button
Pro hack advertisement
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!