0% found this document useful (0 votes)
21 views6 pages

Assignment

The document is a resume for an individual named Shajahan S, detailing their contact information, professional experience, skills, and hobbies. It includes a profile section with personal details and a visual representation, followed by sections on work experience, skills, and hobbies. The resume highlights Shajahan's roles as a Front End Developer and Web Designer, along with their proficiency in various web technologies.
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
0% found this document useful (0 votes)
21 views6 pages

Assignment

The document is a resume for an individual named Shajahan S, detailing their contact information, professional experience, skills, and hobbies. It includes a profile section with personal details and a visual representation, followed by sections on work experience, skills, and hobbies. The resume highlights Shajahan's roles as a Front End Developer and Web Designer, along with their proficiency in various web technologies.
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

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

<div class="resume-wrapper">

<section class="profile section-padding">

<div class="container">

<div class="picture-resume-wrapper">

<div class="picture-resume">

<span><img src="[Link]" alt="" /></span>

<svg version="1.1" viewBox="0 0 350 350">

<defs>

<filter id="goo">

<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />

<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -9"


result="cm" />

</filter>

</defs>

<g filter="url(#goo)" >

<circle id="main_circle" class="st0" cx="171.5" cy="175.6" r="130"/>

<circle id="circle" class="bubble0 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble1 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble2 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble3 st1" cx="171.5" cy="175.6" r="122.7"/>


<circle id="circle" class="bubble4 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble5 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble6 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble7 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble8 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble9 st1" cx="171.5" cy="175.6" r="122.7"/>

<circle id="circle" class="bubble10 st1" cx="171.5" cy="175.6" r="122.7"/>

</g>

</svg>

</div>

<div class="clearfix"></div>

</div>

<div class="name-wrapper">

<h1>SHAJAHAN S <br/></h1><!-- YOUR NAME AND LAST NAME -->

</div>

<div class="clearfix"></div>

<div class="contact-info clearfix">

<ul class="list-titles">

<li>Call</li>

<li>Mail</li>

<li>Web</li>

<li>Home</li>

</ul>

<ul class="list-content ">


<li>+9597181552</li> <!-- YOUR PHONE NUMBER -->

<li>shajahan1007@[Link]</li> <!-- YOUR EMAIL -->

<li><a href="#">shajahan12@[Link]</a></li> <!-- YOUR WEBSITE -->

<li>india, CA</li> <!-- YOUR STATE AND COUNTRY -->

</ul>

</div>

<div class="contact-presentation"> <!-- YOUR PRESENTATION RESUME -->

<p><span class="bold">Lorem</span> . </p>

</div>

<div class="contact-social clearfix">

<ul class="list-titles">

<li>Twitter</li>

<li>Dribbble</li>

<li>Codepen</li>

</ul>

<ul class="list-content"> <!-- REMEMBER TO PUT THE URL ON THE HREF TAG -->

<li><a href="">@shajahan</a></li> <!-- YOUR TWITTER USER -->

<li><a href="">shajahan</a></li> <!-- YOUR DRIBBBLE USER -->

<li><a href="">shajahan</a></li> <!-- YOUR BEHANCE USER -->

</ul>

</div>

</div>

</section>

<section class="experience section-padding">


<div class="container">

<h3 class="experience-title">Experience</h3>

<div class="experience-wrapper">

<div class="company-wrapper clearfix">

<div class="experience-title">Company name</div> <!-- NAME OF THE COMPANY


YOUWORK WITH -->

<div class="time">Nov 2012 - Present</div> <!-- THE TIME YOU WORK WITH THE COMPANY -->

</div>

<div class="job-wrapper clearfix">

<div class="experience-title">Front End Developer </div> <!-- JOB TITLE -->

<div class="company-description">

<p></p> <!-- JOB DESCRIPTION -->

</div>

</div>

<div class="company-wrapper clearfix">

<div class="experience-title">Company name</div> <!-- NAME OF THE COMPANY


YOUWORK WITH -->

<div class="time">Nov 2010 - Present</div> <!-- THE TIME YOU WORK WITH THE COMPANY -->

</div>

<div class="job-wrapper clearfix">

<div class="experience-title">Freelance, Web Designer / Web Developer</div> <!-- JOB TITLE --


>

<div class="company-description">
<p>.</p> <!-- JOB DESCRIPTION -->

</div>

</div>

<div class="company-wrapper clearfix">

<div class="experience-title">Company name</div> <!-- NAME OF THE COMPANY


YOUWORK WITH -->

<div class="time">Nov 2009 - Nov 2010</div> <!-- THE TIME YOU WORK WITH THE COMPANY -->

</div>

<div class="job-wrapper clearfix">

<div class="experience-title">Web Designer </div> <!-- JOB TITLE -->

<div class="company-description">

<p>.</p> <!-- JOB DESCRIPTION -->

</div>

</div>

</div><!--Skill experience-->

<div class="section-wrapper clearfix">

<h3 class="section-title">Skills</h3> <!-- YOUR SET OF SKILLS -->

<ul>

<li class="skill-percentage">HTML / HTML5</li>

<li class="skill-percentage">CSS / CSS3 / SASS / LESS</li>

<li class="skill-percentage">Javascript</li>

<li class="skill-percentage">Jquery</li>
<li class="skill-percentage">Wordpress</li>

<li class="skill-percentage">Photoshop</li>

</ul>

</div>

<div class="section-wrapper clearfix">

<h3 class="section-title">Hobbies</h3> <!-- DESCRIPTION OF YOUR HOBBIES -->

<p>playing cricket .</p>

<p>watching anime and movies</p>

</div>

</div>

</section>

You might also like