Joomla Templates Club 406,261 posts

[bencarlin Friend bencarlinJoin date: May 2014Posts: 43Downloads:0Uploads:24 Thanks: 13 Thanked: 1 times in 1 posts]

#199540

I really like the look of the ‘About Me’ page on the Fixel demo content. As i chose to build my site without the demo content loaded, whats the easiest way to add the ‘About me’ demo content back in?

Cheers

B

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#541673

Hi,

“About Me” page is using menu type “Singer Article” to show the “About Me” article. If you like this page, you have to re-build your site with sample data or create new article.

Here is content of “Abount Me” article like the demo:

<div class="box clearfix">
<div class="pull-left">
<div class="mask"><img src="images/joomlart/demo/avatar1.jpg" alt="Sample Image" align="left" /></div>
</div>
<p><b>I'm Fixel and I'm a designer. Welcome to my humble blog. I love coding and blogging and taking great photos.</b> 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.</p>
</div>
<div class="box clearfix">
<h4>Location</h4>
<p>I was born in VietNam but now i'm working and living in USA.</p>
<img src="images/joomlart/demo/map-bg.jpg" alt="Sample Image" align="left" /></div>
<div class="box clearfix">
<h4>Why work with me?</h4>
<div class="row-fluid box-spotlight">
<div class="box-inner left">
<div class="box-image"><img src="images/joomlart/demo/content1.jpg" alt="Sample Image" align="middle" /></div>
<h3>Save Time</h3>
<p>Lets throw a trackie dacks also it'll be gutta. You little ripper avos flamin lets throw a lizard drinking. Gutful of jug where as busy as a big smoke.</p>
</div>
<div class="box-inner box-center">
<div class="box-image"><img src="images/joomlart/demo/content2.jpg" alt="Sample Image" align="middle" /></div>
<h3>Win over the team</h3>
<p>Lets throw a trackie dacks also it'll be gutta. You little ripper avos flamin lets throw a lizard drinking. Gutful of jug where as busy as a big smoke.</p>
</div>
<div class="box-inner right">
<div class="box-image"><img src="images/joomlart/demo/content3.jpg" alt="Sample Image" align="middle" /></div>
<h3>Design Features</h3>
<p>Lets throw a trackie dacks also it'll be gutta. You little ripper avos flamin lets throw a lizard drinking. Gutful of jug where as busy as a big smoke.</p>
</div>
</div>
</div>
<div class="box circle clearfix">
<h4>Technical Experience</h4>
<p>Lets throw a trackie dacks also it'll be gutta. You little ripper avos flamin lets throw a lizard drinking. Gutful of jug where as busy as a big smoke.</p>
<div class="row-fluid">
<div class="span3">
<div class="circle-content blue">
<h4>Photoshop</h4>
</div>
</div>
<div class="span3">
<div class="circle-content yellow">
<h4>Illutrator</h4>
</div>
</div>
<div class="span3">
<div class="circle-content black">
<h4>Javascript</h4>
</div>
</div>
<div class="span3">
<div class="circle-content red">
<h4>Html/css</h4>
</div>
</div>
</div>
</div>
<div class="box clearfix">
<h4>Work and Education</h4>
<p>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.</p>
<ol class="timeline clearfix">
<li class="tl-wrap pull-left tl-danger active">
<div class="box-content"><strong class="tl-title">Facebook</strong><span class="tl-content">Founder and CEO · Feb 4, 2004 to present</span></div>
</li>
<li class="tl-wrap pull-right">
<div class="box-content"><strong class="tl-title">Harvard University</strong><span class="tl-content">Sep 2002 to May 2004 · Computer Science<br /></span></div>
</li>
<li class="tl-wrap pull-left">
<div class="box-content"><strong class="tl-title">Phillips Exeter Academy</strong><span class="tl-content">Class of 2002 · Classics</span></div>
</li>
<li class="tl-wrap pull-right">
<div class="box-content"><strong class="tl-title">Scrum Alliance</strong><span class="tl-content">Class of 2001 · Certified Scrum Master</span></div>
</li>
<li class="tl-wrap pull-left">
<div class="box-content"><strong class="tl-title">Ardsley High School</strong><span class="tl-content">Sep 1998 to Jun 2000 · Ardsley, New York</span></div>
</li>
</ol></div>
<div class="box client clearfix">
<h4>Clients</h4>
<div><img src="images/joomlart/demo/client1.jpg" alt="Sample Image" align="left" /> <img src="images/joomlart/demo/client2.jpg" alt="Sample Image" align="left" /> <img src="images/joomlart/demo/client3.jpg" alt="Sample Image" align="left" /> <img src="images/joomlart/demo/client4.jpg" alt="Sample Image" align="left" /></div>
</div>

Remember you need to change the URL of your image the above code.

Hope this helps

1 user says Thank You to Nazario A for this useful post

1. bencarlin

[bencarlin Friend bencarlinJoin date: May 2014Posts: 43Downloads:0Uploads:24 Thanks: 13 Thanked: 1 times in 1 posts]

#541726

Thank you this is great!! 🙂 Really helpful. It worked perfectly!!

[Author]

Posts