Scribd Logo
Upload

Welcome to Scribd!

  • DOCTYPE HTML

    Uploaded by

    Waleed
    4 views6 pages

    Original Title

    DOCTYPE html

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    4 views6 pages

    DOCTYPE HTML

    Uploaded by

    Waleed

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 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