...
` but you could put any other element `div/span/a/img...`
32 |
33 | ### Setup
34 | ```
35 | $('.owl-carousel').owlCarousel({
36 | loop:true,
37 | margin:10,
38 | nav:true,
39 | responsive:{
40 | 0:{
41 | items:1
42 | },
43 | 600:{
44 | items:3
45 | },
46 | 1000:{
47 | items:5
48 | }
49 | }
50 | })
51 | ```
52 | ### html
53 | ```
54 | `.
41 | Class "owl-carousel" is mandatory to apply proper styles that come from owl.carousel.css file. If you want the default nav controls like dots or buttons, you must also include the "owl-theme" class on that same div.
42 |
43 | ```
44 |
45 |
46 |
Your Content
47 |
Your Content
48 |
Your Content
49 |
Your Content
50 |
Your Content
51 |
Your Content
52 |
Your Content
53 |
54 | ```
55 |
56 | ### Call the plugin
57 |
58 | Now call the Owl initializer function and your carousel is ready.
59 |
60 | ```
61 | $(document).ready(function(){
62 | $(".owl-carousel").owlCarousel();
63 | });
64 | ```
65 | > See [demos](/OwlCarousel2/demos/demos.html) for customisation and options usage.
66 |
67 | ### Next Step
68 |
69 | ####[FAQ](started-faq.html)
70 |
71 | {{/markdown }}
72 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/docs_src/templates/pages/demos/stagepadding.hbs:
--------------------------------------------------------------------------------
1 | ---
2 | title: Stage Padding Demo
3 | subTitle: stagePadding
4 | nav: demos
5 | description: Stage Padding usage demo
6 | sort: 8
7 |
8 | tags:
9 | - demo
10 | - core
11 | ---
12 |
13 |
14 |
1
15 |
2
16 |
3
17 |
4
18 |
5
19 |
6
20 |
7
21 |
8
22 |
9
23 |
10
24 |
11
25 |
12
26 |
27 |
28 | {{#markdown }}
29 | ### Overview
30 |
31 | Stage padding option adds left and right padding style (in pixels) onto stage-wrapper.
32 |
33 | Option:
34 | ```
35 | stagePadding: Number
36 | ```
37 |
38 | ### Setup
39 | ```
40 | $('.owl-carousel').owlCarousel({
41 | stagePadding: 50,
42 | loop:true,
43 | margin:10,
44 | nav:true,
45 | responsive:{
46 | 0:{
47 | items:1
48 | },
49 | 600:{
50 | items:3
51 | },
52 | 1000:{
53 | items:5
54 | }
55 | }
56 | })
57 | ```
58 | ### html
59 | ```
60 |
61 |
1
62 |
2
63 |
3
64 |
4
65 |
5
66 |
6
67 |
7
68 |
8
69 |
9
70 |
10
71 |
11
72 |
12
73 |
74 | ```
75 |
76 | {{/markdown }}
77 |
78 |
--------------------------------------------------------------------------------
/assets/lib/flexslider/fonts/flexslider-icon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | This is a custom SVG font generated by IcoMoon.
6 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/src/js/owl.support.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Support Plugin
3 | *
4 | * @version 2.1.0
5 | * @author Vivid Planet Software GmbH
6 | * @author Artus Kolanowski
7 | * @author David Deutsch
8 | * @license The MIT License (MIT)
9 | */
10 | ;(function($, window, document, undefined) {
11 |
12 | var style = $('
').get(0).style,
13 | prefixes = 'Webkit Moz O ms'.split(' '),
14 | events = {
15 | transition: {
16 | end: {
17 | WebkitTransition: 'webkitTransitionEnd',
18 | MozTransition: 'transitionend',
19 | OTransition: 'oTransitionEnd',
20 | transition: 'transitionend'
21 | }
22 | },
23 | animation: {
24 | end: {
25 | WebkitAnimation: 'webkitAnimationEnd',
26 | MozAnimation: 'animationend',
27 | OAnimation: 'oAnimationEnd',
28 | animation: 'animationend'
29 | }
30 | }
31 | },
32 | tests = {
33 | csstransforms: function() {
34 | return !!test('transform');
35 | },
36 | csstransforms3d: function() {
37 | return !!test('perspective');
38 | },
39 | csstransitions: function() {
40 | return !!test('transition');
41 | },
42 | cssanimations: function() {
43 | return !!test('animation');
44 | }
45 | };
46 |
47 | function test(property, prefixed) {
48 | var result = false,
49 | upper = property.charAt(0).toUpperCase() + property.slice(1);
50 |
51 | $.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {
52 | if (style[property] !== undefined) {
53 | result = prefixed ? property : true;
54 | return false;
55 | }
56 | });
57 |
58 | return result;
59 | }
60 |
61 | function prefixed(property) {
62 | return test(property, true);
63 | }
64 |
65 | if (tests.csstransitions()) {
66 | /* jshint -W053 */
67 | $.support.transition = new String(prefixed('transition'))
68 | $.support.transition.end = events.transition.end[ $.support.transition ];
69 | }
70 |
71 | if (tests.cssanimations()) {
72 | /* jshint -W053 */
73 | $.support.animation = new String(prefixed('animation'))
74 | $.support.animation.end = events.animation.end[ $.support.animation ];
75 | }
76 |
77 | if (tests.csstransforms()) {
78 | /* jshint -W053 */
79 | $.support.transform = new String(prefixed('transform'));
80 | $.support.transform3d = tests.csstransforms3d();
81 | }
82 |
83 | })(window.Zepto || window.jQuery, window, document);
84 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/docs_src/templates/pages/docs/started-welcome.hbs:
--------------------------------------------------------------------------------
1 | ---
2 | title: Welcome
3 | subTitle: Getting Started
4 | nav: docs
5 | description: Owl Carousel Documentation
6 |
7 | sort: 1
8 |
9 | tags:
10 | - Getting Started
11 | ---
12 |
13 | {{#markdown }}
14 | ## Welcome
15 |
16 | > No matter if you are a beginner or an advanced user, starting with Owl is easy.
17 |
18 | ### New Features
19 |
20 | * Infinity Loop
21 | * Center item
22 | * Smart Speed
23 | * Stage Padding
24 | * Item Margin
25 | * Ability to make almost all options responsive
26 | * Various Widths
27 | * Callback Events
28 | * RTL
29 | * YouTube/Vimeo/vzaar support (fetching thumbnails as well)
30 | * Anchors navigation
31 | * Merged Items
32 | * and more...
33 |
34 | ### Compatibility
35 |
36 | Owl Carousel 2.x.x is not compatibile with previous version 1.x.x. The idea stays the same and it has a lot in common with Owl1 but the core code was re-written from scratch and I’m very proud with all the new features.
37 |
38 | Owl Carousel has been tested in following browsers/devices:
39 |
40 | * Chrome
41 | * Firefox
42 | * Opera
43 | * IE7/8/10/11
44 | * iPad Safari
45 | * iPod4 Safari
46 | * Nexus 7 Chrome
47 | * Galaxy S4
48 | * Nokia 8s Windows8
49 |
50 |
51 | ### Library
52 |
53 | Download a version that suits your needs:
54 |
55 | * [Owl Carousel - {{ pkg.version }}](https://github.com/OwlCarousel2/OwlCarousel2/archive/{{ pkg.version }}.zip) - Distributed version - compiled and minified. Javascript, images and CSS included.
56 | * [Owl Carousel Source - {{ pkg.version }}]({{ app.download }}) - Source files including this documentation. All wrapped in Grunt project.
57 |
58 | ### Files included
59 |
60 | Distributed version structure:
61 |
62 | ```
63 | owlcarousel/
64 | ├── assets/
65 | │ ├── owl.carousel.css
66 | │ ├── owl.carousel.min.css
67 | │ ├── owl.theme.default.css
68 | │ ├── owl.theme.default.min.css
69 | │ ├── owl.theme.green.css
70 | │ ├── owl.theme.green.min.css
71 | │ └── owl.video.play.png
72 | │
73 | ├── owl.carousel.js
74 | ├── owl.carousel.min.js
75 | ├── LICENSE-MIT
76 | └── README.md
77 | ```
78 |
79 | ### Dependecies
80 |
81 | Get the latest [jQuery](https://jquery.com/) or [Zepto](http://zeptojs.com/) library.
82 | Minumum compatibile jQuery version is 1.8.3 version.
83 |
84 |
85 | ### Next Step
86 |
87 | ####[Installation](started-installation.html)
88 |
89 |
90 | {{/markdown }}
91 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/docs_src/templates/pages/demos/mousewheel.hbs:
--------------------------------------------------------------------------------
1 | ---
2 | title: Mousewheel Demo
3 | subTitle: Mousewheel
4 | nav: demos
5 | description: Mousewheel usage demo
6 | sort: 1
7 |
8 | tags:
9 | - demo
10 | - external
11 | ---
12 |
13 |
14 |
1
15 |
2
16 |
3
17 |
4
18 |
5
19 |
6
20 |
7
21 |
8
22 |
9
23 |
10
24 |
11
25 |
12
26 |
14 |
0
15 |
1
16 |
2
17 |
3
18 |
4
19 |
5
20 |
6
21 |
7
22 |
8
23 |
9
24 |
10
25 |
11
26 |
12
27 |
13
28 |
14
29 |
15
30 |
zero
33 | three
34 | five
35 | seven
36 | ten
37 |
38 |
39 | {{#markdown }}
40 | ### Overview
41 |
42 | > URLhashListener option is listening for url hash change and is looking for slide with the same data name e.g. `data-hash="zero"`
43 |
44 | Also `startPosition` option accept string: `'URLHash'`. This will load corresponding items on startup. Browser history back button is also affected.
45 |
46 | ### Setup
47 | ```
48 | $('.owl-carousel').owlCarousel({
49 | items:4,
50 | loop:false,
51 | center:true,
52 | margin:10,
53 | URLhashListener:true,
54 | autoplayHoverPause:true,
55 | startPosition: 'URLHash'
56 | });
57 | ```
58 | {{/markdown }}
59 |
60 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/src/scss/_core.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Owl Carousel - Core
3 | */
4 | .owl-carousel {
5 | display: none;
6 | width: 100%;
7 | -webkit-tap-highlight-color: transparent;
8 | /* position relative and z-index fix webkit rendering fonts issue */
9 | position: relative;
10 | z-index: 1;
11 |
12 | .owl-stage {
13 | position: relative;
14 | -ms-touch-action: pan-Y;
15 | -moz-backface-visibility: hidden; /* fix firefox animation glitch */
16 | }
17 |
18 | .owl-stage:after {
19 | content: ".";
20 | display: block;
21 | clear: both;
22 | visibility: hidden;
23 | line-height: 0;
24 | height: 0;
25 | }
26 |
27 | .owl-stage-outer {
28 | position: relative;
29 | overflow: hidden;
30 | /* fix for flashing background */
31 | -webkit-transform: translate3d(0px, 0px, 0px);
32 | }
33 |
34 | .owl-wrapper,
35 | .owl-item{
36 | -webkit-backface-visibility: hidden;
37 | -moz-backface-visibility: hidden;
38 | -ms-backface-visibility: hidden;
39 | -webkit-transform: translate3d(0,0,0);
40 | -moz-transform: translate3d(0,0,0);
41 | -ms-transform: translate3d(0,0,0);
42 | }
43 |
44 | .owl-item {
45 | position: relative;
46 | min-height: 1px;
47 | float: left;
48 | -webkit-backface-visibility: hidden;
49 | -webkit-tap-highlight-color: transparent;
50 | -webkit-touch-callout: none;
51 | }
52 | .owl-item img {
53 | display: block;
54 | width: 100%;
55 | }
56 |
57 | .owl-nav.disabled,
58 | .owl-dots.disabled {
59 | display: none;
60 | }
61 |
62 | .owl-nav .owl-prev,
63 | .owl-nav .owl-next,
64 | .owl-dot {
65 | cursor: pointer;
66 | cursor: hand;
67 | -webkit-user-select: none;
68 | -khtml-user-select: none;
69 | -moz-user-select: none;
70 | -ms-user-select: none;
71 | user-select: none;
72 | }
73 |
74 | &.owl-loaded {
75 | display: block;
76 | }
77 |
78 | &.owl-loading {
79 | opacity: 0;
80 | display: block;
81 | }
82 |
83 | &.owl-hidden {
84 | opacity: 0;
85 | }
86 |
87 | &.owl-refresh .owl-item {
88 | visibility: hidden;
89 | }
90 |
91 | &.owl-drag .owl-item {
92 | -webkit-user-select: none;
93 | -moz-user-select: none;
94 | -ms-user-select: none;
95 | user-select: none;
96 | }
97 |
98 | &.owl-grab {
99 | cursor: move;
100 | cursor: grab;
101 | }
102 |
103 | &.owl-rtl {
104 | direction: rtl;
105 | }
106 |
107 | &.owl-rtl .owl-item {
108 | float: right;
109 | }
110 | }
111 |
112 | /* No Js */
113 | .no-js .owl-carousel {
114 | display: block;
115 | }
116 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/docs_src/assets/scss/highlight.scss:
--------------------------------------------------------------------------------
1 | /*
2 |
3 | github.com style (c) Vasily Polovnyov
4 |
5 | */
6 |
7 | pre {
8 | overflow-y: hidden;
9 | margin-bottom: 2rem;
10 | background: #f8f8f8;
11 | }
12 |
13 | .hljs {
14 | display: block;
15 | color: #333;
16 | background: #f8f8f8;
17 | padding: 2rem;
18 | line-height: 1.4;
19 | overflow-x: scroll;
20 | }
21 |
22 | .hljs-comment,
23 | .hljs-template_comment,
24 | .diff .hljs-header,
25 | .hljs-javadoc {
26 | color: #B9B9B9;
27 | font-style: italic
28 | }
29 |
30 | .hljs-keyword,
31 | .css .rule .hljs-keyword,
32 | .hljs-winutils,
33 | .javascript .hljs-title,
34 | .nginx .hljs-title,
35 | .hljs-subst,
36 | .hljs-request,
37 | .hljs-status {
38 | color: #333;
39 | font-weight: bold
40 | }
41 |
42 | .hljs-number,
43 | .hljs-hexcolor,
44 | .ruby .hljs-constant {
45 | color: #099;
46 | }
47 |
48 | .hljs-string,
49 | .hljs-tag .hljs-value,
50 | .hljs-phpdoc,
51 | .tex .hljs-formula {
52 | color: #bd240d
53 | }
54 |
55 | .hljs-title,
56 | .hljs-id,
57 | .coffeescript .hljs-params,
58 | .scss .hljs-preprocessor {
59 | color: #900;
60 | font-weight: bold
61 | }
62 |
63 | .javascript .hljs-title,
64 | .lisp .hljs-title,
65 | .clojure .hljs-title,
66 | .hljs-subst {
67 | font-weight: normal
68 | }
69 |
70 | .hljs-class .hljs-title,
71 | .haskell .hljs-type,
72 | .vhdl .hljs-literal,
73 | .tex .hljs-command {
74 | color: #458;
75 | font-weight: bold
76 | }
77 |
78 | .hljs-tag,
79 | .hljs-tag .hljs-title,
80 | .hljs-rules .hljs-property,
81 | .django .hljs-tag .hljs-keyword {
82 | color: #000080;
83 | font-weight: normal
84 | }
85 |
86 | .hljs-attribute,
87 | .hljs-variable,
88 | .lisp .hljs-body {
89 | color: #008080
90 | }
91 |
92 | .hljs-regexp {
93 | color: #009926
94 | }
95 |
96 | .hljs-symbol,
97 | .ruby .hljs-symbol .hljs-string,
98 | .lisp .hljs-keyword,
99 | .tex .hljs-special,
100 | .hljs-prompt {
101 | color: #333333
102 | }
103 |
104 | .hljs-built_in,
105 | .lisp .hljs-title,
106 | .clojure .hljs-built_in {
107 | color: #0086b3
108 | }
109 |
110 | .hljs-preprocessor,
111 | .hljs-pragma,
112 | .hljs-pi,
113 | .hljs-doctype,
114 | .hljs-shebang,
115 | .hljs-cdata {
116 | color: #999;
117 | font-weight: bold
118 | }
119 |
120 | .hljs-deletion {
121 | background: #fdd
122 | }
123 |
124 | .hljs-addition {
125 | background: #dfd
126 | }
127 |
128 | .diff .hljs-change {
129 | background: #0086b3
130 | }
131 |
132 | .hljs-chunk {
133 | color: #aaa
134 | }
135 |
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/docs_src/templates/pages/demos/autowidth.hbs:
--------------------------------------------------------------------------------
1 | ---
2 | title: Auto Width Demo
3 | subTitle: Auto Width
4 | nav: demos
5 | description: Auto Width
6 | sort: 6
7 |
8 | tags:
9 | - demo
10 | - core
11 | ---
12 |
13 |
14 |
1
15 |
2
16 |
3
17 |
4
18 |
6
19 |
7
20 |
8
21 |
9
22 |
10
23 |
11
24 |
12
25 |
13
26 |
14
27 |
15
28 |
47 |
1
48 |
2
49 |
3
50 |
4
51 |
6
52 |
7
53 |
8
54 |
9
55 |
10
56 |
11
57 |
12
58 |
13
59 |
14
60 |
15
61 |
-' class to main element. Can be used to stylize content on given breakpoint."
91 | }
92 | ]
--------------------------------------------------------------------------------
/assets/scss/_typography.scss:
--------------------------------------------------------------------------------
1 | a {
2 | color: #111;
3 | }
4 |
5 | a:hover, a:focus {
6 | text-decoration: none;
7 | color: #aaa;
8 | outline: 0;
9 | }
10 |
11 | .bg-dark a {
12 | color: #aaa;
13 | }
14 |
15 | .bg-dark a:hover, .bg-dark a:focus {
16 | color: #fff;
17 | }
18 |
19 | h1, h2, h3, h4, h5, h6 {
20 | line-height: 1.4;
21 | font-weight: 400;
22 | }
23 |
24 | p, ol, ul, blockquote {
25 | margin: 0 0 20px;
26 | }
27 |
28 | blockquote {
29 | border: 0;
30 | font-style: italic;
31 | font-size: 15px;
32 | padding: 0;
33 | }
34 |
35 | .font-alt {
36 | font-family: "Roboto Condensed", sans-serif;
37 | text-transform: uppercase;
38 | letter-spacing: 2px;
39 | }
40 |
41 | .font-serif {
42 | font-family: Volkhov, "Times New Roman", sans-serif;
43 | font-style: italic;
44 | }
45 |
46 | .large-text {
47 | font-size: 24px !important;
48 | }
49 |
50 | .rotate {
51 | text-shadow: none !important;
52 | }
53 |
54 | .module-title {
55 | position: relative;
56 | letter-spacing: 4px;
57 | text-align: center;
58 | font-weight: 400;
59 | font-size: 30px;
60 | color: #111;
61 | margin: 0 0 70px;
62 | }
63 |
64 | .module-subtitle {
65 | text-align: center;
66 | font-size: 16px;
67 | color: #111;
68 | margin-bottom: 70px;
69 | }
70 |
71 | .module-icon {
72 | text-align: center;
73 | font-size: 32px;
74 | margin-bottom: 20px;
75 | }
76 |
77 | .module-title + .module-subtitle {
78 | margin-top: -35px;
79 | }
80 |
81 | /* Restaurant module header */
82 |
83 | .alt-module-subtitle {
84 | display: table;
85 | }
86 |
87 | .alt-module-subtitle h5 {
88 | display: table-cell;
89 | white-space: pre;
90 | padding: 0 8px;
91 | color: #111;
92 | }
93 |
94 | /* Finance case study header */
95 | .finance-image-content {
96 | border: 1px solid #e5e5e5;
97 | padding: 60px 0px;
98 |
99 | .module-title {
100 | margin-bottom: 20px;
101 | }
102 |
103 | .alt-features-item {
104 | margin-top: 40px;
105 | }
106 | }
107 |
108 | /* Landing Page */
109 |
110 | .landing-reason {
111 | .module-title {
112 | color: #e6af4b;
113 | }
114 | .module-title + .module-subtitle {
115 | margin-top: -60px;
116 | margin-bottom: 40px;
117 | }
118 | }
119 |
120 | .free-trial {
121 | background-color: rgba(88, 20, 158, 0.9);
122 | color: #FFFFFF;
123 |
124 | .color-golden {
125 | color: #e6af4b;
126 | }
127 | }
128 |
129 | /* Special Portfolio Page */
130 |
131 | .special-portfolio-header-title {
132 | border: 1px solid rgba(255, 255, 255, 0.7);
133 | font-size: 50px;
134 | padding: 40px 0px;
135 | letter-spacing: 8px;
136 | }
--------------------------------------------------------------------------------
/assets/lib/owl.carousel/docs_src/templates/pages/demos/center.hbs:
--------------------------------------------------------------------------------
1 | ---
2 | title: Center Demo
3 | subTitle: Center
4 | nav: demos
5 | description: Center carousel
6 | sort: 3
7 |
8 | tags:
9 | - demo
10 | - core
11 | ---
12 | {{#markdown }}
13 | #### Center with loop
14 | {{/markdown }}
15 |
16 |
17 |
1
18 |
2
19 |
3
20 |
4
21 |
5
22 |
6
23 |
7
24 |
8
25 |
9
26 |
10
27 |
11
28 |
12
29 |
37 |
1
38 |
2
39 |
3
40 |
4
41 |
5
42 |
6
43 |
7
44 |
8
45 |
9
46 |
10
47 |
11
48 |
12
49 |
14 |
1
15 |
2
16 |
3
17 |
4
18 |
6
19 |
7
20 |
8
21 |
9
22 |
10
23 |
11
24 |
12
25 |
13
26 |
14
27 |
15
28 |
56 |
1
57 |
2
58 |
3
59 |
4
60 |
6
61 |
7
62 |
8
63 |
9
64 |
10
65 |
11
66 |
12
67 |
13
68 |
14
69 |
15
70 |
"+i+" ").appendTo(t);e(""+n[s+1]+" ").appendTo(t);t.wrapInner(""+i+" ").appendTo(t);e(""+n[s+1]+" ").appendTo(t);t.wrapInner(""+i+" ").appendTo(t);e(""+n[s+1]+" ").appendTo(t);t.wrapInner(""+i+" ").appendTo(t);e(""+n[s+1]+" ").appendTo(t);t.wrapInner("
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
15 |
1
16 |
2
17 |
3
18 |
4
19 |
5
20 |
6
21 |
7
22 |
8
23 |
9
24 |
10
25 |
11
26 |
12
27 |
30 |
on initialize.owl.carousel
31 |
on initialized.owl.carousel
32 |
on resize.owl.carousel
33 |
on resized.owl.carousel
34 |
on refresh.owl.carousel
35 |
on refreshed.owl.carousel
36 |
on update.owl.carousel
37 |
on updated.owl.carousel
38 |
on drag.owl.carousel
39 |
on dragged.owl.carousel
40 |
on translate.owl.carousel
41 |
on translated.owl.carousel
42 |
on to.owl.carousel
43 |
on changed.owl.carousel
44 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
65 |
Your Content
66 |
Your Content
67 |
Your Content
68 |
Your Content
69 |
Your Content
70 |
Your Content
71 |
Your Content
72 |
65 |
Your Content
66 |
Your Content
67 |
Your Content
68 |
Your Content
69 |
Your Content
70 |
Your Content
71 |
Your Content
72 |
8 | 
20 | 
12 |