Resume Inline Sample

Why give out your phone number to anyone when you can give out your virtual number to everyone! Try Call Me Private today!





Your Name


Your Name

Web Developer / Designer


  • 555 Street Address, Toledo, Ohio, 43606 U.S.A.





 

Profile:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


 


Skills:

  • XHTML
  • HTML5
  • PHP
  • JavaScript
  • Magento
  • WordPress
  • HTML
  • CSS
  • MySQL
  • jQuery
  • CMS Made Simple
  • Photoshop



 

Experience:




Web Developer / Designer

Company Name 1

February 2009 - Present


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.




Web Developer / Programmer

Company Name 2

November 2007 - February 2009


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.




Web Developer / Programmer

Company Name 3

March 2006 - November 2007


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.




 

Publications:



"How to Create A Post", 10/12/15



 

Education:


Loyola University Chicago


2801 Bancroft Street


Chicago, IL, 60660 U.S.A.

Web Design

2003 - 2005


http://www.luc.edu




 







<!-- Begin Wrapper -->
<div id=\"wrapper\">

<!-- Begin Content Area -->
<div id=\"content\">

<!-- Begin Header -->
<header>

<!-- Begin Contact Section -->
<section id=\"contact-details\">

<!-- Begin Profile Image Section -->
<div class=\"header_1\">
<img src=\"http://goo.gl/KvFHCZ\" width=\"250\" height=\"250\" alt=\"Your Name\" />
</div>
<!-- End Profile Image Section -->

<!-- Begin Profile Information Section -->
<div class=\"header_2\">

<h1><span>Your Name</span></h1>
<h3>Web Developer / Designer</h3>

<ul class=\"info_1\">
<li class=\"address\">555 Street Address, Toledo, Ohio, 43606 U.S.A.</li>
</ul>

<ul class=\"info_2\">
<li class=\"phone\">(000) 000-0000</li>
<li class=\"email\"><a href=\"mailto:info@mypost.io\">info@mypost.io</a></li>
<li class=\"site_url\"><a href=\"http://mypost.io/\" title=\"www.your-website.com\">mypost.io</a></li>
<li class=\"twitter\"><a href=\"http://twitter.com/OneTruConscious\" title=\"Follow Me on Twitter\">@OneTruConscious</a></li>
</ul>

</div>
<!-- End Profile Information Section -->

</section>
<!-- End Contact Section -->

</header>
<!-- End Header -->

<div class=\"clear\"> </div>

<!-- Begin Profile Section -->
<dl>
<dt>Profile:</dt>
<dd>

<section class=\"summary\">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</section>

</dd>
</dl>
<!-- End Profile Section -->

<div class=\"clear\"> </div>

<!-- Begin Skills Section -->

<dl>
<dt>Skills:</dt>
<dd>

<section id=\"skills\">
<ul class=\"list1\">
<li>XHTML</li>
<li>HTML5</li>
<li>PHP</li>
<li>JavaScript</li>
<li>Magento</li>
<li>WordPress</li>
</ul>
<ul class=\"list2\">
<li>HTML</li>
<li>CSS</li>
<li>MySQL</li>
<li>jQuery</li>
<li>CMS Made Simple</li>
<li>Photoshop</li>
</ul>
</section>

</dd>
</dl>

<!-- End Skills Section -->

<div class=\"clear\"> </div>

<!-- Begin Experience Section -->
<dl>
<dt>Experience:</dt>

<dd>

<section id=\"experience\">

<!-- Position #1 -->

<h2 class=\"top\">Web Developer / Designer</h2>
<p class=\"bus1\">Company Name 1</p>
<p class=\"time\">February 2009 - Present</p>

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</p>


<!-- Position #2 -->

<h2>Web Developer / Programmer</h2>
<p class=\"bus1\">Company Name 2</p>
<p class=\"time\">November 2007 - February 2009</p>

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</p>


<!-- Position #3 -->

<h2>Web Developer / Programmer</h2>
<p class=\"bus1\">Company Name 3</p>
<p class=\"time\">March 2006 - November 2007</p>

<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</p>

</section>

</dd>
</dl>
<!-- End Experience Section -->

<div class=\"clear\"> </div>

<!-- Begin Publications Section -->
<dl>
<dt>Publications:</dt>

<dd>

<section id=\"publications\">

<a href=\"http://mypost.io/post/tutorial\" target=\"_blank\" title=\"How to Create an Advanced Twitter Widget\">\"How to Create A Post\"</a>, 10/12/15

</section>

</dd>
</dl>
<!-- End Publications Section -->

<div class=\"clear\"> </div>

<!-- Begin Education Section -->
<dl>
<dt>Education:</dt>
<dd>

<section id=\"education\">

<p class=\"bus1\">Loyola University Chicago</p>

2801 Bancroft Street
<br />
Chicago, IL, 60660 U.S.A.

<p class=\"summary\">Web Design</p>
<p class=\"time\">2003 - 2005</p>

<p class=\"edu-info\">
<a href=\"#\" target=\"_blank\" title=\"Loyola University Chicago\">www.luc.edu</a>
</p>

</section>

</dd>
</dl>
<!-- End Education Section -->

<div class=\"clear\"> </div>

<!-- Begin Footer -->
<footer id=\"footer\">

<!-- Begin Footer Content -->
<div class=\"footer_content\">

<!-- Begin Schema Person -->
<h3 align=\"center\">Social Media</h3>
<ul class=\"icons_1\">
<li><a href=\"http://plus.google.com/\" title=\"Google Profile\"><i class=\"fa fa-google-plus fa-2x\"></i></a> Google Plus</li>
<li><a href=\"http://www.linkedin.com/\" title=\"LinkedIn\"><i class=\"fa fa-linkedin fa-2x\"></i></a> LinkedIn</li>
<li><a href=\"http://www.facebook.com/\" title=\"Facebook\"><i class=\"fa fa-facebook fa-2x\"></i></a> Facebook</li>
<li><a href=\"http://www.flickr.com/\" title=\"Flickr\"><i class=\"fa fa-flickr fa-2x\"></i></a> Flickr</li>
<li><a href=\"http://twitter.com/\" title=\"Follow Me on Twitter!\"><i class=\"fa fa-twitter fa-2x\"></i></a> Twitter</li>
</ul>

<ul class=\"icons_2\">
<li><a class=\\"pdf\\" href=\"http://freehtmltopdf.com/?convert\"><i class=\"fa fa-file-pdf-o fa-fw\"></i></a></a></li>
</ul>

<!-- End Schema Person -->

</div>
<!-- End Footer Content -->

</footer>
<!-- End Footer -->

</div>
<!-- End Content -->

</div>
<!-- End Wrapper -->
CSS:
body {
margin: 0px;
padding: 0px;
background: url(\"../images/bg_dark_green.png\");
background-color: inherit;
font-size: 16px;
font-family: \"Trebuchet MS\", Helvetica, sans-serif;
color: #000;
}

a:link {
text-decoration: underline;
color: #000;
font-weight: bold;
}

a:visited {
text-decoration: underline;
color: #000;
font-weight: bold;
}

a:hover {
text-decoration: underline;
color: #669933;
font-weight: bold;
}

a:active {
text-decoration: underline;
color: #000;
font-weight: bold;
}

#wrapper {
width: 965px;
margin: 0 auto;
}

#content {
background-color: #eee;
width: 960px;
text-align: left;
overflow: auto;
position: relative;
margin: 25px 0px 25px 0px;
border: #fff solid 2px;
}

.clear {
float: none;
clear: both;
margin: 20px 0px 20px 0px;
}


/* Header
--------------------------------------------------- */


#contact-details .header_1 {
float: left;
width: 350px;
text-align: center;
margin: 40px 0px 0px 20px;
}

#contact-details .header_1 img {
border: #fff solid 4px;
background: url(\"../images/bg_img_dark_green.png\");
padding: 16px;
margin: 10px 0px 0px 0px;
}

#contact-details .header_2 {
float: left;
width: 570px;
margin: 40px 0px 0px 10px;
}

#contact-details .header_2 a {
font-weight: normal;
}

#contact-details h1 {
margin: 0px 0px 0px 20px;
font-size: 52px;
font-weight: bold;
}

#contact-details h3 {
margin: 0px 0px 32px 20px;
font-size: 30px;
font-weight: bold;
font-style: italic;
}

#contact-details ul.info_1 {
list-style: none;
margin: 0px 0px 0px -12px;
font-size: 18px;
}

#contact-details ul.info_2 {
list-style: none;
margin: 0px 0px 15px -12px;
font-size: 18px;
}

#contact-details li.address {
background: url(\"../images/home.png\") no-repeat;
background-position: 0px 0px;
padding: 0px 0px 12px 40px;
}

#contact-details li.phone {
background: url(\"../images/phone.png\") no-repeat;
background-position: 0px 0px;
padding: 0px 0px 12px 40px;
}

#contact-details li.email {
background: url(\"../images/mail.png\") no-repeat;
background-position: 0px 0px;
padding: 0px 0px 12px 40px;
}

#contact-details li.site_url {
background: url(\"../images/computer.png\") no-repeat;
background-position: 0px 2px;
padding: 0px 0px 12px 40px;
}

#contact-details li.twitter {
background: url(\"../images/twitter_sm.png\") no-repeat;
background-position: 0px 0px;
padding: 0px 0px 12px 40px;
}



/* Main Content
--------------------------------------------------- */

h2.top {
margin: 0px;
font-size: 22px;
font-weight: bold;
}

h2 {
margin: 40px 0px 0px 0px;
font-size: 22px;
font-weight: bold;
}


dl {
margin: 0px 50px 0px 0px;
}


dt {
float: left;
width: 200px;
font-size: 20px;
font-weight: bold;
font-style: italic;
text-align: right;
}

dd {
width: 620px;
float: right;
margin-right: 20px;
}

dl#contact {
margin: 0px;
}

dt#contact {
margin: 0px;
}

dd#contact {
margin: 0px;
}

p.bus1 {
margin: 0px;
font-weight: bold;
color: #669933;
}

p.edu-info {
margin: 10px 0px 0px 0px;
font-weight: bold;
color: #669933;
}

p.edu-info a {
color: #000;
}

p.edu-info a:hover {
color: #669933;
}

p.time {
margin: 0px;
}

p.summary {
margin: 10px 0px 0px 0px;
}


#skills ul.list1 {
float: left;
list-style: none;
margin: 0px 0px 0px -40px;
width: 220px;
}

#skills ul.list2 {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
width: 220px;
}

#skills li {
background: url(\"../images/bullet_green.png\") no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 25px;
}

abbr {
border-width: 0px;
}


/* Footer
--------------------------------------------------- */

#footer {
margin: 60px 40px 0px 40px;
}

#footer img {
border: 0px;
}

#footer .footer_content {
width: 700px;
overflow: auto;
margin: auto;
border: #fff solid 2px;
background-color: #dcdcdc;
}

#footer ul.icons_1 {
float: left;
width: 525px;
margin: 15px 10px 10px 15px;
padding: 0px;
}

#footer ul.icons_2 {
float: right;
width: 100px;
margin: 10px 20px 10px 10px;
padding: 0px;
}

#footer .icons_1 li, #footer .icons_2 li {
margin: 0px 0px 0px 7px;
padding: 0px;
list-style-type: none;
display: inline;
}

#footer a {
color: #000;
}

#footer a:hover {
color: #669933;
}

#footer .credits {
float: none;
clear: both;
margin: 10px 0px 20px 0px;
font-size: 12px;
text-align: center;
}

#footer .credits a {
font-weight: normal;
}