Graphics In About Me

No worries, tried copying the stylesheets and got it. Awesome feature tho!

Thanks!

No worries, tried copying the stylesheets and got it. Awesome feature tho!

Thanks!

I think you resolved this problem.
please don’t hesitate to contact us if you have further questions.

Hope this helps !

Regards,
Dominic

Sorry, but I have the same question with the same “About Me” page and also “Contact” page. How I could get the same templates as you used in demo theme? The copy-paste method doesn’t work for me. Please I really need it!

p.s. I love this theme is definitely one of most awesome themes I ever seen! You are great creator!

Sorry, but I have the same question with the same “About Me” page and also “Contact” page. How I could get the same templates as you used in demo theme? The copy-paste method doesn’t work for me. Please I really need it!

p.s. I love this theme is definitely one of most awesome themes I ever seen! You are great creator!

For the About me page I have used the following lines of code placed in a new page using the text editor, not the visual editor. Hope it helps 🙂

<div class=”page-content”>

Cras porta tempus pharetra. Etiam sollicitudin quam mauris, in sodales elit malesuada et. Curabitur orci sem, condimentum ut malesuada vitae, dapibus vitae est. Nulla elit augue, imperdiet sit amet vulputate sit amet, sodales sed ligula. Donec nulla mauris, aliquam ut dui ac, molestie dapibus diam. Aliquam erat volutpat.
<div class=”style-content-1 right”>
<div class=”small”><img class=”alignnone” alt=”” src=”http://placehold.it/230×290/eee&amp;text=Photo&#8221; /></div>
<div class=”big”>
<ul class=”style-1″>
<li>DBO<span class=”pull-right”>23 June, 2013</span></li>
<li>Gender<span class=”pull-right”>Male</span></li>
<li>Nationality<span class=”pull-right”>United States</span></li>
<li>Relationship Status<span class=”pull-right”>Single</span></li>
<li>Mobile Phone<span class=”pull-right”>1-800-233-4175</span></li>
<li>Website<a href=”http://cmspioneer.com/designwall”><span class=”pull-right”>www.designwall.com</span></a></li>
<li>Languages<span class=”pull-right”>English</span></li>
</ul>
</div>
</div>
<h3>Work and Education</h3>
Quisque elementum nunc et neque laoreet, sed semper enim rutrum. Nam sed urna lacus. Quisque tempus urna velit. Nam sed urna lacus. Quisque tempus urna velit. Donec eleifend lacus et ante interdum sagittis. Donec eleifend lacus et ante interdum sagittis. Curabitur orci sem, condimentum ut malesuada vitae, dapibus vitae est.
<ol class=”timeline”>
<li class=”tl-wrap pull-left tl-danger”><strong class=”tl-title”>Facebook</strong><span class=”tl-content”>Founder and CEO · Feb 4, 2004 to present</span></li>
<li class=”tl-wrap pull-right”><strong class=”tl-title”>Harvard University</strong><span class=”tl-content”><span class=”tl-content”>Sep 2002 to May 2004 · Computer Science</span></span></li>
<li class=”tl-wrap pull-left”><strong class=”tl-title”>Phillips Exeter Academy</strong><span class=”tl-content”>Class of 2002 · Classics</span></li>
<li class=”tl-wrap pull-right”><strong class=”tl-title”>Scrum Alliance</strong><span class=”tl-content”>Class of 2001 · Certified Scrum Master</span></li>
<li class=”tl-wrap pull-left”><strong class=”tl-title”>Phillips Exeter Academy</strong><span class=”tl-content”>Class of 2002 · Classics</span></li>
<li class=”tl-wrap pull-right”><strong class=”tl-title”>Scrum Alliance</strong><span class=”tl-content”>Class of 2001 · Certified Scrum Master</span></li>
<li class=”tl-wrap pull-left”><strong class=”tl-title”>Ardsley High School</strong><span class=”tl-content”>Sep 1998 to Jun 2000 · Ardsley, New York</span></li>
</ol>
<h3>Technical Experience</h3>
Sed quis risus posuere leo scelerisque viverra. Pellentesque id urna at augue porttitor laoreet eu vel arcu. Pellentesque vel iaculis augue. Quisque elementum nunc et neque laoreet, sed semper enim rutrum. Nam sed urna lacus. Quisque tempus urna velit. Donec eleifend lacus et ante interdum sagittis.
<div class=”row-fluid”>
<div class=”span2″><strong>Photoshop</strong></div>
<div class=”span10″>
<div class=”progress progress-info”>
<div class=”bar” style=”width: 60%;”>6/10</div>
</div>
</div>
</div>
<div class=”row-fluid”>
<div class=”span2″><strong>HTML &amp; CSS</strong></div>
<div class=”span10″>
<div class=”progress progress-success”>
<div class=”bar” style=”width: 70%;”>7/10</div>
</div>
</div>
</div>
<div class=”row-fluid”>
<div class=”span2″>

<strong>JavaScript</strong>

&nbsp;

</div>
<div class=”span10″>
<div class=”progress progress-warning”>
<div class=”bar” style=”width: 80%;”>8/10</div>
</div>
</div>
</div>
<div class=”row-fluid”>
<div class=”span2″><strong>PHP</strong></div>
<div class=”span10″>
<div class=”progress progress-danger”>
<div class=”bar” style=”width: 90%;”>9/10</div>
</div>
</div>
</div>
</div>

@ Unreal !

To create an “about” page and “contact” page as you wish, please follow step-by-step below:
– step 1: go to dashboard > pages > Add a new page.
– step 2: Paste codes bellow to editor.
+ About page: http://snippi.com/s/z27qk1w
+ Contact page: http://snippi.com/s/nsicv37