``` - `resetSliders`: (default `false`). [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether or not to reset every slider after leaving its section. Requires fullpage.js >= 3.0.1. - `fadingEffect`: (default `false`). [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether to use a fading effect or not instead of the default scrolling one. Possible values are `true`, `false`, `sections`, `slides`. It can therefore be applied just vertically or horizontally, or to both at the time. It can only be used when using: `autoScrolling:true`. Requires fullpage.js >= 3.0.1. - `animateAnchor`: (default `true`) Defines whether the load of the site when given an anchor (#) will scroll with animation to its destination or will directly load on the given section. - `recordHistory`: (default `true`) Defines whether to push the state of the site to the browser's history. When set to `true` each section/slide of the site will act as a new page and the back and forward buttons of the browser will scroll the sections/slides to reach the previous or next state of the site. When set to `false`, the URL will keep changing but will have no effect on the browser's history. This option is automatically turned off when using `autoScrolling:false`. - `menu`: (default `false`) A selector can be used to specify the menu to link with the sections. This way the scrolling of the sections will activate the corresponding element in the menu using the class `active`. This won't generate a menu but will just add the `active` class to the element in the given menu with the corresponding anchor links. In order to link the elements of the menu with the sections, an HTML 5 data-tag (`data-menuanchor`) will be needed to use with the same anchor links as used within the sections. Example: ```html

``` ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], menu: '#myMenu' }); ``` **Note:** the menu element should be placed outside the fullpage wrapper in order to avoid problem when using `css3:true`. Otherwise it will be appended to the `body` by the plugin itself. - `navigation`: (default `false`) If set to `true`, it will show a navigation bar made up of small circles. - `navigationPosition`: (default `none`) It can be set to `left` or `right` and defines which position the navigation bar will be shown (if using one). - `navigationTooltips`: (default []) Defines the tooltips to show for the navigation circles in case they are being used. Example: `navigationTooltips: ['firstSlide', 'secondSlide']`. You can also define them by using the attribute `data-tooltip` in each section if you prefer. - `showActiveTooltip`: (default `false`) Shows a persistent tooltip for the actively viewed section in the vertical navigation. - `slidesNavigation`: (default `false`) If set to `true` it will show a navigation bar made up of small circles for each landscape slider on the site. - `slidesNavPosition`: (default `bottom`) Defines the position for the landscape navigation bar for sliders. Admits `top` and `bottom` as values. You may want to modify the CSS styles to determine the distance from the top or bottom as well as any other style such as color. - `scrollOverflow`: (default `false`) defines whether or not to create a scroll for the section/slide in case its content is bigger than the height of it. When set to `true`, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the `afterRender` callback. In case of setting it to `true`, it requires the vendor library [`scrolloverflow.min.js`](https://github.com/alvarotrigo/fullPage.js/blob/master/vendors/scrolloverflow.min.js). This file has to be loaded before the fullPage.js plugin, but after jQuery ( in case of using it). For example: ```html ``` In order to prevent fullpage.js from creating the scrollbar in certain sections or slides use the class `fp-noscroll`. For example: `

` You can also prevent scrolloverflow from getting applied on responsive mode when using `fp-auto-height-responsive` in the section element. - `scrollOverflowReset`: (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). When set to `true` it scrolls up the content of the section/slide with scroll bar when leaving to another vertical section. This way the section/slide will always show the start of its content even when scrolling from a section under it. - `scrollOverflowOptions`: when using scrollOverflow:true fullpage.js will make use of a forked and modified version of [iScroll.js library](https://github.com/cubiq/iscroll/). You can customize the scrolling behaviour by providing fullpage.js with the iScroll.js options you want to use. Check [its documentation](https://github.com/cubiq/iscroll) for more info. - `sectionSelector`: (default `.section`) Defines the Javascript selector used for the plugin sections. It might need to be changed sometimes to avoid problem with other plugins using the same selectors as fullpage.js. - `slideSelector`: (default `.slide`) Defines the Javascript selector used for the plugin slides. It might need to be changed sometimes to avoid problem with other plugins using the same selectors as fullpage.js. - `responsiveWidth`: (default `0`) A normal scroll (`autoScrolling:false`) will be used under the defined width in pixels. A class `fp-responsive` is added to the body tag in case the user wants to use it for their own responsive CSS. For example, if set to 900, whenever the browser's width is less than 900 the plugin will scroll like a normal site. - `responsiveHeight`: (default `0`) A normal scroll (`autoScrolling:false`) will be used under the defined height in pixels. A class `fp-responsive` is added to the body tag in case the user wants to use it for their own responsive CSS. For example, if set to 900, whenever the browser's height is less than 900 the plugin will scroll like a normal site. - `responsiveSlides`: (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). When set to `true` slides will be turned into vertical sections when responsive mode is fired. (by using the `responsiveWidth` or `responsiveHeight` options detailed above). Requires fullpage.js >= 3.0.1. - `parallax`: (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether or not to use the parallax backgrounds effects on sections / slides. [Read more about how to apply the parallax option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension---Parallax). - `parallaxOptions`: (default: `{ type: 'reveal', percentage: 62, property: 'translate'}`). Allows to configure the parameters for the parallax backgrounds effect when using the option `parallax:true`. [Read more about how to apply the parallax option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension---Parallax). - `dropEffect` (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether or not to use the drop effect on sections / slides. [Read more about how to apply the the drop effect option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension-Drop-Effect). - `dropEffectOptions`: (default: `{ speed: 2300, color: '#F82F4D', zIndex: 9999}`). Allows to configure the parameters for the drop effect when using the option `dropEffect:true`.[Read more about how to apply the the drop effect option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension-Drop-Effect). - `waterEffect` (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether or not to use the water effect on sections / slides. [Read more about how to apply the the water effect option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension-Water-Effect). - `waterEffectOptions`: (default: `{ animateContent: true, animateOnMouseMove: true}`). Allows to configure the parameters for the water effect when using the option `waterEffect:true`.[Read more about how to apply the the water effect option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension-Water-Effect). - `cards`: (default `false`) [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Defines whether or not to use the cards effect on sections/slides. [Read more about how to apply the cards option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension-Cards). - `cardsOptions`: (default: `{ perspective: 100, fadeContent: true, fadeBackground: true}`). Allows you to configure the parameters for the cards effect when using the option `cards:true`. [Read more about how to apply the cards option](https://github.com/alvarotrigo/fullPage.js/wiki/Extension-Cards). - `lazyLoading`: (default `true`) Lazy loading is active by default which means it will lazy load any media element containing the attribute `data-src` as detailed in the [Lazy Loading docs](https://github.com/alvarotrigo/fullPage.js#lazy-loading) . If you want to use any other lazy loading library you can disable this fullpage.js feature. ## Methods You can see them in action [here](http://alvarotrigo.com/fullPage/examples/methods.html) ### getActiveSection() [Demo](https://codepen.io/alvarotrigo/pen/VdpzRN/) Gets an Object (type [Section](https://github.com/alvarotrigo/fullPage.js#callbacks)) containing the active section and its properties. ```javascript fullpage_api.getActiveSection(); ``` ### getActiveSlide() [Demo](https://codepen.io/alvarotrigo/pen/VdpzRN/) Gets an Object (type [Slide](https://github.com/alvarotrigo/fullPage.js#callbacks)) containing the active slide and its properties. ```javascript fullpage_api.getActiveSlide(); ``` ### moveSectionUp() [Demo](http://codepen.io/alvarotrigo/pen/GJXNMN) Scrolls one section up: ```javascript fullpage_api.moveSectionUp(); ``` --- ### moveSectionDown() [Demo](http://codepen.io/alvarotrigo/pen/jPvVZx) Scrolls one section down: ```javascript fullpage_api.moveSectionDown(); ``` --- ### moveTo(section, slide) [Demo](http://codepen.io/alvarotrigo/pen/doqOmY) Scrolls the page to the given section and slide. The first section will have the index 1 whilst the first slide, the visible one by default, will have index 0. ```javascript /*Scrolling to the section with the anchor link `firstSlide` and to the 2nd Slide */ fullpage_api.moveTo('firstSlide', 2); ``` ```javascript //Scrolling to the 3rd section (with index 3) in the site fullpage_api.moveTo(3, 0); //Which is the same as fullpage_api.moveTo(3); ``` --- ### silentMoveTo(section, slide) [Demo](http://codepen.io/alvarotrigo/pen/doqOeY) Exactly the same as [`moveTo`](https://github.com/alvarotrigo/fullPage.js#movetosection-slide) but in this case it performs the scroll without animation. A direct jump to the destination. ```javascript /*Scrolling to the section with the anchor link `firstSlide` and to the 2nd Slide */ fullpage_api.silentMoveTo('firstSlide', 2); ``` --- ### moveSlideRight() [Demo](http://codepen.io/alvarotrigo/pen/Wvgoyz) Scrolls the horizontal slider of the current section to the next slide: ```javascript fullpage_api.moveSlideRight(); ``` --- ### moveSlideLeft() [Demo](http://codepen.io/alvarotrigo/pen/gpdLjW) Scrolls the horizontal slider of the current section to the previous slide: ```javascript fullpage_api.moveSlideLeft(); ``` --- ### setAutoScrolling(boolean) [Demo](http://codepen.io/alvarotrigo/pen/rVZWrR) Sets the scrolling configuration in real time. Defines the way the page scrolling behaves. If it is set to `true`, it will use the "automatic" scrolling, otherwise, it will use the "manual" or "normal" scrolling of the site. ```javascript fullpage_api.setAutoScrolling(false); ``` --- ### setFitToSection(boolean) [Demo](http://codepen.io/alvarotrigo/pen/GJXNYm) Sets the value for the option `fitToSection` determining whether to fit the section in the screen or not. ```javascript fullpage_api.setFitToSection(false); ``` --- ### fitToSection() [Demo](http://codepen.io/alvarotrigo/pen/JWWagj) Scrolls to the nearest active section fitting it in the viewport. ```javascript fullpage_api.fitToSection(); ``` --- ### setLockAnchors(boolean) [Demo](http://codepen.io/alvarotrigo/pen/yNxVRQ) Sets the value for the option `lockAnchors` determining whether anchors will have any effect in the URL or not. ```javascript fullpage_api.setLockAnchors(false); ``` --- ### setAllowScrolling(boolean, [directions]) [Demo](http://codepen.io/alvarotrigo/pen/EjeNdq) Adds or remove the possibility of scrolling through sections/slides by using the mouse wheel/trackpad or touch gestures (which is active by default). Note this won't disable the keyboard scrolling. You would need to use `setKeyboardScrolling` for it. - `directions`: (optional parameter) Admitted values: `all`, `up`, `down`, `left`, `right` or a combination of them separated by commas like `down, right`. It defines the direction for which the scrolling will be enabled or disabled. ```javascript //disabling scrolling fullpage_api.setAllowScrolling(false); //disabling scrolling down fullpage_api.setAllowScrolling(false, 'down'); //disabling scrolling down and right fullpage_api.setAllowScrolling(false, 'down, right'); ``` --- ### setKeyboardScrolling(boolean, [directions]) [Demo](http://codepen.io/alvarotrigo/pen/GJXNwm) Adds or remove the possibility of scrolling through sections by using the keyboard (which is active by default). - `directions`: (optional parameter) Admitted values: `all`, `up`, `down`, `left`, `right` or a combination of them separated by commas like `down, right`. It defines the direction for which the scrolling will be enabled or disabled. ```javascript //disabling all keyboard scrolling fullpage_api.setKeyboardScrolling(false); //disabling keyboard scrolling down fullpage_api.setKeyboardScrolling(false, 'down'); //disabling keyboard scrolling down and right fullpage_api.setKeyboardScrolling(false, 'down, right'); ``` --- ### setRecordHistory(boolean) [Demo](http://codepen.io/alvarotrigo/pen/rVZWQb) Defines whether to record the history for each hash change in the URL. ```javascript fullpage_api.setRecordHistory(false); ``` --- ### setScrollingSpeed(milliseconds) [Demo](http://codepen.io/alvarotrigo/pen/NqLbeY) Defines the scrolling speed in milliseconds. ```javascript fullpage_api.setScrollingSpeed(700); ``` --- ### destroy(type) [Demo](http://codepen.io/alvarotrigo/pen/bdxBzv) Destroys the plugin events and optionally its HTML markup and styles. Ideal to use when using AJAX to load content. - `type`: (optional parameter) can be empty or `all`. If `all` is passed, the HTML markup and styles used by fullpage.js will be removed. This way the original HTML markup, the one used before any plugin modification is made, will be maintained. ```javascript //destroying all Javascript events created by fullPage.js (scrolls, hashchange in the URL...) fullpage_api.destroy(); //destroying all Javascript events and any modification done by fullPage.js over your original HTML markup. fullpage_api.destroy('all'); ``` --- ### reBuild() Updates the DOM structure to fit the new window size or its contents. Ideal to use in combination with AJAX calls or external changes in the DOM structure of the site, specially when using `scrollOverflow:true`. ```javascript fullpage_api.reBuild(); ``` --- ### setResponsive(boolean) [Demo](http://codepen.io/alvarotrigo/pen/WxOyLA) Sets the responsive mode of the page. When set to `true` the autoScrolling will be turned off and the result will be exactly the same one as when the `responsiveWidth` or `responsiveHeight` options get fired. ```javascript fullpage_api.setResponsive(true); ``` --- ### responsiveSlides.toSections() [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Requires fullpage.js >= 3.0.1. Turns horizontal slides into vertical sections. ```javascript fullpage_api.responsiveSlides.toSections(); ``` --- ### responsiveSlides.toSlides() [Extension of fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Requires fullpage.js >= 3.0.1. Turns back the original slides (now converted into vertical sections) into horizontal slides again. ```javascript fullpage_api.responsiveSlides.toSlides(); ``` ## Callbacks [Demo](http://codepen.io/alvarotrigo/pen/XbPNQv) You can see them in action [here](http://alvarotrigo.com/fullPage/examples/callbacks.html). Some callbacks, such as `onLeave` will contain Object type of parameters containing the following properties: - `anchor`: *(String)* item's anchor. - `index`: *(Number)* item's index. - `item`: *(DOM element)* item element. - `isFirst`: *(Boolean)* determines if the item is the first child. - `isLast`: *(Boolean)* determines if the item is the last child. ### afterLoad (origin, destination, direction) Callback fired once the sections have been loaded, after the scrolling has ended. Parameters: - `origin`: *(Object)* section of origin. - `destination`: *(Object)* destination section. - `direction`: *(String)* it will take the values `up` or `down` depending on the scrolling direction. Example: ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], afterLoad: function(origin, destination, direction){ var loadedSection = this; //using index if(origin.index == 2){ alert("Section 3 ended loading"); } //using anchorLink if(origin.anchor == 'secondSlide'){ alert("Section 2 ended loading"); } } }); ``` --- ### onLeave (`origin`, `destination`, `direction`) This callback is fired once the user leaves a section, in the transition to the new section. Returning `false` will cancel the move before it takes place. Parameters: - `origin`: *(Object)* section of origin. - `destination`: *(Object)* destination section. - `direction`: *(String)* it will take the values `up` or `down` depending on the scrolling direction. Example: ```javascript new fullpage('#fullpage', { onLeave: function(origin, destination, direction){ var leavingSection = this; //after leaving section 2 if(origin.index == 1 && direction =='down'){ alert("Going to section 3!"); } else if(origin.index == 1 && direction == 'up'){ alert("Going to section 1!"); } } }); ``` #### Cancelling the scroll before it takes place You can cancel the scroll by returning `false` on the `onLeave` callback: ```javascript new fullpage('#fullpage', { onLeave: function(origin, destination, direction){ //it won't scroll if the destination is the 3rd section if(destination.index == 2){ return false; } } }); ``` --- ### afterRender() This callback is fired just after the structure of the page is generated. This is the callback you want to use to initialize other plugins or fire any code which requires the document to be ready (as this plugin modifies the DOM to create the resulting structure). See [FAQs](https://github.com/alvarotrigo/fullPage.js/wiki/FAQ---Frequently-Answered-Questions) for more info. Example: ```javascript new fullpage('#fullpage', { afterRender: function(){ var pluginContainer = this; alert("The resulting DOM structure is ready"); } }); ``` --- ### afterResize(width, height) This callback is fired after resizing the browser's window. Just after the sections are resized. Parameters: - `width`: *(Number)* window's width. - `height`: *(Number)* window's height. Example: ```javascript new fullpage('#fullpage', { afterResize: function(width, height){ var fullpageContainer = this; alert("The sections have finished resizing"); } }); ``` --- ### afterReBuild() This callback is fired after manually re-building fullpage.js by calling `fullpage_api.reBuild()`. Example: ```javascript new fullpage('#fullpage', { afterReBuild: function(){ console.log("fullPage.js has manually being re-builded"); } }); ``` --- ### afterResponsive(`isResponsive`) This callback is fired after fullpage.js changes from normal to responsive mode or from responsive mode to normal mode. Parameters: - `isResponsive`: *(Boolean)* determines if it enters into responsive mode (`true`) or goes back to normal mode (`false`). Example: ```javascript new fullpage('#fullpage', { afterResponsive: function(isResponsive){ alert("Is responsive: " + isResponsive); } }); ``` --- ### afterSlideLoad (`section`, `origin`, `destination`, `direction`) Callback fired once the slide of a section have been loaded, after the scrolling has ended. Parameters: - `section`: *(Object)* active vertical section. - `origin`: *(Object)* horizontal slide of origin. - `destination`: *(Object)* destination horizontal slide. - `direction`: *(String)* `right` or `left` depending on the scrolling direction. Example: ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], afterSlideLoad: function( section, origin, destination, direction){ var loadedSlide = this; //first slide of the second section if(section.anchor == 'secondPage' && destination.index == 1){ alert("First slide loaded"); } //second slide of the second section (supposing #secondSlide is the //anchor for the second slide) if(section.index == 1 && destination.anchor == 'secondSlide'){ alert("Second slide loaded"); } } }); ``` --- ### onSlideLeave (`section`, `origin`, `destination`, `direction`) This callback is fired once the user leaves an slide to go to another, in the transition to the new slide. Returning `false` will cancel the move before it takes place. Parameters: - `section`: *(Object)* active vertical section. - `origin`: *(Object)* horizontal slide of origin. - `destination`: *(Object)* destination horizontal slide. - `direction`: *(String)* `right` or `left` depending on the scrolling direction. Example: ```javascript new fullpage('#fullpage', { onSlideLeave: function( section, origin, destination, direction){ var leavingSlide = this; //leaving the first slide of the 2nd Section to the right if(section.index == 1 && origin.index == 0 && direction == 'right'){ alert("Leaving the fist slide!!"); } //leaving the 3rd slide of the 2nd Section to the left if(section.index == 1 && origin.index == 2 && direction == 'left'){ alert("Going to slide 2! "); } } }); ``` #### Cancelling a move before it takes place You can cancel a move by returning `false` on the `onSlideLeave` callback. [Same as when canceling a movement with `onLeave`](https://github.com/alvarotrigo/fullPage.js#cancelling-the-scroll-before-it-takes-place). # Reporting issues 1. Please, look for your issue before asking using the github issues search. 2. Make sure you use the latest fullpage.js version. No support is provided for older versions. 3. Use the [the Github Issues forum](https://github.com/alvarotrigo/fullPage.js/issues) to create issues. 4. **An isolated reproduction of the issue will be required.** Make use of [jsfiddle](https://jsfiddle.net/alvarotrigo/ea17skjr/) or [codepen](http://codepen.io/alvarotrigo/pen/NxyPPp) for it if possible. # Contributing to fullpage.js Please see [Contributing to fullpage.js](https://github.com/alvarotrigo/fullPage.js/wiki/Contributing-to-fullpage.js) # Changelog To see the list of recent changes, see [Releases section](https://github.com/alvarotrigo/fullPage.js/releases). # Build tasks Want to build fullpage.js distribution files? Please see [Build Tasks](https://github.com/alvarotrigo/fullPage.js/wiki/Build-tasks) # Resources - Wordpress Plugin [for Gutenberg](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/) and [for Elementor](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/). - [Wordpress theme](https://alvarotrigo.com/fullPage/utils/wordpress.html) - [Official Vue.js wrapper component](https://github.com/alvarotrigo/vue-fullpage.js) - [Official React.js wrapper component](https://github.com/alvarotrigo/react-fullpage) - [Official Angular wrapper component](https://github.com/alvarotrigo/angular-fullpage) - [CSS Easing Animation Tool - Matthew Lein](http://matthewlein.com/ceaser/) (useful to define the `easingcss3` value) - [fullPage.js jsDelivr CDN](https://www.jsdelivr.com/package/npm/fullpage.js) - [fullPage.js plugin for October CMS](https://github.com/freestream/oc-parallax-plugin) - [fullPage.js Angular2 directive](https://github.com/meiblorn/ng2-fullpage) - [fullPage.js angular directive](https://github.com/hellsan631/angular-fullpage.js) - [fullPage.js ember-cli addon](https://www.npmjs.com/package/ember-cli-fullpagejs) - [fullPage.js Rails Ruby Gem](https://rubygems.org/gems/fullpagejs-rails) - [Angular fullPage.js - Adaptation for Angular.js v1.x](https://github.com/mmautomatizacion/angular-fullpage.js) - [Integrating fullPage.js with Wordpress (Tutorial)](http://premium.wpmudev.org/blog/build-apple-inspired-full-page-scrolling-pages-for-your-wordpress-site/) - [Wordpress Plugin for Divi](https://alvarotrigo.com/fullPage/wordpress-plugin-divi/) - [Wordpress Plugin for Elementor](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/) ## Who is using fullPage.js If you want your page to be listed here, please contact me with the URL. [![Google](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/google-4.png)](http://www.yourprimer.com/) ![Coca-cola](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/cocacola-4.png) ![eBay](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ebay-4.png) [![BBC](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bbc-4.png)](http://www.bbc.co.uk/news/resources/idt-d88680d1-26f2-4863-be95-83298fd01e02) ![Sony](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sony-4.png) ![Vodafone](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/vodafone-5.png) ![British Airways](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/british-airways-5.png) ![McDonalds](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mcdonalds-6.png) ![EA](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ea-6.png) ![Vogue](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/vogue-6.png) ![Mi](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mi-6.png) ![Mercedes](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mercedes-5.png) [![sym](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sym-5.png)](http://www.sanyang.com.tw/service/Conception/) ![Bugatti](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bugatti-5.png) ![eDarling](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/edarling-5.png) ![Ubisoft](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ubisoft-5.png) - https://www.coca-colacompany.com/annual-review/2017/index.html - http://www.bbc.co.uk/news/resources/idt-d88680d1-26f2-4863-be95-83298fd01e02 - http://www.newjumoconcept.com/ - http://www.shootinggalleryasia.com/ - http://medoff.ua/en/ - http://promo.prestigio.com/grace1/ - http://torchbrowser.com/ - http://thekorner.fr/ - http://charlotteaimes.com/ - http://www.boxreload.com/ - http://educationaboveall.org/ - http://usescribe.com/ - http://boxx.hk/ - http://www.sanyang.com.tw/service/Conception/ - http://trasmissione-energia.terna.it/ - http://www.villareginateodolinda.it - http://www.kesstrio.com - http://ded-morozz.kiev.ua/ - http://dancingroad.com - http://www.camanihome.com/ You can find another list [here](http://libscore.com/#$.fn.fullpage). ## Donations Donations would be more than welcome :) [![Donate](https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=fullPage%2ejs¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted) ## Sponsors Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://alvarotrigo.com/#contact)] | [[Become a patreon]](https://www.patreon.com/fullpagejs) [![Stackpath](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/stackpath3.png)](https://www.stackpath.com/) [![Browserstack](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/browserstack3.png)](http://www.browserstack.com/) [![CodePen](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/codepen3.png)](https://codepen.com) [![CodeFirst](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/codefirst2.png)](https://www.codefirst.co.uk) ### People