Joomla Templates Club 406,261 posts

[webjwn Friend webjwnJoin date: March 2011Posts: 161Downloads:94Uploads:48 Thanks: 51 Thanked: 5 times in 2 posts]

#206748

I am trying to set up a page on my UBER site like this:

http://uber.demo.joomlart.com/index.php/joomla-page

It looks similar to the ACM features module, but none of the styles have an option for a button like this. If anyone had some insight on this, it would be greatly appreciated.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#572531

Hello
its an custom html code in the article ,
I have attached the code below .
please change the image with your image in the code


<div class="joomla-page row">
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-lock"></i></div>
<h4><a href="/index.php/page-login">Login</a></h4>
<p class="text-intro">Quisque dictum magna eu metus fringilla, in mollis tellus tempor. Aliquam placerat posuere diam.</p>
<a class="btn btn-primary btn-sm" href="/index.php/page-login">Details</a>
</div>
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-link"></i></div>
<h4><a href="/index.php/component/weblinks/?view=category&id=31&Itemid=484">Web Links</a></h4>
<p class="text-intro">Nullam tristique, augue sed pretium interdum, arcu lectus ullamcorper purus placerat</p>
<a class="btn btn-primary btn-sm" href="/index.php/component/weblinks/?view=category&id=31&Itemid=484">Details</a>
</div>
<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-globe"></i></div>
<h4><a href="/index.php/joomla-page/j-pages/news-feeds">Newsfeeds</a></h4>
<p class="text-intro">Nunc pharetra, diam ac rhoncus accumsan, tortor lacus eleifend lacus, sit amet pulvinar accumsan.</p>
<a class="btn btn-primary btn-sm" href="/index.php/joomla-page/j-pages/news-feeds">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-envelope-o"></i></div>
<h4><a href="/index.php/joomla-page/other-pages/contact-form">Contact</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="/index.php/joomla-page/other-pages/contact-form">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-wrench"></i></div>
<h4><a href="/index.php/joomla-page/other-pages/offline-page">Offline Page</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="/index.php/joomla-page/other-pages/offline-page">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-exclamation-triangle"></i></div>
<h4><a href="/index.php/joomla-page/other-pages/404-page">404 Page</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="/index.php/joomla-page/other-pages/404-page">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-folder-o"></i></div>
<h4><a href="/index.php/joomla-page/content-page/all-categories">All Categories</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="/index.php/joomla-page/content-page/all-categories">Details</a>
</div>

<div class="col-sm-6 col-lg-3 bn-item">
<div class="circle-icon border"><i class="fa fa-folder-open-o"></i></div>
<h4><a href="/index.php/joomla-page/content-page/category-blog">Category Blog</a></h4>
<p class="text-intro">Vivamus auctor mattis odio, et ultrices erat posuere non quisque venenatis quam a metus lacus.</p>
<a class="btn btn-primary btn-sm" href="/index.php/joomla-page/content-page/category-blog">Details</a>
</div>
</div>


Hope it helps you .

2 users say Thank You to Pankaj Sharma for this useful post

1. pavit
2. webjwn

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#572534

<em>@webjwn 475731 wrote:</em><blockquote>I am trying to set up a page on my UBER site like this:

http://uber.demo.joomlart.com/index.php/joomla-page

It looks similar to the ACM features module, but none of the styles have an option for a button like this. If anyone had some insight on this, it would be greatly appreciated.</blockquote>

Check Here —> JA UBER USER GUIDE & DOCUMENTATION

[webjwn Friend webjwnJoin date: March 2011Posts: 161Downloads:94Uploads:48 Thanks: 51 Thanked: 5 times in 2 posts]

#572548

Oh you are amazing, this worked perfectly. Thanks for the help!

[Author]

Posts