Include Tag JSP
Registration.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<body>
<%@ include file="Header.jsp" %>
<h1><center>Registration Page</center></h1>
<form>
<table>
<tr>
<td>Enter Name :</td>
<td><input type="text" name="t1"></td>
</tr>
<tr>
<td>Enter Lastname :</td>
<td><input type="text" name="t2"></td>
</tr>
<tr>
<td>Enter Address :</td>
<td><input type="text" name="t3"></td>
</tr>
</table>
<input type="submit" value="Register">
</table>
</form>
<%@ include file="Footer.jsp" %>
</body>
</html>
===========================================================
Login.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<body>
<%@ include file="Header.jsp" %>
<h1><center>Login Page</center></h1>
<form>
<table>
<tr>
<td>Email ID :</td>
<td><input type="text" name="t1"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="text" name="t2"></td>
</tr>
</table>
<input type="submit" value="Login">
</table>
</form>
<%@ include file="Footer.jsp" %>
</body>
</html>
=============================================
Header.jsp
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Navbar</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* Navbar container */
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
padding: 10px 20px;
}
/* Navbar links */
.navbar a {
color: white;
text-decoration: none;
padding: 14px 20px;
text-align: center;
}
.navbar a:hover {
background-color: #575757;
border-radius: 4px;
}
/* Responsive navbar */
@media screen and (max-width: 600px) {
.navbar {
flex-direction: column;
align-items: flex-start;
}
.navbar a {
width: 100%;
text-align: left;
padding: 10px 0;
}
}
</style>
</head>
<body>
<div class="navbar">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</div>
</body>
</html>
Comments
Post a Comment