Scribd
Upload
78 views

Assignment No 1: Abasyn University Peshawar

This document contains the code for a CV webpage with styling details. It includes sections for contact information, educational qualifications, technical skills, work experience, personal details, and a declaration. Styling is done through CSS with details on formatting names, images, headings, tables and more.

Uploaded by

Mohammad Fayyaz Khalil
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
78 views

Assignment No 1: Abasyn University Peshawar

This document contains the code for a CV webpage with styling details. It includes sections for contact information, educational qualifications, technical skills, work experience, personal details, and a declaration. Styling is done through CSS with details on formatting names, images, headings, tables and more.

Uploaded by

Mohammad Fayyaz Khalil
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

ABASYN UNIVERSITY PESHAWAR

DEPARTMENT OF COMPUTER SCIENCE

ASSIGNMENT NO 1

Subject:- WEB PROGRAMMING LANGUAGES

Section:- CA

Submitted by:- SHAHZEB KHATAK

Submitted to:- MUHAMMAD KHAN AFRIDI

Reg Number : 17057

Date:- 22/ 09 / 2021


Code:
<html>
<head>
<style>
.image
{
border-radius: 50%;
display: block;
margin-left: auto;
margin-right: auto;
width: 100;
height : 100;
}
div
{
border-radius: 5px;
}
#header
{
position: fixed;
z-index: 1;
height:40px;
width: 98%;
background-color: #668284;
margin-bottom: 10px
}

#name {
float:left;
margin-left: 20px;
padding-bottom: 10px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}

#email{
float:right;
margin-right: 20px;
padding-bottom: 10px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}

#contact
{
margin-left:45%;
padding-bottom: 10px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}

a:hover {
font-weight: bold;
}

.right
{
float: left;
margin-top: 50px;
padding-left:5px;

height: auto;
width: 99%;
background-color: #E3EDD8;
}

#footer
{
height:40px;
clear:both;
position: relative;
background-color: #C1E3E1;
}

h3
{
text-decoration: underline;
}

#job-responsibilities
{
padding: 1px;
}
.job-title
{
font-weight: bold;
}
table
{
border: 1px dashed black;
}
td
{
padding: 2px;
border: 1px solid #E88741;
}

#course-name
{
font-weight:bold;
}

#company-name
{
height:2px;
text-decoration:underline;
}
#job-title
{
height: 5px;
}
.job-duration
{
float:right;
}
#heading
{
font-weight:bold;
}
</style>
<title>Assignment 1 -----> CV </title>
</head>
<body>
<div id="header">
<p id="name">Shahzeb Khattak</p>
<img class="image" src="Self.jpg" alt="Shahzeb Khattak" width="100"
height="100">

</div>
<div class="left">
</div>
<div class="right">
<h3>CV Highlights</h3>
<p>
<ul>
<li>Currently working as a web developer</li>
<li>acheived basic Python, JavaScript, HTML, CSS 1 year
ago</li>
<li>An independent, dedicated, efficient person. These
attributes are proved through the series of courses I have taken or I am
taking as of now independently through online platforms.</li>
<li>Good Communication Skills, Presentation Skills, attitude
towards leadership, authorisation and delegation, conflict resolution and
negotiation and a very good team worker.</li></ul>
</p>
<h3>Professional Experience</h3>
<h4 id="company-name">Khattak Academy</h4>
<p id="job-title"><strong>Web Engineer</strong></p>

<h3>Educational Qualifications</h3>
<table>
<tr id="heading">
<td>Qualification</td>
<td>Board</td>
<td>Percentage / Grades</td>
<td>Year</td>
</tr>
<tr>
<td>S.S.C</td>
<td>King Model High School </td>
<td>67%</td>
<td>2017</td>
</tr>
<tr>
<td>H.S.S.C (Computer Science)</td>
<td>Capital College Peshawar</td>
<td>70%</td>
<td>2019</td>
</tr>
<tr>
<td>BS(SE)</td>
<td>Abasyn University Peshawar</td>
<td>In Progress</td>
<td>In Progress</td>
</tr>

</table>

<h3>Technical Skills</h3>
<p>
<ul>
<span id="course-name">Programming Languages:</span>HTML,
CSS, Python, JavaScript, C , JS , NodeJS and C++</li></ul>
</p>

<h3>Personal Information:</h3>
<p>
<ul>
<li>
A young, determined hard and smart working person. I believe
in task based roles and complete ownership of work.
<li>
<span id="course-name">Languages Known:</span>English, Urdu,
and Pashto</li>
<li>
<span id="course-name">Hobbies:</span>I love reading Finance
and IT related books / magazines, playing Chess, swimming, listening music,
surfing Internet, self-learning through e-courses.</li> </ul>
</p>
<h3>Other Information</h3>
<p>
<ul>
<li>
<span id="course-name">Expected Salary:</span>As per company
standards</li>
<li>
<span id="course-name">Area of Interest:</span>Software
Development, Programming, Start-ups, Coding, App Development, Technical
Support, Support Engineer, Customer Happiness, Client service, Investment
Banking, Corporate Finance, Hedge Funds, Mergers & Acquisitions, Analyst,
Equity Research, Business Analysis</li>
<li>
<span id="course-name">Joining
Date:</span>Immediate</li></ul>
</p>
<h3>Declaration</h3>
<p>
I hereby declare that the details furnished above are true and
correct to the best of my knowledge and belief.</p>
</div>
<div id="footer"></div>
</body>
</html>

Output:

You might also like