Scribd
Upload
25 views6 pages

IP Exp1

Uploaded by

vu4f2122028
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views6 pages

IP Exp1

Uploaded by

vu4f2122028
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 6

IP Lab Girish Patil(VU4S2324005)

Experiment No. 1

Aim: A. Prepare a resume using HTML Tags.


B. Design a registration form with HTML5 form tags.

Program (A):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume</title>
<style>
body { font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
line-height: 1.5;
}
img { border: 2px solid black;
float: right;
width: 120px;
}
.container { background: lightblue;
border: 2px solid black;
width: 1000px;
margin: auto;
overflow: hidden;
padding: 10px;
}
header, .section{ background: lightblue;
border-bottom: 1px solid #333;
margin-bottom: 20px;
padding-bottom: 10px;
}
h1, h2, h3 { margin: 0;
padding: 0;
}
.section h2 { margin-top: 0;
1
IP Lab Girish Patil(VU4S2324005)

}
</style>
</head>
<body>
<div class="container">
<div class="pic">
<img src="/Exp1/pic.jpeg" alt="pic">
</div>
<header>
<h1>Girish Patil</h1>
<p>Malwani church, Malad (W) <br>Mumbai-400095. <br>[email protected] |
9511686642</p>
</header>
<div class="section">
<h2>Objective</h2>
<p>Driven IT student with a passion for problem-solving and programming. Adept at collaborating in
team enviroments and eager to contribute technical skills to innovative projects.</p>
</div>
<div class="section">
<h2>Experience</h2>
<div>
<h3>Web Developer</h3>
<p>INNOVATUS INFOTECH INDIA PRIVATE LIMITED, NASHIK. <br>Jan 2023 - Jul 2023</p>
<ul>
<li>I actively contributed to develop the web pages using frontend coding languages.</li>
<li>Collaborated with cross-functional teams to implement responsive designs and enhance user
experience.</li>
<li>i played a key role in implementing responsive design, enhancing and ensuring optimal user
experience.</li>
</ul>
</div>
</div>
<div class="section">
<h2>Education</h2>
<div><h3>Degree</h3></div>
<p>PVPPCOE, Mumbai.</p>
<p>Expected 2026</p>
<ul>
<li>Profficiency in Programming Languages like Python and JavaScript</li>
<li>Honors in AIDS</li>
<li>Good Understanding in Data Structures and Database.</li>
</ul>
</div>
<div class="section">
<h2>Skils</h2>
<ul>
<li>Python</li>
<li>JavaScript</li>
2
IP Lab Girish Patil(VU4S2324005)

<li>MySQL</li>
<li>Problem Solving</li>
</ul>
</div>
<div class="section">
<h2>Certifications</h2>
<ul>
<li>Certified in Cyber Security through Prodigy Infotech</li>
<li>Certified in Web Development through IBM SkillBuild</li>
</ul>
</div>
</div>
</body>
</html>

Output (A):

3
IP Lab Girish Patil(VU4S2324005)

Program (B):
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Registration</title>
<style>
body { font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}

.container { width: 300px;


margin: 50px auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}

h2 { text-align: center;
margin-bottom: 20px;
color: #333;
}

.form-group { margin-bottom: 15px;


}

.form-group label { display: block;


margin-bottom: 5px;
color: #555;
}

.form-group input,
.form-group select { width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 3px;
box-sizing: border-box;
}

.form-group button {
width: 100%;
padding: 10px;
background-color: #007bff;
4
IP Lab Girish Patil(VU4S2324005)

border: none;
border-radius: 3px;
color: white;
font-size: 16px;
cursor: pointer;
}

.form-group button:hover {
background-color: #0056b3;
}
</style>
</head>

<body>
<div class="container">
<h2>User Registration Form</h2>
<form action="#" method="POST">
<div class="form-group">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone No:</label>
<input type="tel" id="phone" name="phone" required>
</div>
<div class="form-group">
<label for="gender">Gender:</label>
<select id="gender" name="gender" required>
<option value="">Select Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
</div>
<div class="form-group">
<label for="confirm-password">Confirm Password:</label>
<input type="password" id="confirm-password" name="confirm-password" required>
</div>
<div class="form-group">
<button type="submit">Register</button>
5
IP Lab Girish Patil(VU4S2324005)

</div>
</form>
</div>
</body>

</html>

Output (B):

Conclusion: In this experiment we created HTML resume and a registration form using
HTML5 form tags. also demonstrated the effective use of HTML tags to structure and style
web content.

You might also like