37 | 
44 | 
51 | 
Help support us by turning off adblock. If you still prefer to keep adblock on for this page but still want to support us, feel free to donate. Any little bit helps.
50 | 
51 |
52 |
53 |
76 |
54 |
75 |
55 |
74 | Parallax
56 |Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.
57 | 58 |Parallax Demo HTML
59 |
60 | <div class="parallax-container">
61 | <div class="parallax"><img src="images/parallax1.jpg"></div>
62 | </div>
63 | <div class="section white">
64 | <div class="row container">
65 | <h2 class="header">Parallax</h2>
66 | <p class="grey-text text-darken-3 lighten-3">Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.</p>
67 | </div>
68 | </div>
69 | <div class="parallax-container">
70 | <div class="parallax"><img src="images/parallax2.jpg"></div>
71 | </div>
72 |
77 | 
78 |
79 |
80 |
85 |
213 |
214 |
215 |
216 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
241 |
242 |
243 |
--------------------------------------------------------------------------------
/docs/js/lunr.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 0.5.12
3 | * Copyright (C) 2015 Oliver Nightingale
4 | * MIT Licensed
5 | * @license
6 | */
7 | !function(){var t=function(e){var n=new t.Index;return n.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),e&&e.call(n,n),n};t.version="0.5.12",t.utils={},t.utils.warn=function(t){return function(e){t.console&&console.warn&&console.warn(e)}}(this),t.EventEmitter=function(){this.events={}},t.EventEmitter.prototype.addListener=function(){var t=Array.prototype.slice.call(arguments),e=t.pop(),n=t;if("function"!=typeof e)throw new TypeError("last argument must be a function");n.forEach(function(t){this.hasHandler(t)||(this.events[t]=[]),this.events[t].push(e)},this)},t.EventEmitter.prototype.removeListener=function(t,e){if(this.hasHandler(t)){var n=this.events[t].indexOf(e);this.events[t].splice(n,1),this.events[t].length||delete this.events[t]}},t.EventEmitter.prototype.emit=function(t){if(this.hasHandler(t)){var e=Array.prototype.slice.call(arguments,1);this.events[t].forEach(function(t){t.apply(void 0,e)})}},t.EventEmitter.prototype.hasHandler=function(t){return t in this.events},t.tokenizer=function(t){return arguments.length&&null!=t&&void 0!=t?Array.isArray(t)?t.map(function(t){return t.toLowerCase()}):t.toString().trim().toLowerCase().split(/[\s\-]+/):[]},t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions={},t.Pipeline.registerFunction=function(e,n){n in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+n),e.label=n,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var n=e.label&&e.label in this.registeredFunctions;n||t.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},t.Pipeline.load=function(e){var n=new t.Pipeline;return e.forEach(function(e){var i=t.Pipeline.registeredFunctions[e];if(!i)throw new Error("Cannot load un-registered function: "+e);n.add(i)}),n},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(e){t.Pipeline.warnIfFunctionNotRegistered(e),this._stack.push(e)},this)},t.Pipeline.prototype.after=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var i=this._stack.indexOf(e);if(-1==i)throw new Error("Cannot find existingFn");i+=1,this._stack.splice(i,0,n)},t.Pipeline.prototype.before=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var i=this._stack.indexOf(e);if(-1==i)throw new Error("Cannot find existingFn");this._stack.splice(i,0,n)},t.Pipeline.prototype.remove=function(t){var e=this._stack.indexOf(t);-1!=e&&this._stack.splice(e,1)},t.Pipeline.prototype.run=function(t){for(var e=[],n=t.length,i=this._stack.length,o=0;n>o;o++){for(var r=t[o],s=0;i>s&&(r=this._stack[s](r,o,t),void 0!==r);s++);void 0!==r&&e.push(r)}return e},t.Pipeline.prototype.reset=function(){this._stack=[]},t.Pipeline.prototype.toJSON=function(){return this._stack.map(function(e){return t.Pipeline.warnIfFunctionNotRegistered(e),e.label})},t.Vector=function(){this._magnitude=null,this.list=void 0,this.length=0},t.Vector.Node=function(t,e,n){this.idx=t,this.val=e,this.next=n},t.Vector.prototype.insert=function(e,n){this._magnitude=void 0;var i=this.list;if(!i)return this.list=new t.Vector.Node(e,n,i),this.length++;if(e
36 |
118 |
119 |
120 |
121 |
133 |
134 |
136 |
166 |
167 |
137 |
151 | 152 |
153 |
165 | Materialize
138 |
139 |
141 | A modern responsive front-end framework based on Material Design
140 |
142 | Get Started
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 | 151 | 152 |
168 |
231 |
232 |
233 |
169 |
170 |
209 |
210 |
171 |
176 |
177 |
172 |
173 |
174 |
175 | 173 |
174 |
178 |
180 |
181 |
182 | Materialize simplifies life for developers and the users they serve.
179 |
183 |
207 |
208 |
184 |
190 |
191 |
185 | flash_on
186 |
189 | Speeds up development
187 |We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers.
188 |
192 |
198 |
199 |
193 | group
194 |
197 | User Experience Focused
195 |By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.
196 |
200 |
206 |
201 | settings
202 |
205 | Easy to work with
203 |We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any questions a user may have about Materialize.
204 |
211 |
217 |
218 |
212 |
216 | Showcase
213 |Checkout what people are creating with Materialize. Get inspired by these beautiful sites and you can even submit your own website to be showcased here.
214 | Explore our Showcase 215 |
219 |
230 |
220 |
229 | Themes
221 |
222 | 
225 |
226 | Explore our Themes 227 |
228 | 223 | Take a look at our official themes for Materialize.
224 |
225 | 226 | Explore our Themes 227 |
47 |
143 |
144 |
145 |
146 |
158 |
159 |
161 | Pulse - Materialize
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
46 |
160 | Breadcrumbs - Materialize
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
46 |
160 | Switches - Materialize
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
46 |
160 |
162 |
199 |
200 |
328 |
329 |
330 |
331 |
333 |
334 |
335 |
336 |
337 |
338 |
339 |
340 |
341 |
342 |
343 |
344 |
345 |
346 |
356 |
357 |
358 |
--------------------------------------------------------------------------------
/pulse.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
163 |
164 |
165 |
184 |
198 |
166 | 
172 |
173 |
174 |
175 |
176 | Navbar
167 |The navbar is fully contained by an HTML5 Nav tag. Inside a recommended container div, there are 2 main parts of the navbar. A logo or brand link, and the navigations links. You can align these links to the left or right. 168 |
169 |Drag Out Menu
170 |This plugin includes several options for customizing the menu. See Plugin Options for details.
171 |
172 |
173 |
177 | 
181 |
182 |
183 | Toast
178 |Swipe to Dismiss
179 |On all devices, you can swipe to dismiss toasts.
180 |
181 |
182 |
47 |
143 |
144 |
145 |
146 |
158 |
159 |
161 |
201 |
202 |
162 |
200 |
163 |
164 |
183 |
184 |
185 |
198 |
199 |
165 |
168 | 173 |
174 | 175 |
182 | Draw attention to your buttons with this subtle but captivating effect. Just add the class pulse to your button. Note: This is meant for floating buttons, so it may not work perfectly with every component.
168 | 173 |
174 | 175 |
Pulse HTML Structure
176 |
177 | <a class="btn-floating pulse"><i class="material-icons">menu</i></a>
178 | <a class="btn-floating btn-large pulse"><i class="material-icons">cloud</i></a>
179 | <a class="btn-floating btn-large cyan pulse"><i class="material-icons">edit</i></a>
180 |
47 |
143 |
144 |
145 |
146 |
158 |
159 |
161 |
220 |
221 |
222 |
162 |
163 |
219 |
164 |
165 |
166 |
203 |
204 |
217 |
218 |
167 |
168 |
199 |
200 |
201 |
202 |
169 |
198 |
170 |
184 |
196 |
197 | Breadcrumbs are a good way to display your current location. This is usually used when you have multiple layers of content.
171 |Basic
172 | 173 | 182 | 183 |184 |
185 | <nav>
186 | <div class="nav-wrapper">
187 | <div class="col s12">
188 | <a href="#!" class="breadcrumb">First</a>
189 | <a href="#!" class="breadcrumb">Second</a>
190 | <a href="#!" class="breadcrumb">Third</a>
191 | </div>
192 | </div>
193 | </nav>
194 | 196 |
47 |
143 |
144 |
145 |
146 |
158 |
159 |
161 |
234 |
235 |
162 |
163 |
233 |
164 |
165 |
166 |
218 |
231 |
232 |
167 |
215 |
216 |
217 | Switches are special checkboxes used for binary states such as on / off
168 | 193 |
194 | <!-- Switch -->
195 | <div class="switch">
196 | <label>
197 | Off
198 | <input type="checkbox">
199 | <span class="lever"></span>
200 | On
201 | </label>
202 | </div>
203 |
204 | <!-- Disabled Switch -->
205 | <div class="switch">
206 | <label>
207 | Off
208 | <input disabled type="checkbox">
209 | <span class="lever"></span>
210 | On
211 | </label>
212 | </div>
213 |