INTRODUCTION_WEBPAGE
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<title>Self-Introduction Webpage</title>
<style>
.oval-image {
width: 500px;
height: 600px;
border-radius: 50%;
object-fit: cover;
display: block;
</style>
</head>
<body style="background-color:rgba(215, 148, 244, 0.934);">
<header align="right">
<nav>
<a href="#" style="font-size: large;">Home</a>
<a href="#" style="font-size: large;">Skills</a>
<a href="#" style="font-size: large;">Education</a>
<a href="#" style="font-size: large;">Certifications</a>
<a href="#" style="font-size: large;">Contact</a>
</nav>
</header>
<table border="0">
<tr>
<td>
<img src="c:\Users\LENOVO\Downloads\cybergirl.jpg" alt="" class="oval-image">
</td>
<td>
<h1>Hello! This is <span style="font-style: italic; font-family: cursive;">Rijita</span></h1>
<p style="font-size: larger;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;">Hello, my name is
Rijita Guria, and I am currently pursuing BTech(CSE) from <u>Amity University Kolkata</u>.I have a strong passion for both
technology and business and aspire to become a business analyst.Till now I have learned about various programming
languages (such as C , C++, Java, HTML, CSS, JS, Python, SQL) and focusing on konowing about AI and ML to study about data.I
continue to motivate myself for enhancing my learning attitude. I am excited about opportunities that allow me to grow
professionally and contribute meaningfully to impactful projects.</p>
<table border="1" style="border-collapse: collapse; border: 2px solid black;" width="300px" height="100px">
<tr>
<th>Year</th>
<th>Subjects(ENG)</th>
</tr>
<tr>
<td>2022-23</td>
<td>C</td>
</tr>
<tr>
<td>2023-24</td>
<td>C++,Python,Java,SQL</td>
</tr>
<tr>
<td>2024-25</td>
<td>AI,ML,Html,CSS,JS</td>
</tr>
</table>
</td>
<div>
<a href="#"><i class="fa-brands fa-linkedin" style="size: 50px;"></i></a>
<a href="#"><i class="fa-brands fa-github"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</tr>
</table>
</body>
</html>
ASSIGNMENT – 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Assignment_2</title>
</head>
<body>
<div style="border: 1px solid black; background-color: rgba(255, 174, 0, 0.877) ;height: 120px; border-collapse: collapse;">
<p align="center" style="color: white; font-family: Arial,sans-serif;font-size: 35px;">Online Exam System</p>
</div>
<nav style="border: 1px solid black; background-color: rgba(255, 230, 0, 0.938);height: 30px" cellpadding="10">
<a href="#" font-color="blue">HOME</a> | |
<a href="#" font-color="blue">ABOUT US</a> | |
<a href="#" font-color="blue">Courses</a> | |
<a href="#" font-color="blue">Exam Date</a> | |
<a href="#" font-color="blue">Result</a> | |
<a href="#" font-color="blue">Gallery</a>
</nav>
<table style="border: 1px solid black; border-collapse: collapse;" width="100%" bgcolor="green" height="30">
<tr><td></td></tr>
</table>
<table style="border: 1px solid black;" width="100%; border-collapse: collapse" >
<tr>
<td style="border: 1px solid black;" height="60%" valign="top" bgcolor="gray">
<h2>Welcome to Online Exam System</h2>
<hr>
<table border="0">
<tr>
<td>
<img src="online_exam_html.jpg" valign="top-right" width ="220" height = "150" style="border: 2px solid
black;">
</td>
<td>
<p style="font-size: 19px;">
Video provides a powerful way to help you prove your point. When you click online video, you can paste in the
embed code for the video you want to add. You can also type a keyword to search online for the video that best fits your
document. To make your document look professionally produced, Word provides that compliment each other. For example
you can add a matching cover page, header, and sidebar. Click Insert and then choose the element you want from the
different galleries.
</p>
<br>
<p style="font-size: 19px;">Themes and styles also help keep your document coordinated. When you click Design
and choose a new Theme, the pictures charts, and SmartArt graphics change to match your new Theme. When you apply
styles, your headings change to match the new theme. Save time in Word with new buttons that show up where you need
them. To change the way a picture fits in your document, click it and a button for layout options appears next to it. When you
work on a table, click where you want to add a row or a column, and then click the plus sign. </p>
</td>
</tr>
</table>
</td>
<td width="30%" valign="top" bgcolor="lightblue" align="center">
<h3>Our Members</h3>
<hr style="border: 1px solid red; width: 80%">
<table>
<tr>
<td align="center">
<img src="Member_1.jpg" alt="Director img" width="200" height="140" style="border: 2px solid black;">
<br>
<strong>DIRECTOR</strong>
</td>
</tr>
<tr>
<td align="center">
<img src="Director.jpg" alt="Director img" width="200" height="240" style="border: 2px solid black;">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border: 1px solid black; border-collapse: collapse;" width="100%" bgcolor="orange" cellpadding="10">
<tr>
<td align="center">
<p><strong>Copyright<span>©</span> 2022 All Rights Reserved</strong></p>
</td>
</tr>
</table>
</body>
</html>
ASSIGNMENT – 3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form </title>
<style>
table {
height: 100%;
border-collapse: collapse; /* Merges double borders into one */
border: 2px solid black; /* Outer border */
th, td {
border: 2px solid black; /* Inner border (same as outer for uniform look) */
padding: 10px;
</style>
</head>
<body>
<form method="post">
<table border="2" align="center" style="height: max-content;">
<tr>
<td colspan="4" align="center"><h1 style="text-align: center;">Registration Form</h1></td>
</tr>
<tr>
<td>Student Name</td>
<td><input type="text" name="n1" placeholder="First Name" required></td>
<td><input type="text" name="n2" placeholder="Middle Name" required></td>
<td><input type="text" name="n3" placeholder="Last Name" required></td>
</tr>
<tr>
<td>Father's Name</td>
<td><input type="text" name="n4" placeholder="Enter your Father's Name" required></td>
<td>Mother's Name</td>
<td><input type="text" name="n5" placeholder="Enter your Mother's Name" required></td>
</tr>
<tr>
<td>Date of Birth</td>
<td><input type="date" name="n6" required></td>
<td>Gender</td>
<td><input type="radio" name="n7" value="on" required > Male
<input type="radio" name="n7" value="on" required > Female</td>
</tr>
<tr>
<td>Category</td>
<td><input type="radio" name="n8" value="on" required >Gen
<input type="radio" name="n8" value="on" required> OBC
<input type="radio" name="n8" value="on" required> SC/ST</td>
<td>Handicapped</td>
<td><input type="radio" name="n9" value="on" required>Yes
<input type="radio" name="n9" value="on" required>No</td>
</tr>
<tr>
<td>Ex-Serviceman</td>
<td><input type="radio" name="n10" value="on" required>Yes
<input type="radio" name="n10" value="on" required>No</td>
<td>EWS</td>
<td><input type="radio" name="n11" value="on" required>Yes
<input type="radio" name="n11" value="on" required>No</td>
</tr>
<tr>
<td>Email ID</td>
<td><input type="email" name="n12" placeholder="Enter your Email ID" required></td>
<td>Mobile No.</td>
<td><input type="tel" name="n13" placeholder="Enter your Mobile Number" required></td>
</tr>
<tr>
<td>State</td>
<td><select id="state" name="state" required>
<option value="Andhra Pradesh" selected >Andhra Pradesh</option>
<option value="Maharashtra" selected >Maharashtra</option>
<option value="Odisha" selected >Odisha</option>
<option value="West Bengal" selected >West Bengal</option>
<option value="" selected disabled >Select any one State</option>
</td>
<td>City</td>
<td><select id="city" name="city" required>
<option value="Hyderabad" selected >Hyderabad</option>
<option value="Mumbai" selected >Mumbai</option>
<option value="Bhubaneshwar" selected >Bhubaneshwar</option>
<option value="Kolkata" selected >Kolkata</option>
<option value="" selected disabled>Select any one City</option>
</td>
</tr>
<tr>
<td> Upload Photo</td>
<td><input type="file" id="uploadPhoto" name="uploadPhoto" accept="image/*"required></td>
<td> Upload Signature</td>
<td><input type="file" id="uploadSignature" name="uploadSignature" accept="image/*" required></td>
</tr>
<tr>
<td colspan="4" align="center"><input type="Submit" value="Submit" ></td>
</tr>
</table>
</form>
</body>
</html>
ASSIGNMENT – 4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Doctor Appointment form</title>
<style>
td{
padding: 10px;
</style>
</head>
<body style="font-family:Arial, Helvetica, sans-serif;">
<table>
<tr>
<td Width="50%"><img src="Doctor.jpg" height="100%" align="right"></td>
<td width="50%">
<h1 valign="top" align="center">Doctor Appointment Form</h1>
<hr color="red">
<form style="padding: 20px;">
<table>
<tr><td>Appointment Date </td>
<td><input type="date"></td></tr>
<tr><td>Appointment Time </td>
<td><input type="time"></td></tr>
<tr><td>Name </td>
<td><input type="text" placeholder="First"></td>
<td><input type="text" placeholder="Last"></td></tr>
<tr><td>Gender </td>
<td><input type="radio" name="Gender">Male
<input type="radio" name="Gender">Female</td>
</tr>
<tr><td>Phone no. </td>
<td><input type="text" placeholder="####"></td></tr>
<tr><td>Address </td>
<td><input type="text" placeholder="City"></td>
<td><input type="text" placeholder="State"></td></tr>
<tr>
<td>Your Query </td>
<td><textarea rows="4"></textarea></td>
</tr>
<tr>
<td>Appointment Type </td>
<td> Select which Appointment type(s) you require</td></tr>
<tr>
<td></td>
<td style="display: flex;flex-direction: column;">
<label><input type="checkbox"> Cervix Checkup</label>
<label><input type="checkbox"> Heart Checkup</label>
<label><input type="checkbox"> Eye check-up</label>
<label><input type="checkbox"> Hearing Test</label>
</td>
</tr>
<tr style="text-align: center;">
<td colspan="2"><button type="submit">Send</button></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
