In this photo gallery i used Simple Image Gallery (Plugin) by JoomlaWorks.gr
First gallery
{gallery}kallyas_images/gallery/first{/gallery}
Second gallery
{gallery}kallyas_images/gallery/second{/gallery}
Add quick, dynamic tab functionality to transiton through panes of local content.
The example above has the class="tabbable tabs_style1"
, where tabbable triggers the tables and tabs_style1 has the styling.
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
SHORTCODE PARAMS
[tabs class="" style="" first_tab="" icons_theme=""][/tabs]
style = vertical_tabs / tabs_style1 / tabs_style2 / tabs_style3 / tabs_style4
icons_theme = white / black
SHORTCODE DEMO
[tabs]
[tab title="Some Tab #1"]
... content for tab #1
[/tab]
[tab title="Some Tab #2"]
... content for tab #2
[/tab]
[tab title="Some Tab #3"]
... content for tab #3
[/tab]
[/tabs]
Other styles - tabs_style2
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Other styles - tabs_style3
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Other styles - tabs_style4
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Other styles - vertical_tabs
Pane 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.
Pane 2 Content
Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.
Pane 3 Content
Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis. Phasellus vel tellus id felis cursus hendrerit. Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.
Welcome to Kallyas Joomla Template, a wonderful and premium product for multipurpose websites
Pricing table - Red Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Blue Skin with Rounded corners
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Green Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Turquoise Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Orange Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Purple Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Yellow Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Green Lemon Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Dark Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Pricing table - Light Skin
STANDARD
$9.99per month
- 5 Users
- 5 Workspaces
- 10 Clients
- 2.5GB Storage
- Max file size 50mb
- Tech Support
- -
PROFESSIONAL
$13.99per month
- 10 Users
- 10 Workspaces
- 15 Clients
- 5GB Storage
- Max file size 100mb
- Tech Support
- High Security
ULTRA
$99.99per month
- Unlimited Users
- Unlimited Workspaces
- 40 Clients
- 15GB Storage
- Max file size 200mb
- Tech Support
- High Security
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table
to any <table>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table"> … </table>
Optional classes
Add any of the following classes to the .table
base class.
.table-striped
Adds zebra-striping to any table row within the <tbody>
via the :nth-child
CSS selector (not available in IE7-IE8).
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table table-striped"> … </table>
.table-bordered
Add borders and rounded corners to the table.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-bordered"> … </table>
.table-hover
Enable a hover state on table rows within a <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-hover"> … </table>
.table-condensed
Makes tables more compact by cutting cell padding in half.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-condensed"> … </table>
Optional row classes
Use contextual classes to color table rows.
Class | Description |
---|---|
.success | Indicates a successful or positive action. |
.error | Indicates a dangerous or potentially negative action. |
.warning | Indicates a warning that might need attention. |
.info | Used as an alternative to the default styles. |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB - Monthly | 01/04/2012 | Approved |
2 | TB - Monthly | 02/04/2012 | Declined |
3 | TB - Monthly | 03/04/2012 | Pending |
4 | TB - Monthly | 04/04/2012 | Call in to confirm |
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr> ...
Supported table markup
List of supported table HTML elements and how they should be used.
Tag | Description |
---|---|
<table> | Wrapping element for displaying data in a tabular format |
<thead> | Container element for table header rows (<tr> ) to label table columns |
<tbody> | Container element for table rows (<tr> ) in the body of the table |
<tr> | Container element for a set of table cells (<td> or <th> ) that appears on a single row |
<td> | Default table cell |
<th> | Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> | Description or summary of what the table holds, especially useful for screen readers |
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table>
404
The page cannot be found.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Nam vitae metus a orci iaculis facilisis. Maecenas dapibus tristique nunc.
There are plenty reasons why!! Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.. continue reading Documentation include with explanations for most of the options. With just a few clicks you can add any color you want. Great custom shortcodes which are ment to ease up your work. You can install languages and extend the website's languages. Built with modern technologies like HTML5 and CSS3. This template includes lots of customizations and combinations. Suspendisse porttitor faucibus nunc, quis accumsan arcu posuere vel. Cras scelerisque, nulla a accumsan vestibulum, risus nunc mollis nisl, eu pulvinar justo nisl. Suspendisse porttitor faucibus nunc, quis accumsan arcu posuere vel. Cras scelerisque, nulla a accumsan vestibulum, risus nunc mollis nisl, eu pulvinar. Neque porro quisquam est Cras scelerisque, nulla a accumsan. Any suggestions and opinions on the future of you are very precious to us ... To make updates to your website through the dynamic and professional infrastructure is too easy... Corporate identity is a website that provides the integrity, strengthen your brand image and brand awareness... Advance before the start of the project team by reviewing all of the problems may arise in the future, prevent surprises you may encounter... Let's make the most striking and most enduring means in the long run ads... You can use all of languages and extend the website's languages. Built with modern technologies like HTML5 and CSS3. A Web site should keep pace with the needs of today and the trends ... Documentation include with explanations for most of the options. With just a few clicks you can add any color you want. Great custom shortcodes which are ment to ease up your work. Görünüm Tasarım, offers view the phenomenon of corporate identity design firm their identity and culture-specificweb site, flash banner, logo design, cd presentation of your company on the Internet, catalogs and graphic design servicesare intended to make the best and most stunning way. We also need all kinds of computing and Internet technologies, and experience technical problems"Customized Solutions"offers. Görünüm Tasarım's professional staff is always ready to help you! We are spirited young and dynamic group of professionals. To provide both advanced technology and innovative solutions to our clients needs with quality assured standards. To become the leading technological solutions company in the international market along with providing a network of organizations in our market domain and become the pride of Turkey and North Cyprus... To integrate our efforts and efficiency with the social community to provide and nurture any need for technological, social and community enrichment We are a diverse team of highly qualified, experienced and energetic technologists consisting of designers, programmers, network specialists who have international experience and latest technological know-how. All of our team members are experienced on similar projects. Please refer to our resumes and the portfolio of our team. In each task we do we follow internationally accepted tools, procedures and the concepts. Web 2.0, XHTML, IBM Web Style Guidelines and W3C Web Standards are the examples of the standards we follow.| Our teams of technologists’ are accredited with international qualifications from European and American institutions. We believe that our clients deserve to be satisfied at all costs with quality assured standards in meeting all of their business needs. We have done similar projects before so we have pretty good procedures doing these kinds of projects. We believe so much in collaboration, as a result we maintain a very healthy relationship with our business and university partners. We can dedicate our 100% on this project. We maintain consistent project development schedule. The architecture and main core code we use is open to everyone for development and being developed by thousands of developers around the world. This guarantees the quality. Your website will be always show on top 10 page search engines... If you want toget involved inthe Internet,a more robustpace.The right place! 100% Customer Satisfaction Designedwebsitesdailybackup, automaticsoftwareupgradingas soon as possible, as well asrespond toany futurerequests, givingyour sitealwaysprovidestable operation...WEB DESIGN SERVICES
MOBILE APPLICATION
INTERNET MARKETING
Web Design Services
Graphic Design Services
Internet Marketing
WHY CHOOSE THIS THEME
WELL DOCUMENTED
UNLIMITED COLORS
CUSTOM SHORTCODES
MULTILANGUAGE READY
HTML5 & CSS3
HIGHLY CUSTOMIZABLE
OK! HERE'S HOW IT WORKS
Suspendisse porttitor faucibus
Neque porro quisquam est
APPLY NOW!
WHY CHOOSE US?
100% CUSTOMER SATISFACTION
EASY TO USE
BRANDING
PROJECT & RISK MANAGEMENT
QUALITY WORKS
MULTILANGUAGE READY
HTML5 & CSS3
MODERNITY POLICY
WHY CHOOSE THIS THEME
WELL DOCUMENTED
UNLIMITED COLORS
CUSTOM SHORTCODES
Experienced
International Standards
Highly educated team
Reliability, Consistency and Quality
Collaborative Networks
No Barrier for Dedicated Project Team
Open Architecture, Open Source, No Vendor Lock-In
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Nam vitae metus a orci iaculis facilisis. Maecenas dapibus tristique nunc.
Select one of the above questions to find out it's answer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc congue neque felis, non elementum metus. Duis laoreet ante vitae tortor imperdiet euismod. Morbi mollis pharetra consequat. Curabitur a est purus.
GENERAL QUESTIONS
OTHER QUESTIONS
Donec adipiscing diam non augue suscipit in vulputate ligula vestibulum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam vehicula vulputate scelerisque. Sed nec sodales sem.
Morbi pharetra viverra congue. Donec imperdiet eleifend varius. Quisque turpis tellus, imperdiet vel mollis quis, adipiscing sit amet est. Sed suscipit urna non felis mollis aliquam quis id lacus. Curabitur ut est vitae ante rutrum mollis id vitae nisi.
Mauris malesuada erat a magna egestas rutrum id at diam. Nulla pharetra lacinia est, at rhoncus dui dapibus eu. Aliquam sit amet diam libero. Integer urna dui, ultricies ac suscipit vitae, convallis ut tellus. Etiam ut justo nibh.