[go: up one dir, main page]
Scribd
Upload
15 views6 pages

Assingnment 1

The document is an assignment by Naveen Shankar K to create a portfolio website using HTML and CSS. It includes sections for personal information, education background, and projects, showcasing skills in C/C++ programming. The code provided outlines the structure and styling of the website.

Uploaded by

naveenshankar571
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
15 views6 pages

Assingnment 1

The document is an assignment by Naveen Shankar K to create a portfolio website using HTML and CSS. It includes sections for personal information, education background, and projects, showcasing skills in C/C++ programming. The code provided outlines the structure and styling of the website.

Uploaded by

naveenshankar571
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

ASSIGNMENT -1

NAME: NAVEEN SHANKAR K


ROLL NO:CH.SC.U4AIE24048

QUESTION 1:

CREATE A PORTFOLIO WEBSITE

CODE:
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naveen Shankar</title>
<link rel="stylesheet" href="port.css">
</head>
<style>
* {
margin: 0;
padding: 0;
}

#des {
height: 50px;
margin: 20px;
}

.content {
display: flex;
flex-direction: column;
background-color: rgb(61, 61, 59);
padding: 20px;
position: relative;
border-radius: 20px;
}
.school{
margin-top: 20px;
padding: 20px;
background-color: grey;
color: white;
}
.college{
padding-left: 20px;
background-color: grey;
color: white;
}

.about {
background-color: grey;
display: flex;
justify-content: space-between;
padding: 20px;
position: relative;
border-radius: 20px;
}

.box {
font-family: 'Times New Roman', Times, serif;
font-size: 50px;
color: white;
border-radius: 70px;
}

#im {
width: 250px;
height: 250px;
object-fit: cover;
border-radius: 58%;
margin-left: 20px;
}

.projects {
margin-top: 30px;
padding: 20px;
background-color: #3d3d3b;
color: white;
}

.project-item {
background-color: #505050;
margin-bottom: 20px;
padding: 20px;
border-radius: 10px;

.project-item h3 {
font-size: 1.5rem;
color: #fff;
}

.project-item p {
font-size: 1rem;
color: #ccc;
}

</style>
<body>
<div class="top">
<img id="des"
src="https://th.bing.com/th/id/OIP.fux3O8o7Zqo2DvIE3pxOTgHaHa?w=182&h=182&
c=7&r=0&o=5&pid=1.7" alt="Profile Image">
</div>

<nav class="content">
<div class="about">
<div class="box">
<h2>I'm Naveen Shankar</h2>
<h4>I'm a C/C++ Programmer</h4>
<p>I specialize in developing software and solving complex
problems with C/C++ programming.</p>
</div>
<img id="im"
src="https://th.bing.com/th/id/OIP.TL09sG74Zs057UbjTVRNDwHaHa?w=196&h=196&
c=7&r=0&o=5&pid=1.7" alt="Student Image">
</div>
<nav class="education">
<div class=" school">
<h5 style="font-size: 30px;">Education</h5> <br> <p
style="font-size: 20px;">SCHOOL : ABC Public School</p>
<pre style="font-size: 20px;"> 92% in class 10
88% in class 12 </pre>
</div>
<div class="college">
<p style="font-size: 20px;">COLLEGE : AMRITA VISHWA VIDYAPEETHAM
CHENNAI</p>
<pre style="font-size: 20px;"> 8.33 SGPA in Semester 1</pre>
</div>
</nav>
<nav class="projects">
<h2>My Projects</h2>
<div class="project-item">
<h3>Banking System in C/C++</h3> <br>
<p>A fully functional banking system built using C/C++
which includes features like user login, account creation, fund transfer,
etc.</p>
</div>
<div class="project-item">
<h3>Internship at Codtech Solutions</h3><br>
<p>Completed a one-month internship at Codtech Solutions
where I worked on real-world applications and contributed to various C/C++
projects.</p>
</div>
</nav>
</nav>
</body>

</html>
OUTPUT:

You might also like