HR Policies

ASSIGNMENT – 1
CSE3150: Front-end Full Stack

Development
Name: Nandini
Roll Number: 20211CSE0456
Section: 6_CSE_13
Date: 5th March 2024
PAGE 1 OF 8
1. Develop a website for managing HR policies of a department.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HR Policies Management</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #e6e6e6; /* Changed background color */
color: #333;
}
header {
background-color: #1da33e;
color: #fff;
padding: 20px;
text-align: center;
}
nav {
background-color: #065d0b;
padding: 10px;
text-align: center;
}
nav a {
color: #fff;
text-decoration: none;
margin: 0 10px;
}
nav a:hover {
text-decoration: underline;
}
section {
margin: 20px;
}
PAGE 2 OF 8
article {
background-color: #fff;
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
form {
background-color: #fff;
padding: 20px;
margin-top: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
label {
display: block;
margin-bottom: 8px;
}
input,
textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
box-sizing: border-box;
border-radius: 4px;
}
button {
background-color: #4a5c9e;
color: #fff;
padding: 12px 20px;
border: none;
cursor: pointer;
border-radius: 4px;
}
button:hover {
background-color: #076924;
}
footer {
background-color: #333;
PAGE 3 OF 8
color: #fff;
text-align: center;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<header>
<h1>HR Policies Management</h1>
</header>
<nav>
<a href="#home">Home</a> |
<a href="#policies">Policies</a> |
<a href="#benefits">Employee Benefits</a> |
<a href="#training">Training Programs</a> |
<a href="#contact">Contact</a>
</nav>
<section id="home">
<h2>Welcome to HR Policies Management</h2>
<p>This website provides a centralized platform to manage HR policies efficiently.
Explore our policies, employee benefits, and training programs below.</p>
</section>
<section id="policies">
<h2>HR Policies</h2>
<article>
<h3>Workplace Diversity Policy</h3>
<p>We promote diversity and inclusion in the workplace, valuing differences in
background, perspectives, and experiences.</p>
</article>
<article>
<h3>Employee Code of Ethics</h3>
<p>All employees are expected to adhere to our code of ethics, maintaining honesty,
integrity, and professionalism in their conduct.</p>
</article>
<article>
<h3>Telecommuting Policy</h3>
<p>Our telecommuting policy allows eligible employees to work remotely, providing
guidelines for productivity, communication, and equipment usage.</p>
</article>
<article>
PAGE 4 OF 8
<h3>Performance Evaluation Policy</h3>
<p>We conduct regular performance evaluations to assess employee performance, provide
feedback, and identify areas for growth.</p>
</article>
<article>
<h3>Conflict Resolution Policy</h3>
<p>Our conflict resolution policy outlines procedures for addressing workplace
conflicts in a fair and respectful manner.</p>
</article>
</section>
<section id="benefits">
<h2>Employee Benefits</h2>
<article>
<h3>Health Insurance</h3>
<p>We provide comprehensive health insurance coverage for all employees and their
families.</p>
</article>
<article>
<h3>Retirement Plans</h3>
<p>Employees are eligible to enroll in our retirement plans, including 401(k) and
pension options.</p>
</article>
<article>
<h3>Paid Time Off (PTO)</h3>
<p>Employees accrue paid time off for vacation, sick leave, and personal days,
promoting work-life balance.</p>
</article>
<article>
<h3>Flexible Spending Accounts (FSAs)</h3>
<p>Our FSAs allow employees to set aside pre-tax funds for medical expenses and
dependent care.</p>
</article>
<article>
<h3>Employee Assistance Program (EAP)</h3>
<p>We offer counseling and support services through our EAP to help employees manage
personal and work-related challenges.</p>
</article>
</section>
<section id="training">
<h2>Training Programs</h2>
<article>
<h3>Onboarding</h3>
<p>New employees undergo a comprehensive onboarding program to familiarize them with
company policies, procedures, and culture.</p>
</article>
PAGE 5 OF 8
<article>
<h3>Professional Development Workshops</h3>
<p>We offer workshops on various professional development topics such as
communication skills, leadership, and time management.</p>
</article>
<article>
<h3>Technical Training</h3>
<p>Employees have access to technical training programs to enhance their skills in
areas such as software development, data analysis, and project management.</p>
</article>
<article>
<h3>Diversity and Inclusion Training</h3>
<p>We provide training sessions to promote diversity and inclusion in the workplace,
fostering a culture of respect and belonging.</p>
</article>
<article>
<h3>Managerial Training</h3>
<p>Managers and supervisors receive training on effective leadership, team
management, and performance evaluation to enhance their managerial skills.</p>
</article>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>If you have any questions or concerns, please use the form below to reach out to our
HR department.</p>
<form action="#" method="post">
<label for="fullName">Full Name:</label>
<input type="text" id="fullName" name="fullName" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<button type="submit">Submit</button>
</form>
</section>
<footer>
<p>© 2024 HR Policies Management</p>
</footer>
</body>
</html>
PAGE 6 OF 8
PAGE 7 OF 8
PAGE 8 OF 8

HR Policies

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HR Policies

Uploaded by

Copyright:

Available Formats

ASSIGNMENT – 1

CSE3150: Front-end Full Stack

You might also like