# Hello world!

#### See 404.html

### withAlert()

A simple and intuitive way for show alert's with notifications!

##### Click for try withAlert('Message ...', 'success');

Click for try withAlert('...', 'warning');

Click for try withAlert('...', 'danger');

Click for try withAlert('...', 'primary');

Click for try withAlert('...', 'secondary');

Click for try withAlert('...', 'info');

Click for try withAlert('...', 'light');

Click for try withAlert('...', 'dark');

This alert will not close automatically!

###### Code:

`$("#withAlertCustomTrigger").click(function(){
withAlert('Message ...', 'success');
});
$(".permanentAlert").click(function () {
withAlert('This alert will not close automatically!', 'success', {autohide:false});
// options {autohide:true, hidetime:4000}
});`

###### File: js/core/w-alert.js

### List of bugfixes

....

- Bootstrap v3 - Modal Fade CSS quick Fix [issue#17622]
- Bootstrap v3 - .center-block in a combination with .col-x-x [improvement]
- Nicescroll - Bug fixes for touch drag/scroll
- Bootstrap - Please i wont a light bootstrap tooltip :) (style)
- Bootstrap Datepicker - Highlight day red and selectable in range (style +disabled/enabled)
- FlagIcon - `.flag-en` for more intuitive use then .flag-GB-en (style)
- FontAwesome - font-weight only v5 fix for v4 (+style .fa-bg-div)
- ....

This div box use `.col .col-sm-5 .center-block .jumbotron .bg-lgray .box-shadow` classes

### .ajaxsend

Datepickers, children_age_form

Binded span on input firstname:

Binded input on input lastname: `<input class="form-control w-binded" data-binded="input[name=lastname]" />`

Acconsento al trattamento dei dati per le finalità indicate nella Privacy Policy

Doc: GitHub

### Nicescroll example (.w-nicescroll)

You can enable Nicescroll on div's, iframe's etc. or for entire page by replacing the default scroll-bar

For enable on entire page override `htmlNicescroll:false` option with `true`

....

##### w-analytics (notIncluded by default)

#### Eventi GoogleAnalytics abilitati:

- ga('send', 'event', 'contatti', 'click', href.replace('mailto:', ''), '5');
- ga('send', 'event', 'contatti', 'click', href.replace('tel:', ''), '5');
- ga('send', 'event', 'contatti', 'click', 'maps', '5');
- ga('send', 'event', 'outgoing', 'click', href, '10');
- contatti - click su email o preventivo modal preventivo
- ga('send', 'event', 'contatti', 'click', 'preventivo', '5');

#### Pageview (invio form)

- ga('send', 'pageview', '/email-form-contatti');

### Scroll to this anchor (click to "Bottom Button") with animation (.w-scroll)

You can enable animated scroll to anchor by adding w-scroll to your `<a href="#anchor"` links

Animate scroll of #hash anchor and put the window to right place with topOffset
* data-keep-hash [false] If #hash anchor is needed in url set true, otherwise u will not see the #hash in url
* data-top-offset [10] The NEGATIVE offset from top (for not cover things with navbar or other things)
* data-animation [1000] The duration of scroll animation

`<a type="button" href="#target-block" class="btn btn-primary w-scroll"> Bottom Button </a>`

### Add target highlight to something

* data-target [-] CSS Selector for select the element on which apply
* data-auto-close [8000] Bool or the ms for close
* data-taregt-class [on-target] The class to add (default have CSS animation but it must be on the #anchor element also)

`<a type="button" href="#target-block" class="btn btn-primary w-target" data-target="#target-block"> Bottom Button </a>`

### Social (official colors also with gradients)

### .w-overlay (Add overlay hover effect with a div inside element)

.animated and .from-top/bottom + left/right is used for animate content that is inside overlay and it isn't shown at start but compare on hover with the set direction

By add -inverse to .overlay or .animated the inverted behaviour will be used

## withAbook

`div.w-overlay + div.overlay + h2.z-1 and some custom style`

### withAdude

`div.w-overlay + div.overlay-inverse +h3.animated.from-top`

### withAgram

`div.w-overlay + div.overlay + h3.animated.from-bottom`

### .w-showhide Show Hide Box collapsable

Like bootstrap collapse on the left (but with document click collapse, self call without #id and switcher)

## Show / Hide

#### Content

## Hide / Show

#### Tnetnoc

## No .collapsable

#### No close on click outside

## Bs collapse

#### Content

## Bs collapse

#### Tnetnoc

### Slick carousel (.slick-carousel)

Artur Mamedov aka #withArtur #withFront

This MarkUp use HTML5 Boilerplate v6.0.1

##### Credits:

- Photo by Sara Kurfeß on Unsplash
  Sara Kurfeß
- Photo by NeONBRAND on Unsplash
  NeONBRAND
- Photo by lalo Hernandez on Unsplash
  lalo Hernandez

Made with and

Sliding Panel Btn & Panel

Another implementation it if you click on `cog` button, it have custom btn, instead this pre-configured

Modifica pagina "Home" Modifica Pagina "Figlia di Home" Modifica categoria offerte Modifica offerta "Nome Offerta"

Torna su

Bottom Button Top Button