Education HTML/CSS Programming

Simple html/css design for website

home.html

<!DOCTYPE html>
<html>
<head>
	<title>Website Name</title>
	<style type="text/css">
		body {
			font-family: arial;
		}

		a {
			text-decoration: none;
			font-size: 13pt;

		}



		td img {
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}

	</style>
</head>
<body>
	<table border="1" align="center" width="95%" height="100%">
		<tr>
			<th colspan="5"><img src="https://inetindia.in/wp-content/uploads/2020/07/logo1.png"></th>
		</tr>
		<tr>
			<th><a href="home.html">Home</a></th>
			<th><a href="#">AboutUs</a></th>
			<th><a href="#">ContactUs</a></th>
			<th><a href="registration.html">Registration</a></th>
			<th><a href="login.html">Login</a></th>
		</tr>
		<tr style="height:500px;">
			<td colspan="5">
				<h3 align="center">Image Gallery</h3>
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Tulips.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Penguins.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Lighthouse.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Koala.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Jellyfish.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Hydrangeas.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Desert.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Koala.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Chrysanthemum.jpg">
				<img style="width: 115px; height: 115px;" src="https://inetindia.in/wp-content/uploads/2020/07/Penguins.jpg">
			</td>
		</tr>
		<tr >
			<td colspan="5" align="center">
				Developed by inetindia.in
			</td>
		</tr>
	</table>
</body>
</html>

registration.html

<!DOCTYPE html>
<html>
<head>
	<title>Website Name</title>
	<style type="text/css">
		body {
			font-family: arial;
		}

		a {
			text-decoration: none;
			font-size: 13pt;

		}



		td img {
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}

	</style>
</head>
<body>
	<table border="1" align="center" width="95%" height="100%">
		<tr>
			<th colspan="5"><img src="https://inetindia.in/wp-content/uploads/2020/07/logo1.png"></th>
		</tr>
		<tr>
			<th><a href="home.html">Home</a></th>
			<th><a href="#">AboutUs</a></th>
			<th><a href="#">ContactUs</a></th>
			<th><a href="registration.html">Registration</a></th>
			<th><a href="login.html">Login</a></th>
		</tr>
		<tr style="height:500px;">
			<td colspan="5">
				<h3 align="center">Registration</h3>
				<form style=" display:table;margin:auto;">
					<label>Enter Firstname</label><br>
					<input type="text" name=""><br><br>
					<label>Enter Lastname</label><br>
					<input type="text" name=""><br><br>
					<label>Enter Email Address</label><br>
					<input type="email" name=""><br><br>
					<label>Enter Password</label><br>
					<input type="Password" name=""><br><br>
					<input type="submit" name="" value="Register"><br><br>
				</form>
			</td>
		</tr>
		<tr >
			<td colspan="5" align="center">
				Developed by inetindia.in
			</td>
		</tr>
	</table>
</body>
</html>

login.html

<!DOCTYPE html>
<html>
<head>
	<title>Website Name</title>
	<style type="text/css">
		body {
			font-family: arial;
		}

		a {
			text-decoration: none;
			font-size: 13pt;

		}



		td img {
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}

	</style>
</head>
<body>
	<table border="1" align="center" width="95%" height="100%">
		<tr>
			<th colspan="5"><img src="https://inetindia.in/wp-content/uploads/2020/07/logo1.png"></th>
		</tr>
		<tr>
			<th><a href="home.html">Home</a></th>
			<th><a href="#">AboutUs</a></th>
			<th><a href="#">ContactUs</a></th>
			<th><a href="registration.html">Registration</a></th>
			<th><a href="login.html">Login</a></th>
		</tr>
		<tr style="height:500px;">
			<td colspan="5">
				<h3 align="center">Login</h3>
				<form style=" display:table;margin:auto;">
					<label>Enter Email Address</label><br>
					<input type="email" name=""><br><br>
					<label>Enter Password</label><br>
					<input type="Password" name=""><br><br>
					<input type="submit" name="" value="Login"><br><br>
				</form>
			</td>
		</tr>
		<tr >
			<td colspan="5" align="center">
				Developed by inetindia.in
			</td>
		</tr>
	</table>
</body>
</html>

2 thoughts on “Simple html/css design for website

  1. Hi,

    I hope you are safe and healthy 🙂

    I’m reaching to write a guest article on your own website and will send you some topics for that.

    In case my ideas interest you, then I will send a post on any one of the topics chosen by you. The article is going to be of terrific quality and is free of cost.

    I’d just need you to provide me a backlink within the article. Looking forward to a reply.

    Thank you!

    Regards.

    Kristel Marquez

Leave a Reply

Your email address will not be published. Required fields are marked *