About Us Page Design Using HTML And CSS
<!DOCTYPE html>
<head>
<title>Java Basics</title>
<style>
body {
margin: 0;
}
.topnav {
overflow: hidden;
background-color: LightGreen;
padding: 10px;
}
.topnav a {
float: left;
display: block;
color: red;
padding: 10px 10px;
}
.topnav a:hover {
background-color: yellow;
color: blue;
}
.footer {
margin-top:25%;
background-color: yellow;
padding: 5px;
text-align: center;
}
button {
padding: 12px 12px;
border-radius: 20px;
width: 8%;
border: 2px solid red;
margin-left: 70%;
background-image: radial-gradient(red, yellow, green);
}
h2 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<div class="topnav">
<button onclick="window.location.href = 'login.html'">Login</button>
<a href="index.html">Home</a>
<a href="aboutus.html">About Us</a>
<a href="contactus.html">Contact Us</a>
</div>
<div align="center">
<h1>About Us</h1>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
</div>
<div class="footer">
<h2>www.javabasics.com</h2>
</div>
</body>
</html>
<head>
<title>Java Basics</title>
<style>
body {
margin: 0;
}
.topnav {
overflow: hidden;
background-color: LightGreen;
padding: 10px;
}
.topnav a {
float: left;
display: block;
color: red;
padding: 10px 10px;
}
.topnav a:hover {
background-color: yellow;
color: blue;
}
.footer {
margin-top:25%;
background-color: yellow;
padding: 5px;
text-align: center;
}
button {
padding: 12px 12px;
border-radius: 20px;
width: 8%;
border: 2px solid red;
margin-left: 70%;
background-image: radial-gradient(red, yellow, green);
}
h2 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<div class="topnav">
<button onclick="window.location.href = 'login.html'">Login</button>
<a href="index.html">Home</a>
<a href="aboutus.html">About Us</a>
<a href="contactus.html">Contact Us</a>
</div>
<div align="center">
<h1>About Us</h1>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
<td><p>Hello Every one please subscribe the Java Basics channel for latest updates </p></td>
</div>
<div class="footer">
<h2>www.javabasics.com</h2>
</div>
</body>
</html>
Comments
Post a Comment