Scribd
Upload
36 views5 pages

Practical 10 Ps

The document is an HTML resume for a student named Ayushi Kolhe. It includes personal details like contact information and skills. It also lists work experience as a current student and fresher. Education details are provided for schools attended from 2010-2018 and current college from 2020-2024. Social media links are provided at the bottom.

Uploaded by

AYUSHI KOLHE
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
36 views5 pages

Practical 10 Ps

The document is an HTML resume for a student named Ayushi Kolhe. It includes personal details like contact information and skills. It also lists work experience as a current student and fresher. Education details are provided for schools attended from 2010-2018 and current college from 2020-2024. Social media links are provided at the bottom.

Uploaded by

AYUSHI KOLHE
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/ 5

Practical 10:

<!DOCTYPE html>

<html>

<title>My resume</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://www.website.com/w3css/4/w3.css">

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-


awesome.min.css">

<style>

html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}

</style>

<body class="my-light-grey">

<!-- Page Container -->

<div class="my-content w3-margin-top" style="max-width:1400px;">

<!-- The Grid -->

<div class="my-row-padding">

<!-- Left Column -->

<div class="my-third">

<div class="my-white w3-text-grey w3-card-4">

<div class="w3-display-container">

<img src="girl.jpg">

<div class="my-display-bottomleft w3-container w3-text-black">

<h2>AYUSHI KOLHE</h2>

</div>

</div>
<div class="my-content-container">

<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Student</p>

<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Nagpur</p>

<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large


w3-text-teal"></i>[email protected]</p>

<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>1224435534</p>

<hr>

<p class="my-large"><b><i class="fa fa-asterisk fa-fw my-margin-right


my-text-teal"></i>Skills</b></p>

<p>C</p>

<div class="my-light-grey w3-round-xlarge w3-small">

<div class="my-container w3-center w3-round-xlarge my-teal" style="width:90%">80%</div>

</div>

<p>C++</p>

<div class="my-light-grey w3-round-xlarge w3-small">

<div class="my-container w3-center w3-round-xlarge my-teal" style="width:70%">

<div class="my-center w3-text-white">70%</div>

</div>

</div>

<p>Python</p>

<div class="my-light-grey w3-round-xlarge w3-small">

<div class="my-container w3-center w3-round-xlarge my-teal" style="width:75%">75%</div>

</div>

<p>Java</p>

<div class="w3-light-grey w3-round-xlarge w3-small">

<div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">70%</div>

</div>

<br>

<p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-


teal"></i>Languages</b></p>
<p>English</p>

<div class="w3-light-grey w3-round-xlarge">

<div class="w3-round-xlarge w3-teal" style="height:24px;width:70%"></div>

</div>

<p>Hindi</p>

<div class="w3-light-grey w3-round-xlarge">

<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>

</div>

<p>Marathi</p>

<div class="w3-light-grey w3-round-xlarge">

<div class="w3-round-xlarge w3-teal" style="height:24px;width:50%"></div>

</div>

<br>

</div>

</div><br>

<!-- End Left Column -->

</div>

<!-- Right Column -->

<div class="resumeonly-twothirdonly-twothird">

<div class="my-container w3-card w3-white w3-margin-bottom">

<h2 class="my-text-grey w3-padding-16"><i class="fa fa-suitcase fa-fw w3-margin-right w3-


xxlarge w3-text-teal"></i>Work Experience</h2>

<div class="my-container">

<h5 class="my-opacity"><Student></b></h5>

<h6 class="my-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Student - <span


class="w3-tag w3-teal w3-round">Current</span></h6>

<p></p>

<hr>

</div>
<div class="my-container">

<h5 class="my-opacity"><b>Fresher</b></h5>

<h6 class="my-text-teal"><i class="fa fa-calendar fa-fw my-margin-right"></i></h6>

<p></p>

<hr>

</div>

<div class="my-container">

<h5 class="my-opacity"><b></b></h5>

<p> </p><br>

</div>

</div>

<div class="my-container w3-card w3-white">

<h2 class="my-text-grey w3-padding-16"><i class="fa fa-certificate fa-fw w3-margin-right w3-


xxlarge w3-text-teal"></i>Education</h2>

<div class="my-container">

<h5 class="my-opacity"><b></b></h5>

<h6 class="my-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010-2018</h6>

<p>Jagrut Vidyalaya Warud</p>

<hr>

</div>

<div class="my-container">

<h5 class="my-opacity"><b></b>Mahatma Fule Mahavidylaya</h5>

<h6 class="my-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2018 - 2020</h6>

<p></p>

<hr>

</div>

<div class="my-container">

<h5 class="my-opacity"><b>K.D.K college of engineering</b></h5>

<h6 class="my-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2020 - 2024</h6>


<p>Bachelor Degree</p><br>

</div>

</div>

<!-- End Right Column -->

</div>

<!-- End Grid -->

</div>

<!-- End Page Container -->

</div>

<footer class="my-container my-teal my-center my-margin-top">

<p>Find me on social media.</p>

<i class="fa fa-facebook-official my-hover-opacity"></i>

<i class="fa fa-instagram my-hover-opacity"></i>

<i class="fa fa-snapchat my-hover-opacity"></i>

</footer>

</body>

</html>

You might also like