full screen background image
145 D.
  • ayuntamiento_lpa
  • cabildo_lpa
  • disa

Background Image / Sample Photo Gallery

Below you can see a sample image gallery, to display your recent work, projects or photographs. This template use's the "Sigplus Image Gallery" plugin. The only change to make is to set the "Gallery Layout" to "Flow" and also the"Preview Image Width" to 178.

All images above are all free to use and come from the Wikipedia Commons Project

Different Fonts to Choose

Joomla Templates This template comes with a font selector, allowing you to choose one of 3 carefully selected fonts. You can select the fonts directly from the admin panel, and whats best about these fonts is that they are embedded into the template, no additional page loading.

You can test out these fonts by clicking on the buttons below, alternatively choose the fonts using the main menu.

Arial Open Sans Georgia

Lorem ipsum dolor sit amet, pri te ullum propriae. No prima tation cetero est, ea has euripidis quaerendum vituperatoribus. Eu vel nonumes singulis. Ad eos diceret scriptorem, vim an summo nullam ubique, no quando iisque eum.

Sit solet commune efficiantur te. Vix cu commodo fabulas, alii enim has et, vel at epicurei invenire. Sit ea brute denique pertinax, mel corpora luptatum facilisi ex. Meis labore pri no, mea ferri dolores ea. Ad nisl legere doming vis, eam nisl accusamus scriptorem ei.

Typography & Class Suffix's

This is a H1 paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H2 paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H3 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H4 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H5 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H6 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

responsive joomla templatesImages: The image to the right use the class jzRight: <image class="jzRight">. You also use the class "jzLeft" to float an image to the left and use the same padding and border. You can also use the class "jzBand" to place a coloured left band at the side of any image. See the image on the homepage for an example


Use the .btn class on an any <a>, <button>, or <input> elements.
Link

 

This is a sample blockquote, with small tags below

Statement titled "Principles" (c. 1950), quoted in Genius : The Life and Science of Richard Feynman (1992) by James Gleick

This is an unordered list

  • HTML5
  • CSS3
  • JavaScript
  • PHP
  • DataBases
    • MySQL
    • POstgreSQL
    • MS SQL Server
  • Tools and APIs
  • JOSN
  • C Language

This is an ordered list

  1. HTML5
  2. CSS3
  3. JavaScript
  4. PHP
  5. DataBases
    • MySQL
    • PostgreSQL
    • MS SQL Server
  6. Tools and APIs
  7. JOSN
  8. C Language

 

This is a div with the class "frame". You can use the .frame class fo between p tags, div tags or other tags to get a frame effect with a left coloured border.

 

Use the .table-striped class to add zebra-striping to any table row within the 'table' tags.

#First NameLast NameUsername
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

 

Add .table-hover to enable a hover state on table rows within a <tbody>.

#First NameLast NameUsername
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-hover">
  ...
</table>


Responsive tables

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

#Table headingTable headingTable headingTable headingTable headingTable heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
#Table headingTable headingTable headingTable headingTable headingTable heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>



Welcome to Vancouver Occasions

Ea quo magna intellegat, dicant legere deseruisse ea has. Mandamus tractatos no vis. Pro ne eros phaedrum omittantur, ei esse facilisi eos. Pri aeterno suavitate ei. An eum lorem audire necessitatibus, ea has partem democritum delicatissimi.

Sit solet commune efficiantur te. Vix cu commodo fabulas, alii enim has et, vel at epicurei invenire. Sit ea brute denique pertinax, mel corpora luptatum facilisi ex. Meis labore pri no, mea ferri dolores ea. Ad nisl legere doming vis, eam nisl accusamus scriptorem ei.

Module Positions

All Collapsible, Easy to Understand

You can view the module positions for this template below. An instruction manual comes with this template, making it easy to review.

Subir / Top
>

We use cookies to improve our website and your experience when using it. Cookies used for the essential operation of this site have already been set. To find out more about the cookies we use and how to delete them, see our privacy policy.

  I accept cookies from this site.
EU Cookie Directive Module Information