Scribd
Upload
21 views9 pages

FSD Assignment-01

The document outlines an assignment for Full Stack Development, detailing the creation of an HTML table and a resume using HTML and CSS. It includes explanations of table attributes and provides a comprehensive resume template for a student named Hareesh Amanchi, highlighting personal details, education, technical competencies, and achievements. The CSS code is also provided to style the resume effectively.

Uploaded by

kishwaryarani
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
21 views9 pages

FSD Assignment-01

The document outlines an assignment for Full Stack Development, detailing the creation of an HTML table and a resume using HTML and CSS. It includes explanations of table attributes and provides a comprehensive resume template for a student named Hareesh Amanchi, highlighting personal details, education, technical competencies, and achievements. The CSS code is also provided to style the resume effectively.

Uploaded by

kishwaryarani
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/ 9

Full Stack Development -1

NAME Hareesh.A

ROLL NO 23691A3167

SECTION CAI –B

YEAR II-II

ASSIGNMENT NO 01

FACULTY NAME R.Dhanalakshmi

COURSE CODE 23CAI602

1. Build a simple HTML table with at least three rows and three columns. Explain the attributes
used for table structure and formatting.
<table>:
Defines the table element.
• The border-collapse: collapse; CSS rule ensures that borders of adjacent cells merge into a
single border.
• The width: 50%; sets the table width to half of the container.
• <tr> (Table Row): Defines a row in the table.
• <th> (Table Header Cell): Used to create header cells with bold text.
• <td> (Table Data Cell): Represents standard table cells.

CSS Formatting:
• border:1px solid black; applies a black border to each cel
• padding: 10px; adds spacing inside each cell.
• text-align: center; aligns text in the center.
HTML CODE:
OUTPUT

2.Construct your Resume OR CV using HTMl and Css?

HTML Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="s1.css">
<title>Hareesh Amanchi's Resume</title>
</head>
<body>
<div class="container">
<header>
<h1>HAREESH AMANCHI</h1>
<p>Madanapalle, 517325</p>
<p>Phone: 7207097501 | 9396951724</p>
<p>Email: <a
href="mailto:[email protected]">[email protected]</a> | <a
href="mailto:[email protected]">[email protected]</a></p>
<p>LinkedIn: <a href="https://in.linkedin.com/in/hareeshamanchi">Profile</a> | GitHub:
<a href="https://github.com/hareeshamanchi">Profile</a></p>
</header>

<section class="summary">
<h2>Professional Summary</h2>
<p>I’m a dedicated, ambitious undergraduate from the computer science and Artificial
Intelligence domain possessing attractive communication skills along with leadership and
problem-solving skills. I’m an adaptable person to learn the current advancements in computer
science in a proficient way to enhance my knowledge.</p>
</section>

<section class="technical-competencies">
<h2 style="color: blue;">Technical Competencies</h2>
<ul>
<li>OS: Windows | Linux</li>
<li>Languages: Good in basics at C, Python, HTML</li>
<li>Databases: SQLPLUS</li>
<li>Other Interests: Artificial Intelligence, Web Development</li>
</ul>
</section>

<section class="interpersonal-skills">
<h2>Interpersonal Skills</h2>
<ul>
<li>Team Leadership</li>
<li>Management & Coordination</li>
<li>Decision Making & Analytical Skills</li>
<li>Speaking and Writing Skills</li>
</ul>
</section>

<section class="interests-hobbies">
<h2>Interests & Hobbies</h2>
<ul>
<li>Script Writing</li>
<li>Chess</li>
<li>Listening Music</li>
</ul>
</section>

<section class="languages-known">
<h2>Languages Known</h2>
<ul>
<li>English</li>
<li>Telugu</li>
</ul>
</section>

<section class="personal-details">
<h2>Personal Details</h2>
<p>Mother’s Name: A. Swarna</p>
<p>Father’s Name: A. Reddeppa</p>
<p>D.O.B: 30 / December / 2004</p>
</section>

<section class="education">
<h2>Education</h2>
<p>Bachelors of Technology in Computer Science Engineering | Madanapalle Institute of
Technology & Science, Kadiri Road, Andhra Pradesh</p>
<p>Session: 2023 - 2024 | Score: 8.81 CGPA</p>
<p>Intermediate (MPC) | Sri Siddartha Junior College, Madanapalle | Andhra
Pradesh</p>
<p>Session: 2021 - 2023 | Percentage: 94%</p>
<p>Matriculation (State Board) | Vivekananda Municipal High School, Andhra
Pradesh</p>
<p>Session: 2020 - 2021 | Percentage: 98%</p>
</section>

<section class="training-projects">
<h2>Training & Projects</h2>
<p>Currently working on “Vaidyasthana” an AI powered web portal which stores the
medical reports of the patients from birth to death along with AI features for users.</p>
</section>

<section class="academic-achievements">
<h2>Academic Achievements</h2>
<ul>
<li>Runner Up in IDEATHON - 2023 on “Farm Guardian Solutions” conducted by
Mechanical Department at MITS.</li>
<li>Qualified two levels at “INNOSPARK 1.0” a national level hackathon conducted by
Computer Society of India with dept. of CSE MITS.</li>
<li>Participated in Smart India Hackathon on “developing a portal for AYUSH” in
October 2024.</li>
<li>Participated in “Codestrom - 2k24” a 36 hours continuous hackathon at Narasimha
Reddy Engineering College, Hyderabad.</li>
<li>Achieved First Prize in CINECRAFT - 2023 in Script Writing Competition Organized by
FMC at MITS.</li>
<li>Secured 2 star badge at Hacker Rank in C and Problem Solving.</li>
<li>Campus Ambassador for Geeks for Geeks from 2023 - 2024.</li>
</ul>
</section>

<section class="certifications">
<h2>Certifications</h2>
<ul>
<li>“Mastering the fundamentals of Java” from Scaler.</li>
<li>“Communicational Skills “Certification from TCS ION.</li>
<li> “Effective Writing “Certification from NPTEL.</li>
<li>“German-I “Certification from Nptel.</li>

</ul>

CSS CODE:

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}

.container {
background-color: rgb(218, 223, 222);
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 800px;
width: 100%;
}

header {
text-align: center;
}

h1 {
margin: 0;
font-size: 2.5em;
}

h2 {
color: blue;
border-bottom: 2px solid blue;
padding-bottom: 5px;
}

section {
margin: 20px 0;
}

p, ul {
line-height: 1.6;
}

ul {
list-style-type: disc;
padding-left: 20px;
}

a{
color: blue;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

You might also like