Scribd
Upload
94 views6 pages

DOCTYPE HTML

The document is an HTML resume for a front-end developer. It includes personal details, work experience, education, skills, accomplishments, and contact information. Styling is applied using CSS.

Uploaded by

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

DOCTYPE HTML

The document is an HTML resume for a front-end developer. It includes personal details, work experience, education, skills, accomplishments, and contact information. Styling is applied using CSS.

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume</title>
<link rel="stylesheet"type=text/css href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.3/css/all.min.css" />

<div class="box-1">
<img src="https://media.istockphoto.com/id/994751270/photo/portrait-
young-asian-businesswoman-holding-tablet-smartphone-in-formal-suit-in-office-
with.jpg?b=1&s=170667a&w=0&k=20&c=SiNZJpjgxnya0x3hEMvK79BNAA2_T1BjUXkrX-gjAmI="
alt="My Profile Picture">

<style>
img { border-radius: 65%;
width: 300px;
height: 250px;
font-size: xx-large;

}
</style>
<h1>Laiba zahoor</h1>
<p>Front-end developer </p>
</div>

<body>
<br>
<div class="box-3">
<h2>About Me</h2>
</div>
<p>Hi, my name is <span>LAIBA ZAHOOR</span> and I am a front-end
developer with over 5 years of experience. I am passionate about creating
responsive and user-friendly websites and creating tools that improve site
interaction regardless of the browser. I enjoy learning new technologies and
looking forward to the latest trends in web development. I am always looking for
new challenges and opportunities to grow as a developer.</p>
</div>
<br>
<br>
<br>
<br>
<div class="box-4">
<h2>Education</h2>
</div>
<p>
<ul>
<li>Bachelor of Science in Software Engineering, Comsats University
Islamabad, 2015-2019</li>
<li>Certificate in Web Development, National Institute of Design,
2020</li>
</ul>
</p>
<div>
<br>
</section>
</div>
<div class="box-5">

<h2>Skills</h2>
</div>
<ul>
<li>HTML </li>
<li>CSS </li>
<li>JAVA SCRIPT </li>
<li>Digital marketing </li>
<li> Web development</li>

</ul>

</section>
<div
class="box-6">

<h2>Accomplishments</h2>
</div>
<ul>
<li>Completed a React project that received over 10,000 downloads on
GitHub</li>
<li>Received the Comsats University Software Engineering Award for
outstanding academic achievement</li>
<li>Published an article on Medium about front-end development
trends</li>
</ul>

</div>
</section>
<div class="box-2">
<h2>contact information</h2>
</div>

<ul>
<i class="fab fa-@Email"></i><li>Email:<a
href="https://www.email.com/in/laiba20/">https://www.email.com/in/laiba20/</a>
</li>
<br>
<i class="fab fa-phone"></i> <li><Phone:>+92 567893211</Phone:></li>
<br>

<i class="fab fa-linkedin"></i> <li>LinkedIn: <a


href="https://www.linkedin.com/in/laiba20/">https://www.linkedin.com/in/laiba20/
</a></li>

</br>

<i class="fab fa-twitter"></i><li>Twitter: <a


href="https://twitter.com/laiba20">https://www.twitter.com/in/laiba20/</a></li>
<br>

<i class="fab fa-facebook"></i> <li>facebook: <a


href="https://facebook.com/facebook">https://www.facebook.com/in/laiba20/</a></
li>
</ul>
<br>
<br>

<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Contact Us</h2>
<form>
<input type="text" placeholder="Name">
<br>
<br>
<input type="email" placeholder="Email">
<br>
<br>
<textarea placeholder="Message"></textarea>
<br>
<br>
<button type="submit">Send</button>
<br>
</form>
</div>
</section>
<br>
<button <a href="class="btn btn2" >download CV</a></button>
</body>
</html>

image
{
width:100px;
shape-margin: 10%;
margin: 15px;
border-radius: 50%;
padding-top: 15px;
float: left;
}
.box-1 {
width: 50%;
shape-margin: 5%;
margin: 15px;
border-radius: 50%;
padding-top: 15px;
float: left;
padding-bottom: 3%;

background-color:rgb(127, 197, 255);


color: blue;
text-align: center;
border: 5PX rgb(237, 205, 100);
padding-top: 50px;

}
.box-2 {
background-color: rgb(127, 195, 255);
color: blue;

}
.box-3 {
background-color: rgb(127, 195, 255);
color: blue;

.box-4 {
background-color: rgb(127, 195, 255);
color: blue;

}
.box-5 {
background-color: rgb(127, 195, 255);
color: blue;
}
.box-6 {
background-color: rgb(127, 195, 255);
color: blue;
}
.icon-1 {
width: 24px; height: 10px;
}

body {
text-align: center;
text-decoration: solid;
font-size: 18px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-style: initial;
padding: 30px;
padding-bottom: 50px;
padding-top: 50px;
padding-left: 30px;
padding-right: 30px;
}
.section
h1,h2 {
margin-top: 26px;
margin-bottom:30px ;
text-align: center;
text-transform: uppercase;
font-size: larger;
margin-left: auto;
transition: cubic-bezier(0.215, 0.610, 0.355, 1);
}
ul{
display: inline-block;
}

.footer {
background-color: #cdf2f7;
padding: 20px ;
}
form button {
display: moz-popup;
padding: 10px 30px;
margin-top: 10px;
background-color: #007bff;
color: #d2e9f3;
border: none;
cursor: pointer;
}

You might also like