Scribd
Upload
39 views4 pages

Shruticv (1) .Docx Vishal

The document describes an experiment to create an HTML/JavaScript CV that can be displayed on a student's institute, department, and subject tutorial websites. The code provided creates a CV webpage with the student's contact details, education history, achievements, and skills. Styling is added with CSS.

Uploaded by

vikas Yadav
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
39 views4 pages

Shruticv (1) .Docx Vishal

The document describes an experiment to create an HTML/JavaScript CV that can be displayed on a student's institute, department, and subject tutorial websites. The code provided creates a CV webpage with the student's contact details, education history, achievements, and skills. Styling is added with CSS.

Uploaded by

vikas Yadav
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/ 4

Experiment 1

Aim: Write HTML/JavaScript to display your CV in navigator, your InsAtute website, Department
Website and Tutorial website for specific subject.

IntroducAon: Hyper Text Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. It defines the content and structure of web content.

Cascading Style Sheets is a style sheet language used for specifying the presentaAon and styling of a
document wriLen in a markup language such as HTML.

Template:

IDE used: VS code Source

Code:

<!DOCTYPE html>
<head>
<style>

body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana,


sans-serif; background-color: #f8f9fa;
margin: 0;
padding: 0;
} .container {
align-items: center;
max-width: 800px;
margin: 20px auto;
background: linear-gradient(to boLom, #ffffff, #ebf5ff);
padding: 20px; border-
radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
animaAon: fadeIn 0.5s ease-in-out;
}
h1, h2, h3 {
color: #343a40;
margin-boLom: 5px;
}
h1 {
font-size: 28px;
} h2 { font-size: 24px;
border-boLom: 2px solid #343a40;
padding-boLom: 5px;
background-color: rgba(0, 0, 100, 0.1);
}
p{
color: #6c757d;
margin: 5px 0;
}
table, th, td
{ border: 1px solid
black;
border-collapse: collapse;
}
ul {
list-style-type: circle;
padding-lej: 10;
}
li {
margin-boLom: 5px;
}
</style>
<Atle>My CV</Atle>
</head>
<body>
<div class="container">
<header>
<center><h1>CURRICULUM VITAE</h1></center>
</header>
<secAon>
<h2>1.ObjecAve</h2>
<p>To secure a posiAon in a dynamic company that offers opportuniAes for professional
growth and advancement in a friendly environment.</p>
</secAon>
<secAon>
<h2>2.Contact InformaAon</h2>
<p>Name: Vishal Singh</p>
<p>Email: [email protected]</p>
<p>InsAtute: <a href="hLps://www.glbitm.org/">G.L.Bajaj InsAtute of Technology and
Management</a> </p>
<p>Department: <a href="">CSE Department</a> </p>
</secAon>
<secAon>
<h2>3.EducaAon</h2>
<table>
<tr>
<th>Course</th>
<th>SpecializaAon</th>
<th>Board/University</th>
<th>CGPA/Percentage</th>
<th>Year of passing</th>
</tr>
<tr>
<td>B.Tech</td>
<td>CSE</td>
<td>AKTU</td>
<td>7/10</td>
<td>2025</td>
</tr>
<tr>
<td>Dipolma</td>
<td>CSE</td>
<td>BTEUP</td>
<td>73.65%</td>
<td>2022</td>
</tr>
<tr>
<td>10</td>
<td>Science</td>
<td>CBSE</td>
<td>60%</td>
<td>2019</td>
</tr>
</table> </secAon>
<secAon>
<h2>5.Achievements</h2>
<ul>
<li>Developed and maintained hackathon website.</li>
<li>Implemented new features and funcAonality.</li>
<li>Collaborated with team members on projects.</li>
</ul>
</secAon>
<secAon>
<h2>5.Skills</h2>
<p>
<a href='hLps://www.w3schools.com/html/'>HTML</a> <br>
<a href='hLps://www.w3schools.com/css/'>CSS</a> <br>
<a href='hLps://www.w3schools.com/javascript/'>JavaScript</a> <br>
<a href='hLps://www.w3schools.com/mysql/'>Mysql</a>
</p>
</secAon>
</div>
</body>
</html>

You might also like