Student Solution Portal (Only for Education Purpose)
<!DOCTYPE html>
<html>
<head>
<title>Student Suggestion Portal</title>
<!– Internal CSS –>
<style>
body {
font-family: Arial;
background-image: url(‘background.jpg’); /* Replace with your background image URL */
background-size: cover;
color: white;
padding: 20px;
}
.container {
background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
padding: 20px;
border-radius: 8px;
}
table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
table, th, td {
border: 1px solid white;
padding: 8px;
text-align: left;
}
th {
background-color: #333;
}
ul {
list-style-type: square;
}
a {
color: #00f;
text-decoration: none;
}
.button {
padding: 10px 20px;
background-color: #0066cc;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.button:hover {
background-color: #00509e;
}
</style>
</head>
<body>
<div class=”container”>
<h1>Student Suggestion Portal</h1>
<!– Form for suggestions –>
<form action=”submit_suggestion.html” method=”post”>
<label for=”name”>Name:</label><br>
<input type=”text” id=”name” name=”name” required><br><br>
<label for=”email”>Email:</label><br>
<input type=”email” id=”email” name=”email” required><br><br>
<label for=”suggestion”>Suggestion:</label><br>
<textarea id=”suggestion” name=”suggestion” rows=”4″ required></textarea><br><br>
<button type=”submit” class=”button”>Submit</button>
</form>
<h2>Recent Suggestions</h2>
<!– Table to display suggestions –>
<table>
<tr>
<th>Name</th>
<th>Email</th>
<th>Suggestion</th>
</tr>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>More study rooms in the library.</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>Organize more career counseling sessions.</td>
</tr>
</table>
<h2>Useful Links</h2>
<!– List of links –>
<ul>
<li><a href=”https://www.example.com” target=”_blank”>External Link to Student Resources</a></li>
<li><a href=”contact.html”>Internal Link to Contact Us</a></li>
</ul>
<!– Internal linking button –>
<button class=”button” onclick=”location.href=’about.html'”>Learn More About Us</button>
</div>
</body>
</html>