Introduction This Privacy Policy outlines how we collect, use, and protect any information that you provide when using our website. We are committed to ensuring that your privacy is protected. Should we ask you to provide certain information by which you can be identified when using this website, it will only be used in accordance with this Privacy Policy.
Information We Collect When you use our website, we may collect the following information:
Personal details such as name, email address, and contact information (if you provide them voluntarily through forms or subscriptions).
Non-personal data such as IP addresses, browser type, and pages visited (collected automatically for analytics purposes).
How We Use the Information We may use the information you provide for the following purposes:
To improve our website and provide you with a better user experience.
To send you communications related to your inquiries or services (only if you have opted-in for such communications).
To comply with legal obligations.
Cookies Our website may use cookies to enhance your browsing experience. Cookies are small files placed on your device to analyze web traffic and track site usage. You can choose to accept or decline cookies. Declining cookies may prevent you from taking full advantage of the website.
Third-Party Links Our website may contain links to other websites of interest. However, once you have used these links to leave our site, we do not have any control over those external websites. Therefore, we are not responsible for the protection and privacy of any information you provide while visiting such sites. These sites are not governed by this Privacy Policy.
Data Security We are committed to ensuring that your information is secure. To prevent unauthorized access or disclosure, we have implemented suitable physical, electronic, and managerial procedures to safeguard the information we collect online.
Your Rights You may request details of the personal information we hold about you under applicable data protection laws. If you believe that any information we hold on you is incorrect or incomplete, please contact us so we can promptly correct any inaccuracies.
Changes to This Policy We may update this Privacy Policy from time to time to reflect changes in legal or operational requirements. Any updates will be posted on this page, and your continued use of the website after such changes signifies your acceptance of the updated policy.
Contact Information If you have any questions regarding this Privacy Policy, please contact us.
Introduction Welcome to our website. By accessing or using this site, you agree to comply with and be bound by the following terms and conditions of use. If you disagree with any part of these terms and conditions, please do not use our website.
Use of the Website The content of this website is for your general information and use only. It is subject to change without notice. You agree to use this site for lawful purposes and in a way that does not infringe the rights of, restrict, or inhibit anyone else's use and enjoyment of the website. Prohibited behavior includes harassing or causing distress or inconvenience to any other user, transmitting obscene or offensive content, or disrupting the normal flow of dialogue within this site.
Disclaimer The information provided on this website is for general informational purposes only. We make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability, or availability with respect to the website or the information contained on the website for any purpose. Any reliance you place on such information is strictly at your own risk.
Limitation of Liability In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from the use of, or in connection with, this website.
Third-Party Links This website may include links to other websites. These links are provided for your convenience to provide further information. They do not signify that we endorse the website(s). We have no responsibility for the content of the linked website(s).
Intellectual Property All content, design, graphics, and other material on this website are the property of Brulene Inflatables, unless otherwise stated. You may not reproduce, distribute, or otherwise use the material on this website without our express written permission.
Changes to Terms and Conditions We reserve the right to make changes to these terms and conditions at any time. Any changes will be posted on this page, and your continued use of the website signifies your acceptance of any modified terms.
Governing Law These terms and conditions are governed by and construed in accordance with the laws of the United States of Amrica, and you irrevocably submit to the exclusive jurisdiction of the courts in that location.
Contact Information If you have any questions or concerns about these terms and conditions, please contact us.
It's easy to get started creating your website. Knowing some of the basics will help.
What is a Content Management System?
A content management system is software that allows you to create and manage webpages easily by separating the creation of your content from the mechanics required to present it on the web.
In this site, the content is stored in a database. The look and feel are created by a template. Joomla! brings together the template and your content to create web pages.
Logging in
To login to your site use the user name and password that were created as part of the installation process. Once logged-in you will be able to create and edit articles and modify some settings.
Creating an article
Once you are logged-in, a new menu will be visible. To create a new article, click on the "Submit Article" link on that menu.
The new article interface gives you a lot of options, but all you need to do is add a title and put something in the content area. To make it easy to find, set the state to published.
You can edit an existing article by clicking on the edit icon (this only displays to users who have the right to edit).
Template, site settings, and modules
The look and feel of your site is controlled by a template. You can change the site name, background colour, highlights colour and more by editing the template settings. Click the "Template Settings" in the user menu.
The boxes around the main content of the site are called modules. You can modify modules on the current page by moving your cursor to the module and clicking the edit link. Always be sure to save and close any module you edit.
You can change some site settings such as the site name and description by clicking on the "Site Settings" link.
More advanced options for templates, site settings, modules, and more are available in the site administrator.
Site and Administrator
Your site actually has two separate sites. The site (also called the front end) is what visitors to your site will see. The administrator (also called the back end) is only used by people managing your site. You can access the administrator by clicking the "Site Administrator" link on the "User Menu" menu (visible once you login) or by adding /administrator to the end of your domain name. The same user name and password are used for both sites.
Learn more
There is much more to learn about how to use Joomla! to create the web site you envision. You can learn much more at the Joomla! documentation site and on the Joomla! forums.
For multiple lines of code, use the <pre> element which defines preformatted text. It creates a new text block that preserves spaces, tabs and line breaks. Nest a <code> element inside to define the code block.
IMPORTANTBe sure to escape any angle brackets in the code for proper rendering.
<pre>
<code>...</code>
</pre>
Lists
Create an unordered list using the <ul> element and the <ol> element for ordered lists. The <li> element defines the list item.
NOTEYou can also use additional UIkit classes for the lists. You will find more details here.
Description lists
Create a description list using the <dl> element. Use <dt> to define the term and <dd> for the description.
Description lists
A description list defines terms and their corresponding descriptions.
This is a term
This is a description.
This is a term
This is a description.
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
NOTEYou can also use additional UIkit classes for the description lists. You will find more details here.
Tables
You can easily create tables using the <table> element. Use <thead> to define the table headings, <tfoot> to define the table footers and <tbody> to define the table body.
NOTEYou can also use additional UIkit classes for the forms. You will find more details here.
Grid
This section shows how you can create different grids layouts with columns and rows.
Gantry5 Grid System
Gantry5 comes with its own CSS framework called "Nucleus". It is based on the Flexbox model and therefore is really flexible and allows you to build advanced layouts.
Gantry5 grid system or better said "Nucleus" grid system does not have a grid gutter, it uses the .g-content class instead.
As you can see in the above example, all 3 blocks are surrounded by empty space. This empty space comes from the .g-content class which adds some margin and padding to the element.
We have added a utility class to the template which takes care of the unnecessary spacing and makes the whole grid looks more natural. The utility class is called .g-gutter.
"Nucleus" comes with another very useful class called .size-# where # is the percentage of the whole width of the grid a particular element should occupy.
The grid system of UIkit follows the mobile-first approach and accomodates up to 10 grid columns. It uses units with predefined classes inside each grid, which define the column width.
To create the grid container, add the .uk-grid class to a parent element. Add one of the .uk-width-* classes to child elements to determine, how the units shall be sized. The grid supports 1, 2, 3, 4, 5, 6 and 10 unit divisions.
NOTEYou can also use additional UIkit classes for the alerts. You will find more details here.
Modal
This section shows how easy it is to use modals.
The modal component consists of an overlay, a dialog and a close button.
Class
Description
<.uk-modal>
Add this class to a <div> element to create the dialog container and an overlay that blanks out the page. It is important to add an id to indicate the element for toggling.
<.uk-modal-dialog>
Add this class to a child <div> element to create the dialog box.
<.uk-modal-close>
Add this class to an <a> or <button> element to create a close button within the dialog box. We recommend adding the .uk-close class from the Close component to give the button a proper styling, though you can also use text or an image.
You can use any element to toggle a modal dialog. An <a> element needs to be linked to the modal's id. To enable the necessary JavaScript, add the data-uk-modal attribute. If you are using another element, like a button, just add the data-uk-modal="{target:'#ID'}" attribute to target the modal's id.
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.
<!-- This is an anchor toggling the modal -->
<a href="#my-id" data-uk-modal>...</a>
<!-- This is a button toggling the modal -->
<button class="button" data-uk-modal="{target:'#my-id'}">...</button>
<!-- This is the modal -->
<div id="my-id" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
...
</div>
</div>
NOTEYou can find more details and options about the modals here.
Lightbox
This section shows how easy it is to create a fancy lightbox for images and videos.
To apply this component, add the data-uk-lightbox attribute to an anchor linking to the image you wish to display. If a title attribute exists it will be displayed as a caption for the lightbox.
You can link multiple images to the same lightbox and switch between them from within the lightbox, thus creating a gallery. Just add the {group:'my-group'} option to the data attribute of each item using the same name on all items that you want to group.
A lightbox is not restricted to images. Other media, like videos, can be displayed inside a lightbox and it will automatically generate the correct output by evaluating your path.
NOTEYou can find more details and options about the lightbox here.
Tooltip
This section shows how easy it is to create a nicely looking tooltip.
To create a tooltip, add the data-uk-tooltip attribute to an element. You also need to add a title attribute, whose value will represent your tooltip's text.
NOTEYou can find more details about the tooltip here.
Tabs
This section shows how easy it is to create a tabbed navigation with different styles.
The Tab component consists of clickable tabs, that are aligned side by side.
Class
Description
.uk-tab
Add this class to a <ul> element to define the Tab component. Use <a> elements as tab items within the list.
.uk-active
Add this class to a list item to apply an active state.
.uk-disabled
Add this class to a list item to apply a disabled state.
The data-uk-tab attribute is required for two purposes. Firstly, it enables the responsive behaviour. If the parent container is too small to accomodate all tabs, they will be combined into a dropdown, toggled by a single tab, which represents the active tab item.
And secondly, its functionality is coupled to the Switcher component, which is necessary to dynamically transition through different contents using tabbed navigation.
There are many more options and layouts available for the tabs, for example centered tabs, tabs on the left, tabs on the right, etc. You will find all these details on the UIkit website.
NOTEYou can find more details and options about the lightbox here.
Accordions
This section shows how easy it is to create a list of items, allowing each item's content to be expanded and collapsed by clicking its header.
To create an Accrodion, add the uk-accordion class and the data-uk-accordion attribute to a container element. Add the uk-accordion-content class to each of the content sections within the container. Finally, add the uk-accordion-title class to any element, like a heading, above the content section to create a toggle.
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using.
