RWPD 1to4

2(1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>College Department</title>

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>
<div class="container vh-100 d-flex justify-content-center align-items-center">
<div class="text-center">
<h1>Department of Computer Science</h1>
<h3>XYZ College</h3>
</div>
</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></
script>
</body>
</html>
3(1)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Student Information</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container-fluid bg-primary text-white text-center py-4">
<h1>Student Information</h1>
</div>

<div class="container my-5">
<div class="row">

<div class="col-md-4 text-center">
<img src="https://via.placeholder.com/150" class="img-fluid rounded-circle" alt="Student Photo">
<h3 class="mt-3">John Doe</h3>
</div>

<div class="col-md-8">
<h4>Personal Information</h4>
<p><strong>Age:</strong> 21</p>
<p><strong>Department:</strong> Computer Science</p>
<p><strong>Email:</strong> [email protected]</p>
<h4 class="mt-4">Education</h4>
<ul>
<li>Bachelor's Degree in Computer Science - XYZ College (2022-2024)</li>
<li>High School Diploma - ABC School (2020)</li>
</ul>
<h4 class="mt-4">Skills</h4>
<p>HTML, CSS, JavaScript, Python, Java</p>
</div>
</div>
</div>

<div class="container-fluid bg-secondary text-white text-center py-3">
<p>© 2024 XYZ College. All rights reserved.</p>
4(1)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Faculty Profile</title>
rel="stylesheet">
</head>
<body>

<div class="container-fluid bg-info text-white text-center py-4">
<h1>Faculty Information</h1>
</div>

<div class="row">

<div class="col-md-4 order-md-2 text-center">
<img src="https://via.placeholder.com/150" class="img-fluid rounded-circle mb-3"

alt="Faculty Photo">
<h3>Dr. Jane Smith</h3>
<p>Professor of Computer Science</p>
</div>

<div class="col-md-8 order-md-1">
<h4>Biography</h4>
<p>Dr. Jane Smith has over 15 years of experience in teaching and research in computer
science. She specializes in artificial intelligence, machine learning, and data science.

<div class="row">
<h5>Skills</h5>
<ul>
<li>Artificial Intelligence</li>
<li>Machine Learning</li>
<li>Data Science</li>
<li>Python, R, Java</li>
</ul>
</div>
<h5>Courses Taught</h5>
<ul>
<li>Introduction to AI</li>
<li>Machine Learning Basics</li>
<li>Data Science with Python</li>
</ul>
</div>
</div>
</div>
</div>

<div class="row mt-5">
<div class="col-md-8 offset-md-2">
<h4>Research Interests</h4>
<p>Dr. Smith's research focuses on the application of AI in healthcare, developing intelligent

systems for predictive analysis, and the ethical implications of machine learning models.</p>
</div>
</div>
</div>

<div class="container-fluid bg-dark text-white text-center py-3">
<p>© 2024 XYZ University. All rights reserved.</p>
</div>
script>
</body>
</html>
5(1)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Class Timetable</title>
rel="stylesheet">
<style>
.time-slot {
background-color: #f8f9fa;
border: 1px solid #ddd;
text-align: center;
padding: 15px;
margin-bottom: 10px;
.time-slot h5 {
margin: 0;
</style>
</head>
<body>

<div class="container-fluid bg-primary text-white text-center py-4">
<h1>Class Timetable</h1>
</div>

<div class="row text-center fw-bold">
<div class="col-sm-2">Time</div>
<div class="col-sm-2">Monday</div>
<div class="col-sm-2">Tuesday</div>
<div class="col-sm-2">Wednesday</div>
<div class="col-sm-2">Thursday</div>
<div class="col-sm-2">Friday</div>
</div>

<div class="row">
<div class="col-sm-2 time-slot">
<h5>9:00 AM - 10:00 AM</h5>
</div>
<div class="col-sm-2 time-slot">Math</div>
<div class="col-sm-2 time-slot">English</div>
<div class="col-sm-2 time-slot">Physics</div>
<div class="col-sm-2 time-slot">Chemistry</div>
</div>

<div class="row">
<h5>10:00 AM - 11:00 AM</h5>
</div>
<div class="col-sm-2 time-slot">Computer Science</div>
</div>

<div class="row">
<h5>11:00 AM - 12:00 PM</h5>
</div>
</div>


<div class="row">
<h5>12:00 PM - 1:00 PM</h5>
</div>
</div>
</div>

<p>© 2024 XYZ University. All rights reserved.</p>
</div>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></
script>
</body>
</html>
6(1)
<!DOCTYPE html>
<html lang="en">
<head>

<title>Student Co-curricular Activities</title>
rel="stylesheet">
<style>
.activity-section {
margin-bottom: 50px;
.activity-image {
max-width: 100%;
height: auto;
</style>
</head>
<body>

<div class="container-fluid bg-info text-white text-center py-4">
<h1>Co-curricular and Extra-curricular Activities</h1>
<p>Explore various activities that our students are involved in!</p>
</div>

<div class="row activity-section">

<img src="https://via.placeholder.com/300" class="img-fluid rounded mb-3" alt="Debate

Club">
</div>
<h4>Debate Club</h4>
<p>Our debate club focuses on enhancing students' critical thinking and public speaking
skills. Students participate in various competitions and learn to structure arguments logically.</p>
</div>
</div>


<img src="https://via.placeholder.com/300" class="img-thumbnail mb-3" alt="Science Fair">
</div>
<h4>Science Fair</h4>
<p>The annual Science Fair encourages students to apply their scientific knowledge in
practical projects. This activity is aimed at fostering innovation and creativity in science and
technology.</p>
</div>
</div>

<img src="https://via.placeholder.com/300" class="img-fluid rounded-circle mb-3" alt="Sports

Event">
</div>
<h4>Sports Event</h4>
<p>Sports events promote physical health and teamwork. Students participate in various
sporting events like football, basketball, athletics, and more.</p>
</div>
</div>

<img src="https://via.placeholder.com/300" class="img-fluid img-thumbnail mb-3" alt="Art

Exhibition">
</div>
<h4>Art Exhibition</h4>
<p>Our annual art exhibition allows students to showcase their artistic talents through
paintings, sculptures, and digital art, encouraging creativity and expression.</p>
</div>
</div>

<img src="https://via.placeholder.com/300" class="img-fluid rounded mb-3" alt="Music Club">
</div>
<h4>Music Club</h4>
<p>The music club brings together students passionate about music. Whether it's classical or
modern, students get a platform to practice and perform their music talents.</p>
</div>
</div>
</div>

<h3 class="text-center mb-4">Achievements in Extra-curricular Activities</h3>

<h5>Science Fair Achievements</h5>
<table class="table table-striped mb-4">
<thead class="table-dark">
<tr>
<th>Year</th>
<th>Project Title</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>2023</td>
<td>AI-Powered Healthcare System</td>
<td>1st</td>
</tr>
<tr>
<td>2022</td>
<td>Eco-friendly Energy Solutions</td>
<td>2nd</td>
</tr>
</tbody>
</table>

<h5>Debate Competition Wins</h5>
<table class="table table-hover mb-4">

<thead class="table-primary">
<tr>
<th>Year</th>
<th>Topic</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>2024</td>
<td>The Impact of AI on Society</td>
<td>1st</td>
</tr>
<tr>
<td>2023</td>
<td>Global Climate Change Policies</td>
<td>2nd</td>
</tr>
</tbody>
</table>

<h5>Sports Event Achievements</h5>
<table class="table table-bordered">
<thead class="table-success">
<tr>
<th>Year</th>
<th>Event</th>
<th>Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>2024</td>
<td>Football Tournament</td>
<td>Winners</td>
</tr>
<tr>
<td>2023</td>
<td>Basketball Championship</td>
<td>Runners-up</td>
</tr>
</tbody>
</table>
</div>

<p>© 2024 XYZ College. All rights reserved.</p>
</div>
script>
</body>
</html>

RWPD 1to4

Uploaded by

Copyright:

Available Formats

RWPD 1to4

Uploaded by

Document Information

Original Title

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

RWPD 1to4

Uploaded by

Copyright:

Available Formats

2(1)

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<div class="container vh-100 d-flex justify-content-center align-items-center">

<h1>Department of Computer Science</h1>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<div class="container-fluid bg-primary text-white text-center py-4">

<div class="container my-5">

<div class="col-md-4 text-center">

<img src="https://via.placeholder.com/150" class="img-fluid rounded-circle" alt="Student Photo">

<h3 class="mt-3">John Doe</h3>

<p><strong>Department:</strong> Computer Science</p>

<li>Bachelor's Degree in Computer Science - XYZ College (2022-2024)</li>

<li>High School Diploma - ABC School (2020)</li>

<p>HTML, CSS, JavaScript, Python, Java</p>

<div class="container-fluid bg-secondary text-white text-center py-3">

<p>&copy; 2024 XYZ College. All rights reserved.</p>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<div class="container-fluid bg-info text-white text-center py-4">

<div class="container my-5">

<div class="col-md-4 order-md-2 text-center">

<img src="https://via.placeholder.com/150" class="img-fluid rounded-circle mb-3"

<h3>Dr. Jane Smith</h3>

<p>Professor of Computer Science</p>

<div class="col-md-8 order-md-1">

<li>Machine Learning Basics</li>

<li>Data Science with Python</li>

<div class="row mt-5">

<div class="col-md-8 offset-md-2">

<p>Dr. Smith's research focuses on the application of AI in healthcare, developing intelligent

<div class="container-fluid bg-dark text-white text-center py-3">

<p>&copy; 2024 XYZ University. All rights reserved.</p>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

border: 1px solid #ddd;

<div class="container-fluid bg-primary text-white text-center py-4">

<div class="container my-5">

<div class="row text-center fw-bold">

<div class="col-sm-2 time-slot">

<h5>9:00 AM - 10:00 AM</h5>

<div class="col-sm-2 time-slot">Math</div>

<p>© 2024 XYZ College. All rights reserved.</p>

<p>© 2024 XYZ University. All rights reserved.</p>

<p>© 2024 XYZ University. All rights reserved.</p>