Articles

Cookie Policy

web237@gmail.com (Super User) — Mon, 17 Jan 2022 10:59:42 +0000

Effective Date: 17-Jan-2022
Last Updated: 17-Jan-2022

Cosa sono i cookies?

Come usiamo i cookie?

Cookie utilizzati

Gestisci i cookies

Puoi cambiare le tue preferenze sui cookie in qualsiasi momento cliccando sul pulsante qui sopra. Questo ti permetterà di rivisitare il banner del consenso dei cookie e cambiare le tue preferenze o ritirare il tuo consenso subito.

Inoltre, diversi browser forniscono diversi metodi per bloccare ed eliminare i cookie utilizzati dai siti web. Puoi cambiare le impostazioni del tuo browser per bloccare/eliminare i cookie. Di seguito sono elencati i link ai documenti di supporto su come gestire ed eliminare i cookie dai principali browser web.

Chrome: https://support.google.com/accounts/answer/32050

Safari: https://support.apple.com/en-in/guide/safari/sfri11471/mac

Firefox: https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox?redirectslug=delete-cookies-remove-info-websites-stored&redirectlocale=en-US

Internet Explorer: https://support.microsoft.com/en-us/topic/how-to-delete-cookie-files-in-internet-explorer-bca9446f-d873-78de-77ba-d42645fa52fc

If you are using any other web browser, please visit your browser’s official support documents.

Parallax

web237@gmail.com (Super User) — Mon, 31 Oct 2016 06:16:21 +0000

The template comming with built-in parallax script for background images. You can use parallax for backgrounds of whole sections which handling the modules positions. These backgrounds and parallax options can be managed in the template settings area. Also, the template comming with the custom module style which allows to use a parallax for module background.

An example of section parallax background can be seen above and here is an example of module with parallax background:

{loadposition sample-26}

Icons

web237@gmail.com (Super User) — Fri, 14 Oct 2016 08:14:47 +0000

The template comming with huge selection of icons you can easy use in your content. Thanks to the FontAwesome icons support you can rich your text to make it more outstanding and attractive for your visitors.

Available Icons

How to use icons

address-book

address-book-o

address-card

address-card-o

bandcamp

bath

bathtub

drivers-license

drivers-license-o

eercast

envelope-open

envelope-open-o

etsy

free-code-camp

grav

handshake-o

id-badge

id-card

id-card-o

imdb

linode

meetup

microchip

podcast

quora

ravelry

s15

shower

snowflake-o

superpowers

thermometer

thermometer-0

thermometer-1

thermometer-2

thermometer-3

thermometer-4

thermometer-empty

thermometer-full

thermometer-half

thermometer-quarter

thermometer-three-quarters

times-rectangle

times-rectangle-o

user-circle

user-circle-o

user-o

vcard

vcard-o

window-close

window-close-o

window-maximize

window-minimize

window-restore

wpexplorer

adjust

american-sign-language-interpreting

anchor

How To Use Icons

Here you can find all informations necessary to allow you to put an icons into your content. To find out more about FontAwesome visit http://fontawesome.io/.

Basic Usage

Example: basic icon fa-camera-retro

You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. Font Awesome is designed to be used with inline elements (we like the tag for brevity, but using a is more semantically correct).

 class="fa fa-camera-retro"> fa-camera-retro

Note: TinyMCE by default removes an empty tags so, when you put an icon code and save your icon will be removed. To prevent it go to Extensions Plugins and open Editor - TinyMCE. Find Extended Valid Elements field and type i[*] and click Save.

fa-lg

fa-2x

fa-3x

fa-4x

fa-5x

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

 class="fa fa-camera-retro fa-lg"> fa-lg
 class="fa fa-camera-retro fa-2x"> fa-2x
 class="fa fa-camera-retro fa-3x"> fa-3x
 class="fa fa-camera-retro fa-4x"> fa-4x
 class="fa fa-camera-retro fa-5x"> fa-5x

Home

Use fa-fw to set icons at a fixed width. Great to use when different icon widths throw off alignment. Especially useful in things like nav lists & list groups.

 class= href="#"> class="fa fa-home fa-fw" aria-hidden="true">  Home

Loading example (with fa-spinner icon) Loading (with fa-circle-o-notch icon) Loading example (with fa-refresh icon) Loading example (with fa-cog icon) Loading example (with fa-spinner icon)

Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog.

 class="fa fa-spinner fa-spin fa-3x fa-fw">
 class="sr-only">Loading...

 class="fa fa-circle-o-notch fa-spin fa-3x fa-fw">
 class="sr-only">Loading...

 class="fa fa-refresh fa-spin fa-3x fa-fw">
 class="sr-only">Loading...

 class="fa fa-cog fa-spin fa-3x fa-fw">
 class="sr-only">Loading...

 class="fa fa-spinner fa-pulse fa-3x fa-fw">
 class="sr-only">Loading...

Note: CSS3 animations aren't supported in IE8 - IE9.

normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

 class="fa fa-shield"> normal

 class="fa fa-shield fa-rotate-90"> fa-rotate-90

 class="fa fa-shield fa-rotate-180"> fa-rotate-180

 class="fa fa-shield fa-rotate-270"> fa-rotate-270

 class="fa fa-shield fa-flip-horizontal"> fa-flip-horizontal

 class="fa fa-shield fa-flip-vertical"> fa-flip-vertical

Typography

web237@gmail.com (Super User) — Fri, 14 Oct 2016 08:03:51 +0000

All these elements are just for demo purpose. You can achieve these styles by using a normal HTML editor and TinyMCE (WYSIWYG editor and HTML mode).

Headings

All HTML headings,

through

are available.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body copy

Bootstrap’s global default font-size is 13px, with a line-height of 19px. However you can set up your own font size value in the template settings area. This is applied to the and all paragraphs. In addition,

(paragraphs) receive a bottom margin.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

...

Lead body copy

Make a paragraph stand out by adding .lead.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

...

Emphasis

Make use of HTML’s default emphasis tags with lightweight styles.

For de-emphasizing inline or blocks of text, use the small tag.

This line of text is meant to be treated as fine print.

Bold

For emphasizing a snippet of text with a heavier font-weight.

The following snippet of text is rendered as bold text.

rendered as bold text

Italics

For emphasizing a snippet of text with italics.

The following snippet of text is rendered as italicized text.

rendered as italicized text

Heads up! Feel free to use and in HTML5. is meant to highlight words or phrases without conveying additional importance while is mostly for voice, technical terms, etc.

Abbreviations

Stylized implemenation of HTML’s element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

For expanded text on long hover of an abbreviation, include the title attribute.

An abbreviation of the word attribute is attr.

attr

Add .initialism to an abbreviation for a slightly smaller font-size.

HTML is the best thing since sliced bread.

HTML

Addresses

Present contact information for the nearest ancestor or the entire body of work.

Preserve formatting by ending all lines with .

Template Developer, Inc.
123 Some Nice Ave, Suite 123
San Francisco, CA 98765
P: (123) 456-7890
Full Name
first.last@coolmailserver.com

Template Developer, Inc.
123 Some Nice Ave, Suite 123
San Francisco, CA 98765
P: (123) 456-7890

Full Name
first.last@coolmailserver.com

Blockquotes

For quoting blocks of content from another source within your document.

Default blockquote

Wrap
around any HTML as the quote. For straight quotes we recommend a
.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Blockquote options

Style and content changes for simple variations on a standard blockquote.

Naming a source

Add tag for identifying the source. Wrap the name of the source work in .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous Source Title

Alternate displays

Use .pull-right for a floated, right-aligned blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

...

Lists

Unordered

A list of items in which the order does not explicitly matter.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Integer molestie lorem at massa

Facilisis in pretium nisl aliquet

Nulla volutpat aliquam velit

Phasellus iaculis neque

Purus sodales ultricies

Vestibulum laoreet porttitor sem

Ac tristique libero volutpat at

Faucibus porta lacus fringilla vel

Aenean sit amet erat nunc

Eget porttitor lorem

...

Ordered

A list of items in which the order does explicitly matter.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Integer molestie lorem at massa

Facilisis in pretium nisl aliquet

Nulla volutpat aliquam velit

Faucibus porta lacus fringilla vel

Aenean sit amet erat nunc

Eget porttitor lorem

...

Unstyled

A list of items with no list-style or additional left padding.

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Integer molestie lorem at massa

Facilisis in pretium nisl aliquet

Nulla volutpat aliquam velit

Phasellus iaculis neque

Purus sodales ultricies

Vestibulum laoreet porttitor sem

Ac tristique libero volutpat at

Faucibus porta lacus fringilla vel

Aenean sit amet erat nunc

Eget porttitor lorem

...

Description

A list of terms with their associated descriptions.

Description lists

A description list is perfect for defining terms.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

...

...

Horizontal description

Make terms and descriptions in
line up side-by-side.

Description lists

A description list is perfect for defining terms.

Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta

Etiam porta sem malesuada magna mollis euismod.

Felis euismod semper eget lacinia

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

...

...

Heads up!
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout.

Code

Inline

Wrap inline snippets of code with .
For example, should be wrapped as inline. For example, should be wrapped as inline. Basic block Use for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering. Sample text here... <p>Sample text here...</p> Heads up! Be sure to keep code within tags as close to the left as possible; it will render all tabs. You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar. Images Add classes to an element to easily style images in any project. Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

Custom Modules Styles web237@gmail.com (Super User) — Fri, 14 Oct 2016 07:57:02 +0000 The template provides following built-in styles which you can use to make your content more outstanding. Modules with simple styling {loadposition sample-0} {loadposition sample-1} {loadposition sample-2} {loadposition sample-3} Modules Style 3 {loadposition sample-4} {loadposition sample-5} {loadposition sample-6} Modules Style 3 with shadow {loadposition sample-7} {loadposition sample-8} {loadposition sample-9} Modules Style 3 with rounded corners {loadposition sample-10} {loadposition sample-11} {loadposition sample-12} Modules with scroll reveal {loadposition sample-13} This sample use following module class suffix: _style3 color3 shadow radius moveup {loadposition sample-14} This sample use following module class suffix: _style3 color2 shadow radius moveup {loadposition sample-15} This sample use following module class suffix: _style3 color2 shadow radius moveup {loadposition sample-16} This sample use following module class suffix: _style3 color3 shadow radius moveup Modules Style 4 {loadposition sample-17} {loadposition sample-18} {loadposition sample-19} You can also use following suffixes with modules with style4 applied: color1, color2, color3, moveup, movedown, moveleft, moveright. To use FontAwesome icons in Style4 module type icon name in Header Class field Modules Style 5 {loadposition sample-20} Module Class Suffix _style5 color1 shadow {loadposition sample-21} Module Class Suffix _style5 color2 {loadposition sample-22} Module Class Suffix _style5 color3 Modules Style 6 {loadposition sample-23} Module Class Suffix _style6 tes-down color1 {loadposition sample-24} Module Class Suffix _style6 tes-up color2 {loadposition sample-25} Module Class Suffix _style6 tes-down color3 To display person photo, name and stars above or below use tes-up or tes-down. To display stars below the person name use one of following classes in Header Class field: stars5, stars4, stars3, stars2, stars1 Custom Module With Simple Parallax Image {loadposition sample-26} Usage Module Class Suffix: _style7 Module Style: parallax To align the text vertically use one of following suffixes: text-top, text-middle or text-bottom. By default the text is set on middle. Site Map web237@gmail.com (Joomla) — Fri, 31 Dec 2010 23:00:01 +0000 {loadposition sitemapload} By putting all of your content into nested categories you can give users and search engines access to everything using a menu.

Articles

Cookie Policy

Cookie Policy

Cosa sono i cookies?

Come usiamo i cookie?

Cookie utilizzati

Gestisci i cookies

Parallax

Icons

Available Icons

How to use icons

New Icons

Web Application Icons

Accessibility Icons

Hand Icons

Transportation Icons

Gender Icons

File Type Icons

Spinner Icons

Form Control Icons

Payment Icons

Chart Icons

Currency Icons

Text Editor Icons

Directional Icons

Video Player Icons

Brand Icons

Medical Icons

How To Use Icons

Basic Usage

Larger Icons

Fixed Width Icons

Animated Icons

Rotated & Flipped

Typography

Headings

are available. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body copy

Lead body copy

Emphasis

Bold

Italics

Abbreviations

Addresses

Blockquotes

Default blockquote

Blockquote options

Naming a source

Alternate displays

Lists

Unordered

Ordered

Unstyled

Description

Horizontal description

Code

Inline

Basic block

Images

Custom Modules Styles

Modules with simple styling

Modules Style 3

Modules Style 3 with shadow

Modules Style 3 with rounded corners

Modules with scroll reveal

Modules Style 4

Modules Style 5

Modules Style 6

Custom Module With Simple Parallax Image

Usage

Site Map

are available.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6