Henri Mendy
Typography
[row]
[col class="span6"]
h1. Heading 1
h2. Heading 2
h3. Heading 3
h4. Heading 4
h5. Heading 5
h6. Heading 6
[/col]
[col class="span6"]
Dropcap
[dropcap]This is a Magazine Style Drop Cap. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/dropcap]
[[dropcap]Dropcap Texts[/dropcap]]
[/col]
[/row]
[row]
Lists example
[col class="span6"]
- This is a sample unordered list
- ul with class arrow
- ul with class arrow-double
- ul with class tick
- ul with class cross
- ul with class star
- ul with class rss
[/col]
[col class="span6"]
- This is a sample ordered list
- ul with class arrow
- ul with class arrow-double
- ul with class tick
- ul with class cross
- ul with class star
- ul with class rss
[/col]
[/row]
Block Number
[row][col class="span4"] [blocknumber type="circle" text="01" color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[blocknumber type="circle" text="02" color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[blocknumber type="circle" text="03" color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[[blocknumber type="circle" text="01" color="#FFF" background="#f16a10"]Circle Block Number[/blocknumber]]
[/col]
[col class="span4"] [blocknumber type="rounded" text="01" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[blocknumber type="rounded" text="02" color="#FFF" background="#d80000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[blocknumber type="rounded" text="03" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[[blocknumber type="rounded" text="01" color="#FFF" background="#329491"]Rounded Block Number[/blocknumber]]
[/col]
[col class="span4"] [blocknumber text="01" color="#FFF" background="#999"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[blocknumber text="02" color="#FFF" background="#666"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[blocknumber text="03" color="#FFF" background="#000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]
[[blocknumber text="01" color="#FFF" background="#999"]Normal Block Number[/blocknumber]]
[/col][/row]
Block Examples
[row][col class="span4"]
[block color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[block color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[block color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[[block color="#FFF" background="#f16a10"]Content[/block]]
[/col]
[col class="span4"]
[block type="rounded" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[block type="rounded" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor[/block]]
[/col]
[col class="span4"]
[block border="1px dashed #CCC" padding="14px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[block border="3px solid #34bcf5" padding="12px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[block type="rounded" border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]
[[block border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor[/block]]
[/col]
[/row]
Bubble Examples
[row][col class="span4"]
[bubble author="Betty D. Steward"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]
[/col][col class="span4"]
[bubble color="#FFF" background="#736357" author="Barbara J. Pennebaker"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]
[/col][col class="span4"]
[bubble background="transparent" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.[/bubble]
[/col]
[/row]
[row][col class="span12"]
[[bubble background="#FFF" color="#666" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet.[/bubble]]
[/col][/row]
Module Position
Header | |||||
---|---|---|---|---|---|
logo | menu | search |
feature |
---|
Users | |||||
---|---|---|---|---|---|
user1 | user2 | user3 | user4 |
Main Body | |||||
---|---|---|---|---|---|
left | component | right |
breadcrumb |
---|
Bottom | |||||
---|---|---|---|---|---|
bottom1 | bottom2 | bottom3 | bottom4 |
Footer | |||||
---|---|---|---|---|---|
footer2 | footer1 |
Video
[row]
[col class="span6"]
[spvideo]https://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]
Get the code
[[spvideo]http://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]]
[/col]
[col class="span6"]
[spvideo]http://vimeo.com/3701346[/spvideo]
Get the code
[[spvideo]http://vimeo.com/3701346[/spvideo]]
[/col]
[/row]
Article
- This is a sample unordered list
- ul with class arrow
- ul with class arrow-2
- ul with class star
- ul with class rss
Powerfull Features
[row]
[col class="span6"]
Joomla 2.5 and 3.0
Helix - II is available for Joomla 2.5 as well as Joomla 3.0 that means no matter which version of you joomla you like to use for developing your next website.
HTML5
We brought HTML5 in Helix blank template to make elegant, modern and SEO friendly website that would be fully functional & represents awesome typography.
Bootstrap
Bootstrap is made upon responsive CSS Designs with less code which enhances the overall look and feel of your website.
[/col]
[col class="span6"]
Wordpress
This is really great thing that Helix Framework is available for most popular blogging platform Wordpress besides Joomla with tons of exciting features.
CSS3
The latest CSS3 technology has been used in Helix Framework - II to make the whole web development process easier and faster with lot of scopes.
Presets
Presets manager give the flexibilty to change the design of your website without coding by selecting the desire color of your website background, header and footer etc.
[/col]
[/row]
The Joomla Help
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
The Joomla overview
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
The Joomla Blog
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
The Joomla! Community
Joomla! means All Together, and it is a community of people all working and having fun together that makes Joomla! possible. Thousands of people each year participate in the Joomla! community, and we hope you will be one of them.
People with all kinds of skills, of all skill levels and from around the world are welcome to join in. Participate in the Joomla.org family of websites (the forum is a great place to start). Come to a Joomla! event. Join or start a Joomla! Users Group. Whether you are a developer, site administrator, designer, end user or fan, there are ways for you to participate and contribute.
Gallery
[gallery columns="4" filter="yes"]
[gallery_item tag="joomla" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="wordpress" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="joomla, wordpress" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="magento" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="opencart" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="magento, opencart" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="joomla, magento, wordpress, opencart" src="/images/helix/gallery/300x200.png" /]
[gallery_item tag="drupal" src="/images/helix/gallery/300x200.png" /]
[/gallery]
Get the code
[[gallery columns="4" filter="yes"] [gallery_item tag="joomla" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="wordpress" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="joomla, wordpress" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="magento" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="opencart" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="magento, opencart" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="joomla, magento, wordpress, opencart" src="/images/helix/gallery/300x200.png"/] [gallery_item tag="drupal" src="/images/helix/gallery/300x200.png"/] [/gallery]]