CodeCanyon new JavaScript items 2018-06-21T01:11:02+00:00 FeedCreator 1.8 (info@mypapit.net) Bootstrap Carousel Bundle 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/bootstrap-carousel-bundle/20262667 Bootstrap 4 Carousel

Bootstrap carousel bundle is an all in one product. You don’t need to pay extra money, but instead you can buy thumbnails carousel, multiple items carousel, testimonial carousel, carousel in modal etc in a single item. We are presenting our two highly sales products in one Package.

bootstrap carousel

The above products contains more than 170+ pre-built layouts of bootstrap carousel with new functions like:

  • Touch swipe enables
  • Controlled Slide Duration
  • Carousel with parallax effects
  • Text layers animation effects
  • Controlled slide timing functions
  • Different types of sliding transition effects

SAVE $12 And 50% OFF

You can now save $12 after buying this bundle instead of buying each item separately.

Paradise Slider – Responsive Bootstrap Carousel Plugin = $12
+
Responsive Bootstrap Carousel = $12
= $24
But the Bundle’s New Price is $12 Only

What’s New

This product is full of advanced options and features. It does not include the features of old products but it contains new updated features.]]>
Bootstrap 4 Carousel

Bootstrap carousel bundle is an all in one product. You don’t need to pay extra money, but instead you can buy thumbnails carousel, multiple items carousel, testimonial carousel, carousel in modal etc in a single item. We are presenting our two highly sales products in one Package.

bootstrap carousel

The above products contains more than 170+ pre-built layouts of bootstrap carousel with new functions like:

  • Touch swipe enables
  • Controlled Slide Duration
  • Carousel with parallax effects
  • Text layers animation effects
  • Controlled slide timing functions
  • Different types of sliding transition effects

SAVE $12 And 50% OFF

You can now save $12 after buying this bundle instead of buying each item separately.

Paradise Slider – Responsive Bootstrap Carousel Plugin = $12
+
Responsive Bootstrap Carousel = $12
= $24
But the Bundle’s New Price is $12 Only

What’s New

This product is full of advanced options and features. It does not include the features of old products but it contains new updated features.]]>
Date Picker In Fullscreen - jQuery Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/date-picker-fullscreen-jquery-plugin/20224980

jQuery date input picker plugin that provides a quick and easy way to manage dates for input text fields in fullscreen. Perfect for touch/mobile devices. Its fully responsive and touch friendly.

Mobile Screenshot

Desktop Screenshot

Features

  • Extension of bootstrap-datepicker (Boostrap is not mandatory)
  • Touch friendly
  • Fully responsive design
  • CSS3 effects
  • Swipe support
  • Customizable
  • Multi language
  • Cross-browser support
  • Free support
  • Tons of options
 ----> Update: April 26, 2018    Added a smaller design for landscape mode  ----> Update: November 20, 2017    Fix an issue with blurry text on no retina displays  ----> Update: August 2, 2017    Fix an issue with the scrollbar on Internet Explorer 
]]>

jQuery date input picker plugin that provides a quick and easy way to manage dates for input text fields in fullscreen. Perfect for touch/mobile devices. Its fully responsive and touch friendly.

Mobile Screenshot

Desktop Screenshot

Features

  • Extension of bootstrap-datepicker (Boostrap is not mandatory)
  • Touch friendly
  • Fully responsive design
  • CSS3 effects
  • Swipe support
  • Customizable
  • Multi language
  • Cross-browser support
  • Free support
  • Tons of options
 ----> Update: April 26, 2018    Added a smaller design for landscape mode  ----> Update: November 20, 2017    Fix an issue with blurry text on no retina displays  ----> Update: August 2, 2017    Fix an issue with the scrollbar on Internet Explorer 
]]>
Multi Step Form Wizard jQuery Validation 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/multi-step-form-wizard-jquery-validation/20192265 Multi Step Form Wizard jQuery validation sidebar menu Subscribe to RSS Feed Follow me on Envato Follow me on Facebook

Multi Step Form Wizard jQuery Validation

Multi Step Form Wizard based on Html5, CSS3 and jQuery. It can be used for all type of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS or CRM. Its lightweight and compatible with almost all major browsers and devices.

THIS IS NOT A WORDPRESS PLUGIN

MultiStep Forms Wizard fully responsive on any device like phone, tablet and desktop. We have use animate.css for making animation on step wizard. we have provide full jQuery form validation inside plugin option. you can validate all field or specific field by using this plugin.

Multi Step Form Wizard provide step Counter and step Image feature. You can set field description with popover . you can adapt step navigation clickable to your website’s requirements. All error message are configure inside plugin so you can quickly change error message when you have enable form validation.

PLUGIN FEATURES:

  • 4 step Form Wizard
  • Design & Developed to supports any device using latest Bootstrap 3 framework
  • Multistep Form Wizard along with multi option
  • 100% Responsive and Mobile Friendly
  • Easy customization with Plugin Option
  • Wizard with Step counter Feature
  • Wizard with Step Image feature
  • popOver on all Input field
  • Jquery Form Validation for all field
  • Go to next step with validation or without validation
  • Wizard with Clickable Active Step only
  • Wizard with Clickable All Step
  • Wizard with Disable All Step click
  • Wizard with Multi theme Option

Plugin CREDITS:

  • jQuery
  • bootstrap-grid.css
  • FontAwesome
  • animate.css

Flag Counter

]]>
Multi Step Form Wizard jQuery validation sidebar menu Subscribe to RSS Feed Follow me on Envato Follow me on Facebook

Multi Step Form Wizard jQuery Validation

Multi Step Form Wizard based on Html5, CSS3 and jQuery. It can be used for all type of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS or CRM. Its lightweight and compatible with almost all major browsers and devices.

THIS IS NOT A WORDPRESS PLUGIN

MultiStep Forms Wizard fully responsive on any device like phone, tablet and desktop. We have use animate.css for making animation on step wizard. we have provide full jQuery form validation inside plugin option. you can validate all field or specific field by using this plugin.

Multi Step Form Wizard provide step Counter and step Image feature. You can set field description with popover . you can adapt step navigation clickable to your website’s requirements. All error message are configure inside plugin so you can quickly change error message when you have enable form validation.

PLUGIN FEATURES:

  • 4 step Form Wizard
  • Design & Developed to supports any device using latest Bootstrap 3 framework
  • Multistep Form Wizard along with multi option
  • 100% Responsive and Mobile Friendly
  • Easy customization with Plugin Option
  • Wizard with Step counter Feature
  • Wizard with Step Image feature
  • popOver on all Input field
  • Jquery Form Validation for all field
  • Go to next step with validation or without validation
  • Wizard with Clickable Active Step only
  • Wizard with Clickable All Step
  • Wizard with Disable All Step click
  • Wizard with Multi theme Option

Plugin CREDITS:

  • jQuery
  • bootstrap-grid.css
  • FontAwesome
  • animate.css

Flag Counter

]]>
SmoothBackground - jQuery Smooth Background Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/smoothbackground-jquery-smooth-background-plugin/20183894 instagramtwittersubscribeticksy

SmoothBackground – jQuery Smooth Background Plugin

This simple plugin is designed to smoothly change the background or color of the text. It allows you to choose the duration of the animation, delay, colors and much more. Good luck!

Options:

  • Colors – An array containing a transition palette [array]
  • Property – The property specifies the name of the CSS property the transition effect is for (the transition effect will start when the specified CSS property changes). [string]
  • Duration – The property specifies how many seconds (s) or milliseconds (ms) a transition effect takes to complete. [string]
  • Delay – The property specifies when the transition effect will start. This value is defined in seconds (s) or milliseconds (ms). [string]
  • Timing Function – The property specifies the speed curve of the transition effect. [string]
  • Fill Mode – The property specifies a style for the element when the animation is not playing (when it is finished, or when it has a delay). [string]
  • Scroll Mode – Turn on if you want to activate scroll animation [true/false]
  • Mobile – Turn off animation on mobile devices [true/false]

Note: For commercial usage you need to purchase an extended license (One license for all products)

support

 Version 1.0 * Initial Release 
]]>
instagramtwittersubscribeticksy

SmoothBackground – jQuery Smooth Background Plugin

This simple plugin is designed to smoothly change the background or color of the text. It allows you to choose the duration of the animation, delay, colors and much more. Good luck!

Options:

  • Colors – An array containing a transition palette [array]
  • Property – The property specifies the name of the CSS property the transition effect is for (the transition effect will start when the specified CSS property changes). [string]
  • Duration – The property specifies how many seconds (s) or milliseconds (ms) a transition effect takes to complete. [string]
  • Delay – The property specifies when the transition effect will start. This value is defined in seconds (s) or milliseconds (ms). [string]
  • Timing Function – The property specifies the speed curve of the transition effect. [string]
  • Fill Mode – The property specifies a style for the element when the animation is not playing (when it is finished, or when it has a delay). [string]
  • Scroll Mode – Turn on if you want to activate scroll animation [true/false]
  • Mobile – Turn off animation on mobile devices [true/false]

Note: For commercial usage you need to purchase an extended license (One license for all products)

support

 Version 1.0 * Initial Release 
]]>
Social Rail - Facebook And Twitter Stream 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/social-rail-facebook-and-twitter-stream/20177358


A super light and simple to use JQuery plugin for show you Facebook and Twitter feeds in few seconds, just insert the Facebook page id or the Twitter account name and you’re done. Choose from 4 layout types, 4 designs and 50+ options. Very fast with focus on performance, load only the required css and js files. Take a look now. The plugin may be blocked by ad-blockers.

  • Work immediately Insert the Facebook page id or the Twitter account name and you’re done
  • Light and fast No need to setup any PHP or server side file, only HTML
  • 4 types Show the stream within a slider, carousel, scroll box or as static feeds
  • 2 designs, 2 skins Choose black or white skin and select boxed or the classic design
  • 100% responsive Advanced js and css responsive features for smartphones and tables
  • Dedicated Slider Awesome power for your feeds thanks to FlexSlider 2 and its 50+ options
  • Dedicated scroll box Awesome power for your feeds thanks to Slim Scroll and its 30+ options
  • Awesome documentation Online documentation with code snippets, tutorials and much more
  • 24/7 support We have the best support ratings and a max waiting time of 24h
  • Only HTML You need only to insert the HTML code and you’re done, also for all settings
  • Regular updates Like for all our products we guarantee constant updates and bugs fix

CHANGES LOG

V 1.0
 Enjoy the plugin. 
]]>



A super light and simple to use JQuery plugin for show you Facebook and Twitter feeds in few seconds, just insert the Facebook page id or the Twitter account name and you’re done. Choose from 4 layout types, 4 designs and 50+ options. Very fast with focus on performance, load only the required css and js files. Take a look now. The plugin may be blocked by ad-blockers.

  • Work immediately Insert the Facebook page id or the Twitter account name and you’re done
  • Light and fast No need to setup any PHP or server side file, only HTML
  • 4 types Show the stream within a slider, carousel, scroll box or as static feeds
  • 2 designs, 2 skins Choose black or white skin and select boxed or the classic design
  • 100% responsive Advanced js and css responsive features for smartphones and tables
  • Dedicated Slider Awesome power for your feeds thanks to FlexSlider 2 and its 50+ options
  • Dedicated scroll box Awesome power for your feeds thanks to Slim Scroll and its 30+ options
  • Awesome documentation Online documentation with code snippets, tutorials and much more
  • 24/7 support We have the best support ratings and a max waiting time of 24h
  • Only HTML You need only to insert the HTML code and you’re done, also for all settings
  • Regular updates Like for all our products we guarantee constant updates and bugs fix

CHANGES LOG

V 1.0
 Enjoy the plugin. 
]]>
fCarousel 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/fcarousel/20176273 fCarousel – jQuery carousel for blocks with waterwheel effect

fCarousel is a plugin for display of any blocks (images, divs, etc.) with a cascading “waterwheel” effect. Plugin is simple and flexible in settings.

Plugin’s work is based on CSS3 transformations, so it works in all modern browsers which support this technology. Features:

  • Many controls elements – manipulates the carousel with arrows, click on items, mousewheel (with jquery.mousewheel plugin by Brandon Aaron), swipe or API
  • Keyboard-friendly
  • Orientation chooses (horizontal or vertical)
  • Endless rotation of any numbers of blocks
  • Choose number of visible items and their position settings
  • Animation speed and transition effect settings
  • Supports different options for different screen sizes
  • WAI-ARIA techniques
  • Requires very little HTML and CSS
  • Autoplay

Changelog

August 16, 2017

 - Added keyboard controls; - Added native WAI-ARIA parameters. 

July 20, 2017

 - Fixed bug with resize event on mobiles; - Fixed bug with swipe of vertically oriented carousel. 
]]>
fCarousel – jQuery carousel for blocks with waterwheel effect

fCarousel is a plugin for display of any blocks (images, divs, etc.) with a cascading “waterwheel” effect. Plugin is simple and flexible in settings.

Plugin’s work is based on CSS3 transformations, so it works in all modern browsers which support this technology. Features:

  • Many controls elements – manipulates the carousel with arrows, click on items, mousewheel (with jquery.mousewheel plugin by Brandon Aaron), swipe or API
  • Keyboard-friendly
  • Orientation chooses (horizontal or vertical)
  • Endless rotation of any numbers of blocks
  • Choose number of visible items and their position settings
  • Animation speed and transition effect settings
  • Supports different options for different screen sizes
  • WAI-ARIA techniques
  • Requires very little HTML and CSS
  • Autoplay

Changelog

August 16, 2017

 - Added keyboard controls; - Added native WAI-ARIA parameters. 

July 20, 2017

 - Fixed bug with resize event on mobiles; - Fixed bug with swipe of vertically oriented carousel. 
]]>
Countdown Plus - Time Counter Pack 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/countdown-plus-time-counter-pack/20161783 Power up your website with Countdown Plus – Time Counter Pack!
Countdown Plus – Time Counter Pack is a beautifuly animated contdowns collection with flexible functionality.

This product includes JavaScript, CSS and HTML, it’s not a Wordpress plugin.

Examples

Time Mark Countdown - Flip Counter

Time Mark Countdown - Shutter Counter

Time Mark Countdown - Bite Counter

Features

  • 19 Styles
    Styled and Animated beauties!
  • 7 Colors per Style
    Tunable coloring.
  • Size ~ Font Size
    Change font size to change size of countdown.
  • Responsive
    Has predefined responsive sizes
  • Easy to Implement and Customize
    Everything can be set directly in HTML.
  • Time Mark
    Count time pass or time left to date and time.
  • Time List
    Show text from the list, repeat it or stop on last. Text can be aligned to left, middle or center.
  • Timer
    Count down or up time. Time threshold can be set. Can be repeated after reaching time threshold.
  • Actions
    Show, hide block actions. Stop, start countdown actions. Stop, start, pause, continue, toggle time list and timer action
  • Triggers
    Run action with or without delay on triggers
  • Init Trigger
    Trigger action on page ready or load
  • Inactive Trigger
    Trigger action on user is inactive for some time
  • Leave Trigger
    Trigger action on window, page, block leave
  • In View Trigger
    Trigger action when certain area or point is in view
  • Mouse At Trigger
    Trigger action when mouse is at some area
  • Scroll Trigger
    Trigger action when page is scrolled to certain area or point
  • Block Actions Triggers
    Trigger action before or after show, hide block action
  • Time Mark Trigger
    Triggers action when time mark is reached/crossed
  • Time List Triggers
    Trigger action on time mark start, stop, pause, continue, running, ended
  • Timer Triggers
    Trigger action on timer start, stop, pause, continue, running, ended
  • Countdown Triggers
    Trigger action on countdown start, stop
  • Cookies
    create cookies settings, to
    • store page views count in browser cookies
    • check/set/remove browser cookies on element click
    • trigger actions only when it pass cookie check, page is viewed X times or every X page view with Triggers + Cookies features

Changelog

19 June 2017 – Version 1.1

  • Added time mark trigger
  • Added time list start, stop, pause, continue, toggle actions and trigger, running, ended triggers
  • Added timer start, stop, pause, continue, toggle actions and trigger, running, ended triggers
  • Added countdown stop, start actions and triggers
  • Fixes countdown full property and other bugs
  • Updated documentation with actions, triggers, cookies

6 August 2017 – Version 1.0

  • Initial release
]]>
Power up your website with Countdown Plus – Time Counter Pack!
Countdown Plus – Time Counter Pack is a beautifuly animated contdowns collection with flexible functionality.

This product includes JavaScript, CSS and HTML, it’s not a Wordpress plugin.

Examples

Time Mark Countdown - Flip Counter

Time Mark Countdown - Shutter Counter

Time Mark Countdown - Bite Counter

Features

  • 19 Styles
    Styled and Animated beauties!
  • 7 Colors per Style
    Tunable coloring.
  • Size ~ Font Size
    Change font size to change size of countdown.
  • Responsive
    Has predefined responsive sizes
  • Easy to Implement and Customize
    Everything can be set directly in HTML.
  • Time Mark
    Count time pass or time left to date and time.
  • Time List
    Show text from the list, repeat it or stop on last. Text can be aligned to left, middle or center.
  • Timer
    Count down or up time. Time threshold can be set. Can be repeated after reaching time threshold.
  • Actions
    Show, hide block actions. Stop, start countdown actions. Stop, start, pause, continue, toggle time list and timer action
  • Triggers
    Run action with or without delay on triggers
  • Init Trigger
    Trigger action on page ready or load
  • Inactive Trigger
    Trigger action on user is inactive for some time
  • Leave Trigger
    Trigger action on window, page, block leave
  • In View Trigger
    Trigger action when certain area or point is in view
  • Mouse At Trigger
    Trigger action when mouse is at some area
  • Scroll Trigger
    Trigger action when page is scrolled to certain area or point
  • Block Actions Triggers
    Trigger action before or after show, hide block action
  • Time Mark Trigger
    Triggers action when time mark is reached/crossed
  • Time List Triggers
    Trigger action on time mark start, stop, pause, continue, running, ended
  • Timer Triggers
    Trigger action on timer start, stop, pause, continue, running, ended
  • Countdown Triggers
    Trigger action on countdown start, stop
  • Cookies
    create cookies settings, to
    • store page views count in browser cookies
    • check/set/remove browser cookies on element click
    • trigger actions only when it pass cookie check, page is viewed X times or every X page view with Triggers + Cookies features

Changelog

19 June 2017 – Version 1.1

  • Added time mark trigger
  • Added time list start, stop, pause, continue, toggle actions and trigger, running, ended triggers
  • Added timer start, stop, pause, continue, toggle actions and trigger, running, ended triggers
  • Added countdown stop, start actions and triggers
  • Fixes countdown full property and other bugs
  • Updated documentation with actions, triggers, cookies

6 August 2017 – Version 1.0

  • Initial release
]]>
shareGrapes - Social Media Sharing Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/sharegrapes-social-media-sharing-plugin/20161276 shareGrapes – Social Media Sharing Plugin

shareGrapes is a simple, ready to use Social Media Sharing Plugin.

The plugin is written using jQuery. You can customize a lot of options.

Features:

  • Easy to use and very customizable
  • Over 80 social networks including Facebook, Twitter, LinkedIn and more.
  • Multiple button design
  • Floating or inline social buttons
  • Social share count
  • User guide documentation
  • Custom svg icon font
  • Mobile friendly – you can set any social networks on mobile or completely turn off the show.
  • Cross-browser compatibility
  • Clean code and comments

Pack contains:

  • JS files
  • sass files
  • css files
  • svg icons
  • fonts
  • documentation pdf

Documentation:

See detailed documentation

Examples:

Available Social Networks:

  • adifni
  • aim
  • amazonwishlist
  • amenme
  • aolmail
  • baidu
  • bitly
  • blinklist
  • blogger
  • blogmarks
  • bobrdobr
  • bonzobox
  • bookmerken
  • box
  • buffer
  • camyoo
  • care2
  • citeulike
  • cosmiq
  • delicious
  • digg
  • diggita
  • diigo
  • douban
  • evernote
  • fabulously40
  • facebook
  • favable
  • flipboard
  • folkd
  • gmail
  • google-bookmarks
  • google-plus
  • hackernews
  • hedgehogs
  • hotmail
  • informazione
  • instapaper
  • kledy
  • lineme
  • linkedin
  • linkuj
  • livejournal
  • mail
  • meinvz
  • memori
  • meneame
  • myspace
  • netvouz
  • newsvine
  • odnoklassniki
  • oyyla
  • pdfmyurl
  • pinterest
  • plurk
  • pocket
  • posteezy
  • print
  • pusha
  • qrsrc
  • qzone
  • reddit
  • rediff
  • renren
  • skype
  • startaid
  • startlap
  • stumbleupon
  • telegram
  • thisnext
  • tumblr
  • twitter
  • typepad
  • viadeo
  • viber
  • virb
  • vk
  • w3cvalidator
  • weibo
  • whatsapp
  • wordpress
  • wykop
  • xing
  • yahoo
]]>
shareGrapes – Social Media Sharing Plugin

shareGrapes is a simple, ready to use Social Media Sharing Plugin.

The plugin is written using jQuery. You can customize a lot of options.

Features:

  • Easy to use and very customizable
  • Over 80 social networks including Facebook, Twitter, LinkedIn and more.
  • Multiple button design
  • Floating or inline social buttons
  • Social share count
  • User guide documentation
  • Custom svg icon font
  • Mobile friendly – you can set any social networks on mobile or completely turn off the show.
  • Cross-browser compatibility
  • Clean code and comments

Pack contains:

  • JS files
  • sass files
  • css files
  • svg icons
  • fonts
  • documentation pdf

Documentation:

See detailed documentation

Examples:

Available Social Networks:

  • adifni
  • aim
  • amazonwishlist
  • amenme
  • aolmail
  • baidu
  • bitly
  • blinklist
  • blogger
  • blogmarks
  • bobrdobr
  • bonzobox
  • bookmerken
  • box
  • buffer
  • camyoo
  • care2
  • citeulike
  • cosmiq
  • delicious
  • digg
  • diggita
  • diigo
  • douban
  • evernote
  • fabulously40
  • facebook
  • favable
  • flipboard
  • folkd
  • gmail
  • google-bookmarks
  • google-plus
  • hackernews
  • hedgehogs
  • hotmail
  • informazione
  • instapaper
  • kledy
  • lineme
  • linkedin
  • linkuj
  • livejournal
  • mail
  • meinvz
  • memori
  • meneame
  • myspace
  • netvouz
  • newsvine
  • odnoklassniki
  • oyyla
  • pdfmyurl
  • pinterest
  • plurk
  • pocket
  • posteezy
  • print
  • pusha
  • qrsrc
  • qzone
  • reddit
  • rediff
  • renren
  • skype
  • startaid
  • startlap
  • stumbleupon
  • telegram
  • thisnext
  • tumblr
  • twitter
  • typepad
  • viadeo
  • viber
  • virb
  • vk
  • w3cvalidator
  • weibo
  • whatsapp
  • wordpress
  • wykop
  • xing
  • yahoo
]]>
HTML5 Responsive FAQ Showcase 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/html5-responsive-faq-showcase/20160706 Bootstrap Responsive FAQ Showcase to show in your website:

Show attractive FAQ ( Frequently asked questions )Showcase to your website ? Best Bootstrap FAQ Showcase lets you add FAQ ( Frequently asked questions ) listing to your website with various options. There are 9 different elegant theme designs and 12 different elegant Accordion style with color . You can select any Accordion style with color combination you want. Option to Show FAQ ( Frequently asked questions ) listing with Random colors and different accordion collapse , grid FAQ listing, Flip horizontal & vertical, Show full answer in modal box. Different hover effect with background color and font color as per theme schema. Moreover it is most beautiful FAQ design Showcase HTML Template for developers, allow to modify if have basic idea of bootstrap framework and css.

FAQ Showcase Features list:



  • Responsive Design
  • 9 Elegant theme Design.
  • 12 different Elegant accordion style
  • Unlimited color options.
  • Random color options.
  • Flip Horizontal & vertical option.
  • Accordion using bootstrap collapse.
  • Grid FAQ with model box
  • accordion FAQ list
  • Grid With FLIP Box
  • Multiple style FAQ layouts
  • SEO friendly
  • Easy to configure
  • Easy to customize
  • Quick support
  • Lifetime free updates
  • HTML Developer Friendly

]]>
Bootstrap Responsive FAQ Showcase to show in your website:

Show attractive FAQ ( Frequently asked questions )Showcase to your website ? Best Bootstrap FAQ Showcase lets you add FAQ ( Frequently asked questions ) listing to your website with various options. There are 9 different elegant theme designs and 12 different elegant Accordion style with color . You can select any Accordion style with color combination you want. Option to Show FAQ ( Frequently asked questions ) listing with Random colors and different accordion collapse , grid FAQ listing, Flip horizontal & vertical, Show full answer in modal box. Different hover effect with background color and font color as per theme schema. Moreover it is most beautiful FAQ design Showcase HTML Template for developers, allow to modify if have basic idea of bootstrap framework and css.

FAQ Showcase Features list:



  • Responsive Design
  • 9 Elegant theme Design.
  • 12 different Elegant accordion style
  • Unlimited color options.
  • Random color options.
  • Flip Horizontal & vertical option.
  • Accordion using bootstrap collapse.
  • Grid FAQ with model box
  • accordion FAQ list
  • Grid With FLIP Box
  • Multiple style FAQ layouts
  • SEO friendly
  • Easy to configure
  • Easy to customize
  • Quick support
  • Lifetime free updates
  • HTML Developer Friendly

]]>
Flexible DOT Navigation 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/flexible-dot-navigation/20152881 Flexible DOT Navigation

Flexible DOT Navigation is able to be the right choice for you site.

Features:

  • Full Responsive layout.
  • Social icons included.
  • Font Awesome icons.
  • Code easy.
  • Beautiful Design.
  • Easy to Customize.
  • No extra attention is required.

DEMO SOURCES:

Image source:Pexels

Font:Open Sans

Font:Source Sans Pro

Icons:Font Awesome

NOTE:

No hesitation. please contact me through Codecanyon, if you have any questions regarding to menu issues or you wish to customize it somehow.

]]>
Flexible DOT Navigation

Flexible DOT Navigation is able to be the right choice for you site.

Features:

  • Full Responsive layout.
  • Social icons included.
  • Font Awesome icons.
  • Code easy.
  • Beautiful Design.
  • Easy to Customize.
  • No extra attention is required.

DEMO SOURCES:

Image source:Pexels

Font:Open Sans

Font:Source Sans Pro

Icons:Font Awesome

NOTE:

No hesitation. please contact me through Codecanyon, if you have any questions regarding to menu issues or you wish to customize it somehow.

]]>
Tree List 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/tree-list/20151878 Tree List is an easy to integrate, configurable and modifiable nested tree list. It is well documented and well tested with 95% code coverage. With this component, you don’t have to worry about building another tree list again.

Features:
  • Drag and Drop for both mobile and desktop.
  • Loading of tree items by AJAX.
  • Node inline editing.
  • Selectable node.
  • Removable node.
  • All of the above is configurable.
  • Emits DOM events when tree list state changes.
  • Exposed methods to modify tree programatically.
]]>
Tree List is an easy to integrate, configurable and modifiable nested tree list. It is well documented and well tested with 95% code coverage. With this component, you don’t have to worry about building another tree list again.

Features:
  • Drag and Drop for both mobile and desktop.
  • Loading of tree items by AJAX.
  • Node inline editing.
  • Selectable node.
  • Removable node.
  • All of the above is configurable.
  • Emits DOM events when tree list state changes.
  • Exposed methods to modify tree programatically.
]]>
Flip Box - Bootstrap Flipping Card 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/flip-box-bootstrap-flipping-card/20111939 Flip Box is a simple and easy customizable flip animation. It’s made with Bootstrap responsive design and some awesome animations. It’s solution for creating beautiful Flip Boxs or Flip Cards without customize any javascript code. It has 12+ Layouts, Click Flip Effect, Hover Flip Effect, Vertical & Horizontal Flip and other lots of customization options and can be easily integrated to any website.

It’s very easy to customize, Because this plugin customization process you just need to custom your css class, and don’t need to change any javascript code!!! :)

Features: Flip Box – Bootstrap Flipping Card

  1. Unlimited Flip Boxs.
  2. Hover Flip Effect.
  3. Click Flip Effect.
  4. 12 Flip Box Layouts.
  5. 4 Colors Flip Card.
  6. Features Flip Box.
  7. Blogs Flip Box.
  8. Profile Flip Box.
  9. Images Flip Box.
  10. Information Flip Box.
  11. Events Flip Box.
  12. Question / Answer Flip Box.
  13. Social Flip Boxs.
  14. Auto Height Flip Box.
  15. Clean Design And Commented Code.
  16. Fully Responsive.
  17. Made With Bootstrap
  18. Vertical & Horizontal Flip.
  19. Cross-Browser Compatibility.
  20. Uses Font Awesome Icon.
  21. Easy to Customize.
  22. Easy to Setup.
  23. Step by Step Documentation.
  24. And Much More!

Thank You For Staying With Us! :) :) :)

Our Visitors


Flag Counter

]]>
Flip Box is a simple and easy customizable flip animation. It’s made with Bootstrap responsive design and some awesome animations. It’s solution for creating beautiful Flip Boxs or Flip Cards without customize any javascript code. It has 12+ Layouts, Click Flip Effect, Hover Flip Effect, Vertical & Horizontal Flip and other lots of customization options and can be easily integrated to any website.

It’s very easy to customize, Because this plugin customization process you just need to custom your css class, and don’t need to change any javascript code!!! :)

Features: Flip Box – Bootstrap Flipping Card

  1. Unlimited Flip Boxs.
  2. Hover Flip Effect.
  3. Click Flip Effect.
  4. 12 Flip Box Layouts.
  5. 4 Colors Flip Card.
  6. Features Flip Box.
  7. Blogs Flip Box.
  8. Profile Flip Box.
  9. Images Flip Box.
  10. Information Flip Box.
  11. Events Flip Box.
  12. Question / Answer Flip Box.
  13. Social Flip Boxs.
  14. Auto Height Flip Box.
  15. Clean Design And Commented Code.
  16. Fully Responsive.
  17. Made With Bootstrap
  18. Vertical & Horizontal Flip.
  19. Cross-Browser Compatibility.
  20. Uses Font Awesome Icon.
  21. Easy to Customize.
  22. Easy to Setup.
  23. Step by Step Documentation.
  24. And Much More!

Thank You For Staying With Us! :) :) :)

Our Visitors


Flag Counter

]]>
KwikForms A Comprehensive Material Design jQuery Form Builder Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/kwikforms-comprehensive-material-design-jquery-form-builder/20103777 KwikForms a comprehensive material design jQuery form builder plugin.

Using KwikForms you can rapidly create and add forms to your website with just a few lines of code.

KwikForms supports the following html inputs:

text, textarea, text and textarea with twitter style text count, telephone, number, email, url, range, date – with date-picker, checkbox, checkbox as a switch, radio, file with xhr automatic upload and finally select.

KwikForms includes the following pre-compiled select lists:

Countries (flags optional), international dialing codes (flags optional), PayPal currencies, global currencies, languages and timezones

Plus recaptcha and honeypot

KwikForms – form processing

On submit all KwikForms provide a JSON encoded string for processing in any way the user wants e.g. php, asp etc.

After processing the user is presented by the success message you create in the div #kwik-confirmation-message

KwikForms installation

It may be silly to point out but KwikForms is a jQuery plugin so jQuery is a requirement.

OK so how do you get started?

After downloading KwikForms upload the files to your host server. Logically stylesheet CSS files go into your css folder, and the javascript files into your js folder.

The KwikForms download is structured like this:

  • kwik_event_calendar_v2_0_0
    • CSS
      • form-layout-style.css
    • svg
      • The svg image files needed for flag display
    • JS
      • jquery.min.js
      • form-layout.js
      • moment-with-locales.js
    • scr
      • kwik-process.php – an example form processing script
      • kwik-upload.php – an example file upload script
    • example.html

Copy-paste the stylesheet <link>’s into the <head> of your web page. Make sure they are in the following order:

  • <link rel=”stylesheet” type=”text/css” href=”path_to/css/any other style sheets you currently use”>
  • <link rel=”stylesheet” type=”text/css” href=”path_to/css/form-layout-style.css”>

Add the JavaScript pages near the end of your pages, right before the closing </body> tag. Make sure they are in the following order:

  • <script type=”text/javascript” src=”path_to/js/jquery.min.js”></script>
  • <script type=”text/javascript” src=”path_to/js/moment-with-locales.js”></script>
  • <script type=”text/javascript” src=”path_to/js/any other JavaScript pages/jQuery plugins you currently use”></script>
  • <script type=”text/javascript” src=”path_to/js/your site javascript page.js”></script>
  • <script type=”text/javascript” src=”path_to/js/form-layout.js”></script>

And that’s it all you need to do now is create an HTML element on your page to display your Kwik Event Calendar – example:

<div id="my_kwik_event_calendar_HTML_element"></div>

KWIKForms Integration

Create your KwikForm as detailed below on your web page. To call and activate the KwikForm plugin add this script making sure that on the page it is BELOW the javascript files listed in “installation”

<script> jQuery('{Your form ID}').kwikForm(); </script>

Building your KwikForm

Create your form like this

<form role="form" id="{Your form ID}" method="post" action="{Your form processing script}" data-theme="{The form theme colour}"></form>

Note: data-theme is ‘optional’ as a default exists.

KwikForms inputs are built using divs and data-tags – all inputs start like this:

<form role="form" id="{Your form ID}" method="post" action="{Your form processing script}" data-theme="{The form theme colour}">
<input type="submit" class="{Your button class}" value="{Your button text}"/>
</form>

Don’t forget to create your success confirmation message

<div id="kwik-confirmation-message"></div>
<h2><em>Thanks</em> for contacting us! - We will get back to you soon!</h2>
</div>

The KwikForms plugin then automatically creates the following base HTML

<div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"></div>
<div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}">
<label for="{The field id}">{The label text}</label>
<input type="text" name="'{The field name}" id="{The field id}" class="form-control"/>
<div class="form-control-bar"></div>
</div>

To display inline lable and input add the class kwik-inline like this:

<div class="kwik-form-group kwik-inline" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"></div>
<div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}">
<label for="{The field id}">{The label text}</label>
<input type="text" name="'{The field name}" id="{The field id}" class="form-control"/>
<div class="form-control-bar"></div>
</div>

KWIKForms building the specific input types

To create the individual input types use the following data-kwik-type’s

text data-kwik-type="text"
textarea data-kwik-type="textarea"
textarea with twitter style text count data-kwik-type="textcount"
telephone data-kwik-type="telephone"
number data-kwik-type="number"
email data-kwik-type="email"
url data-kwik-type="url"
range data-kwik-type="range"
date data-kwik-type="date"
checkbox data-kwik-type="checkbox"
checkbox as a switch data-kwik-type="switch"
radio data-kwik-type="radio"
file with xhr automatic upload data-kwik-type="file"
select data-kwik-type="select"

To create the pre-populated select lists use the following data-kwik-type’s

Countries data-kwik-type="country-list"
International dialing codes data-kwik-type="dilaing-list"
PayPal currencies data-kwik-type="paypal-currency"
Global currencies data-kwik-type="currency-list"
Languages data-kwik-type="language-list"
Timezones data-kwik-type="timezone-list"

To create the Recaptcha use the following data-kwik-type

Recaptcha data-kwik-type="recaptcha"

Additional data-options exist for the different input types

data-theme – overrides the form theme colour for individual inputs data-theme="red"
data-kwik-required – Creates a required field data-kwik-required="required"
data-kwik-errormessage – a field specific error message data-kwik-errormessage="The error message to output"
data-kwik-value – a field specific value data-kwik-value="Your value"
data-kwik-flag – displays country flags in the country-list and dialing-list selects data-kwik-flag="true"
data-kwik-min – the minimum value for number and range fields data-kwik-min="0"
data-kwik-max – the maximum value for number and range fields data-kwik-type="100"
data-kwik-step – the step value for number and range fields data-kwik-step="1"
data-kwik-max – the maximum character count for text count inputs data-kwik-max="140"
data-kwik-allowed – allowed MIME types for file uploads data-kwik-allowed="image/gif,image/jpeg,image/jpg,image/png"
data-kwik-maxSize – the maximum file size for uploads (Mb) data-kwik-maxSize="2"
data-kwik-list – array of objects to create checkboxes or radio inputs data-kwik-list="[{'id':'1','label':'Test'},{'id':'2','label':'Test this'}]"
data-kwik-option-list – array of objects to populate select lists data-kwik-option-list="[{'id':'1','label':'Test'},{'id':'2','label':'Test this'}]"
]]>
KwikForms a comprehensive material design jQuery form builder plugin.

Using KwikForms you can rapidly create and add forms to your website with just a few lines of code.

KwikForms supports the following html inputs:

text, textarea, text and textarea with twitter style text count, telephone, number, email, url, range, date – with date-picker, checkbox, checkbox as a switch, radio, file with xhr automatic upload and finally select.

KwikForms includes the following pre-compiled select lists:

Countries (flags optional), international dialing codes (flags optional), PayPal currencies, global currencies, languages and timezones

Plus recaptcha and honeypot

KwikForms – form processing

On submit all KwikForms provide a JSON encoded string for processing in any way the user wants e.g. php, asp etc.

After processing the user is presented by the success message you create in the div #kwik-confirmation-message

KwikForms installation

It may be silly to point out but KwikForms is a jQuery plugin so jQuery is a requirement.

OK so how do you get started?

After downloading KwikForms upload the files to your host server. Logically stylesheet CSS files go into your css folder, and the javascript files into your js folder.

The KwikForms download is structured like this:

  • kwik_event_calendar_v2_0_0
    • CSS
      • form-layout-style.css
    • svg
      • The svg image files needed for flag display
    • JS
      • jquery.min.js
      • form-layout.js
      • moment-with-locales.js
    • scr
      • kwik-process.php – an example form processing script
      • kwik-upload.php – an example file upload script
    • example.html

Copy-paste the stylesheet <link>’s into the <head> of your web page. Make sure they are in the following order:

  • <link rel=”stylesheet” type=”text/css” href=”path_to/css/any other style sheets you currently use”>
  • <link rel=”stylesheet” type=”text/css” href=”path_to/css/form-layout-style.css”>

Add the JavaScript pages near the end of your pages, right before the closing </body> tag. Make sure they are in the following order:

  • <script type=”text/javascript” src=”path_to/js/jquery.min.js”></script>
  • <script type=”text/javascript” src=”path_to/js/moment-with-locales.js”></script>
  • <script type=”text/javascript” src=”path_to/js/any other JavaScript pages/jQuery plugins you currently use”></script>
  • <script type=”text/javascript” src=”path_to/js/your site javascript page.js”></script>
  • <script type=”text/javascript” src=”path_to/js/form-layout.js”></script>

And that’s it all you need to do now is create an HTML element on your page to display your Kwik Event Calendar – example:

<div id="my_kwik_event_calendar_HTML_element"></div>

KWIKForms Integration

Create your KwikForm as detailed below on your web page. To call and activate the KwikForm plugin add this script making sure that on the page it is BELOW the javascript files listed in “installation”

<script> jQuery('{Your form ID}').kwikForm(); </script>

Building your KwikForm

Create your form like this

<form role="form" id="{Your form ID}" method="post" action="{Your form processing script}" data-theme="{The form theme colour}"></form>

Note: data-theme is ‘optional’ as a default exists.

KwikForms inputs are built using divs and data-tags – all inputs start like this:

<form role="form" id="{Your form ID}" method="post" action="{Your form processing script}" data-theme="{The form theme colour}">
<input type="submit" class="{Your button class}" value="{Your button text}"/>
</form>

Don’t forget to create your success confirmation message

<div id="kwik-confirmation-message"></div>
<h2><em>Thanks</em> for contacting us! - We will get back to you soon!</h2>
</div>

The KwikForms plugin then automatically creates the following base HTML

<div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"></div>
<div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}">
<label for="{The field id}">{The label text}</label>
<input type="text" name="'{The field name}" id="{The field id}" class="form-control"/>
<div class="form-control-bar"></div>
</div>

To display inline lable and input add the class kwik-inline like this:

<div class="kwik-form-group kwik-inline" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"></div>
<div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}">
<label for="{The field id}">{The label text}</label>
<input type="text" name="'{The field name}" id="{The field id}" class="form-control"/>
<div class="form-control-bar"></div>
</div>

KWIKForms building the specific input types

To create the individual input types use the following data-kwik-type’s

text data-kwik-type="text"
textarea data-kwik-type="textarea"
textarea with twitter style text count data-kwik-type="textcount"
telephone data-kwik-type="telephone"
number data-kwik-type="number"
email data-kwik-type="email"
url data-kwik-type="url"
range data-kwik-type="range"
date data-kwik-type="date"
checkbox data-kwik-type="checkbox"
checkbox as a switch data-kwik-type="switch"
radio data-kwik-type="radio"
file with xhr automatic upload data-kwik-type="file"
select data-kwik-type="select"

To create the pre-populated select lists use the following data-kwik-type’s

Countries data-kwik-type="country-list"
International dialing codes data-kwik-type="dilaing-list"
PayPal currencies data-kwik-type="paypal-currency"
Global currencies data-kwik-type="currency-list"
Languages data-kwik-type="language-list"
Timezones data-kwik-type="timezone-list"

To create the Recaptcha use the following data-kwik-type

Recaptcha data-kwik-type="recaptcha"

Additional data-options exist for the different input types

data-theme – overrides the form theme colour for individual inputs data-theme="red"
data-kwik-required – Creates a required field data-kwik-required="required"
data-kwik-errormessage – a field specific error message data-kwik-errormessage="The error message to output"
data-kwik-value – a field specific value data-kwik-value="Your value"
data-kwik-flag – displays country flags in the country-list and dialing-list selects data-kwik-flag="true"
data-kwik-min – the minimum value for number and range fields data-kwik-min="0"
data-kwik-max – the maximum value for number and range fields data-kwik-type="100"
data-kwik-step – the step value for number and range fields data-kwik-step="1"
data-kwik-max – the maximum character count for text count inputs data-kwik-max="140"
data-kwik-allowed – allowed MIME types for file uploads data-kwik-allowed="image/gif,image/jpeg,image/jpg,image/png"
data-kwik-maxSize – the maximum file size for uploads (Mb) data-kwik-maxSize="2"
data-kwik-list – array of objects to create checkboxes or radio inputs data-kwik-list="[{'id':'1','label':'Test'},{'id':'2','label':'Test this'}]"
data-kwik-option-list – array of objects to populate select lists data-kwik-option-list="[{'id':'1','label':'Test'},{'id':'2','label':'Test this'}]"
]]>
Calentim - Date Time Range Picker 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/calentim-date-time-range-picker/20099228 Calentim – Date & Time Range Picker Calentim is a Date/Time Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date/time picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features

  • Option to hide specific parts of the instance (header, footer)
  • Mobile friendly (both portrait and landscape layouts are supported)
  • Support for predefined ranges
  • Can be shown as an inline control
  • Wide localization support (Available languages)
  • Can also be used as a single datetime picker
  • Sass template included
  • Grunt file included


Screenshots

Default dropdown style:

Inline 3-calendars style

Mobile portrait view

Mobile landscape view

]]>
Calentim – Date & Time Range Picker Calentim is a Date/Time Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date/time picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features

  • Option to hide specific parts of the instance (header, footer)
  • Mobile friendly (both portrait and landscape layouts are supported)
  • Support for predefined ranges
  • Can be shown as an inline control
  • Wide localization support (Available languages)
  • Can also be used as a single datetime picker
  • Sass template included
  • Grunt file included


Screenshots

Default dropdown style:

Inline 3-calendars style

Mobile portrait view

Mobile landscape view

]]>
GYPSY - Bootstrap Responsive Navbar 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/gypsy-bootstrap-responsive-navbar/20098233 The GYPSY – Bootstrap Responsive Navbar is a professional CSS2 & CSS3 jQuery General Navbar compatible with Bootstrap. This menu comes with horizontal having 5 different types of navbars like Default navbar , Dropdown navbar, multidropdown navbar,mega navbar and complex navbar with all these four in one navbar in two different categories fullwidth and fixed navbar including 10 different color pattern.

GYPSY – Bootstrap Responsive Navbar is a flexible and high customizable to build your custom Bootstrap Responsive menus. It is very easy to build a horizontal navbar. you can set up the GYPSY Navbar item drop down by mouse hover. You can assign a 5 color and choose in 7 Different animation.

GYPSY – Bootstrap Responsive Navbar component based in CSS and JavaScript code. You can use Big Navbar as a horizontal navbar. It is a Bootstrap Responsive navigation, suitable for any type of website and Theme.


Features

  • - 100% Responsive Layout
  • - 10 Color Scheme
  • - Google Web Font “Open Sans”
  • - 12 Column Bootstrap Grid System
  • - Drop Down with 3 Types
  • - Many Animation Effect
  • - Documentation included
  • - Clean Design and Code
  • - Easy to Customize
  • - Easy to use

Live Demo URL: Click here


Sources and Credits
I’ve used the following: Thanks so much to
Font: Google Web Fonts
Fontawsome icon: Free Font Awesome, the iconic font
Images: Pixbay.com
CSS: Bootstrap
jQuery: Javascript

If you have any questions related to this email template, Feel free to email us at mukesh.gehlot019@gmail.com or via our Design Collection page contact form to get further information.

Best wishes
Design Collection

]]>
The GYPSY – Bootstrap Responsive Navbar is a professional CSS2 & CSS3 jQuery General Navbar compatible with Bootstrap. This menu comes with horizontal having 5 different types of navbars like Default navbar , Dropdown navbar, multidropdown navbar,mega navbar and complex navbar with all these four in one navbar in two different categories fullwidth and fixed navbar including 10 different color pattern.

GYPSY – Bootstrap Responsive Navbar is a flexible and high customizable to build your custom Bootstrap Responsive menus. It is very easy to build a horizontal navbar. you can set up the GYPSY Navbar item drop down by mouse hover. You can assign a 5 color and choose in 7 Different animation.

GYPSY – Bootstrap Responsive Navbar component based in CSS and JavaScript code. You can use Big Navbar as a horizontal navbar. It is a Bootstrap Responsive navigation, suitable for any type of website and Theme.


Features

  • - 100% Responsive Layout
  • - 10 Color Scheme
  • - Google Web Font “Open Sans”
  • - 12 Column Bootstrap Grid System
  • - Drop Down with 3 Types
  • - Many Animation Effect
  • - Documentation included
  • - Clean Design and Code
  • - Easy to Customize
  • - Easy to use

Live Demo URL: Click here


Sources and Credits
I’ve used the following: Thanks so much to
Font: Google Web Fonts
Fontawsome icon: Free Font Awesome, the iconic font
Images: Pixbay.com
CSS: Bootstrap
jQuery: Javascript

If you have any questions related to this email template, Feel free to email us at mukesh.gehlot019@gmail.com or via our Design Collection page contact form to get further information.

Best wishes
Design Collection

]]>
MEGA | Responsive Megamenu Navigation 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/mega-responsive-megamenu-navigation/20095078 image

MEGA | Responsive Megamenu Navigation

A Responsive Megamenu plugin made to enhance your website navigation. Versatile, fully customizable and easy to use!

Fully Responsive
A responsive navigation ready to fit perfectly on mobile phones, tablets and desktop devices.

Megamenus
MEGA comes with a megamenu system powered by a grid system.

Vertical or horizontal dropdowns
A Versatile navigation with vertical or horizontal dropdowns with unlimited levels.

Left, Center and Right alignment
Because sometimes you need a navbar aligned to left, to right or centered.

Fixed position and Scrollspy functionality
Make the navigation fixed and automatically update links on scrolling

Tabs an lists
Tabs and list elements to help you organizing your megamenu content

A lot of options
More than 26 options between settings, methods and callbacks. Modify as you want.

SASS files
Powered by SASS to provide easy customization

Cross Browser
Compatible with the major browsers like Chrome, Firefox, Safari, Opera, IE and Edge.

Bootstrap Compatible
Compatible with the most famous front-end framework in the world: Bootstrap.

Free Updates
Zero cost for updates for enhancements, compatibility, inclusion of features and more.

Well documented
High level documentation teaching you to build the navigation step by step.

Several examples
Create your navigation fast using one of the examples included in the package.

Extra elements
Use a button, a plain text or a search panel in your navigation.

Changelog

05 August 2017

 - Version 1.3 Added auxiliary script for advanced fixed behavior Added auxiliary script for scrollspy functionality Centered menu fixed Tabs enhancement Bug fixes 

06 June 2017

 - Version 1.0 Initial release 
]]>
image

MEGA | Responsive Megamenu Navigation

A Responsive Megamenu plugin made to enhance your website navigation. Versatile, fully customizable and easy to use!

Fully Responsive
A responsive navigation ready to fit perfectly on mobile phones, tablets and desktop devices.

Megamenus
MEGA comes with a megamenu system powered by a grid system.

Vertical or horizontal dropdowns
A Versatile navigation with vertical or horizontal dropdowns with unlimited levels.

Left, Center and Right alignment
Because sometimes you need a navbar aligned to left, to right or centered.

Fixed position and Scrollspy functionality
Make the navigation fixed and automatically update links on scrolling

Tabs an lists
Tabs and list elements to help you organizing your megamenu content

A lot of options
More than 26 options between settings, methods and callbacks. Modify as you want.

SASS files
Powered by SASS to provide easy customization

Cross Browser
Compatible with the major browsers like Chrome, Firefox, Safari, Opera, IE and Edge.

Bootstrap Compatible
Compatible with the most famous front-end framework in the world: Bootstrap.

Free Updates
Zero cost for updates for enhancements, compatibility, inclusion of features and more.

Well documented
High level documentation teaching you to build the navigation step by step.

Several examples
Create your navigation fast using one of the examples included in the package.

Extra elements
Use a button, a plain text or a search panel in your navigation.

Changelog

05 August 2017

 - Version 1.3 Added auxiliary script for advanced fixed behavior Added auxiliary script for scrollspy functionality Centered menu fixed Tabs enhancement Bug fixes 

06 June 2017

 - Version 1.0 Initial release 
]]>
Angular 2 Shopping Cart - Angular 2 & Express Framework & NodeJS & MongoDB & PayPal Payment 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/angular-2-shopping-cart-angular-2-express-framework-nodejs-m/20080818 Product Description Angular 2 Shopping Cart is a Single Page Shopping Cart Web Application with many useful features of an eCommerce website. It is lightweight, flexible, adaptive, secure and easy to install. Just Install it and start selling your products and receive payments through PayPal.

Angular 2 Shopping Cart has an easy administration page is built with Express Framework in Nodejs that gives you full control over category, brands, products, orders, roles, accounts and settings.

With our responsive, you will have your site displayed correctly across a wide range of end-user devices and screen resolutions for easy ordering and checking out process.

Front-end Features

  • Bootstrap Themes
  • Responsive Design
  • Single page web app (SPA) created using Angular 2
  • Featured Products
  • Latest Products
  • Mosted View
  • Best Seller
  • Categories
  • Brand
  • Product Search
  • Cart
  • Checkout with Paypal
  • My Account
  • My Orders

Back-end Features

  • Use Express Framework built Admin Control Panel
  • Use Express Framework publish Restful Web Serivces to Front-End
  • Categories Management
  • Brands Management
  • Products Management
  • Orders Management
  • Roles Management
  • Accounts Management
  • Admin Profile
  • Securely built and prevent security attacks

Live Demo

Requirements

  1. A server with Node.js installed
  2. MongoDB server

Install Application

  1. Install Database

    Create new database on your hosting and import files in Database folder to new database. Create database user and assign dbo rights to the user.
  2. Install Back-End

    1. Unzip Main.zip file and upload to your hosting.
    2. Open Back-End\database.js file and change value to mongodb as below:
      • var db = monk(‘url to access mongodb’);
    3. Run website and login with default account:

    Install Front-End

    1. Open Front-End\app\services\rest.service.ts file and change values to connect back-end as below:
      • BASE_URL: url connect to back-end
      • keyValue: key is created from back-end

Product Support

If you have problems, questions, ideal, etc…Contact me via email octopuscodes@gmail.com Please contact us with any questions you may have via the contact form on my author profile page.

Product Updates

  • Free Updates
  • 100% Support

History

  • V1.0 Released – June 02, 2017
]]>
Product Description Angular 2 Shopping Cart is a Single Page Shopping Cart Web Application with many useful features of an eCommerce website. It is lightweight, flexible, adaptive, secure and easy to install. Just Install it and start selling your products and receive payments through PayPal.

Angular 2 Shopping Cart has an easy administration page is built with Express Framework in Nodejs that gives you full control over category, brands, products, orders, roles, accounts and settings.

With our responsive, you will have your site displayed correctly across a wide range of end-user devices and screen resolutions for easy ordering and checking out process.

Front-end Features

  • Bootstrap Themes
  • Responsive Design
  • Single page web app (SPA) created using Angular 2
  • Featured Products
  • Latest Products
  • Mosted View
  • Best Seller
  • Categories
  • Brand
  • Product Search
  • Cart
  • Checkout with Paypal
  • My Account
  • My Orders

Back-end Features

  • Use Express Framework built Admin Control Panel
  • Use Express Framework publish Restful Web Serivces to Front-End
  • Categories Management
  • Brands Management
  • Products Management
  • Orders Management
  • Roles Management
  • Accounts Management
  • Admin Profile
  • Securely built and prevent security attacks

Live Demo

Requirements

  1. A server with Node.js installed
  2. MongoDB server

Install Application

  1. Install Database

    Create new database on your hosting and import files in Database folder to new database. Create database user and assign dbo rights to the user.
  2. Install Back-End

    1. Unzip Main.zip file and upload to your hosting.
    2. Open Back-End\database.js file and change value to mongodb as below:
      • var db = monk(‘url to access mongodb’);
    3. Run website and login with default account:

    Install Front-End

    1. Open Front-End\app\services\rest.service.ts file and change values to connect back-end as below:
      • BASE_URL: url connect to back-end
      • keyValue: key is created from back-end

Product Support

If you have problems, questions, ideal, etc…Contact me via email octopuscodes@gmail.com Please contact us with any questions you may have via the contact form on my author profile page.

Product Updates

  • Free Updates
  • 100% Support

History

  • V1.0 Released – June 02, 2017
]]>
Multi Counters - Increasing the Conversion of Purchases via any Counters, Countdowns and Timers 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/multi-counters-increasing-conversion-purchases-any-counters/20066439 no summary ValidForm - jQuery validation and Math Captcha Form 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/validform-jquery-validation-and-math-captcha-form/20051315 ValidForm is a Full Responsive Ajax Form with Required field jQuery validation and Anti Spam (simple Math Captcha) built on HTML5/CSS3 and JQuery. Code written in a simple way by which you can easily integrated at your site.

ValidForm Responsive Ajax Form can be used for your organization/ company/ business/ personal. So that your visitors/ customers/ clients/ agents/ members can contact you and/or let you know their concern through the form.

ValidForm is a responsive, clean, well documented Ajax Form. It can be simply integrated at your site with the documentation help. All the codes are clean, well commented and well organized with proper help documentation. It looks great with all types of devices. Try out the demo.

Note: In this Plugin no php script included. This Item has made using HTML5, CSS3 & jQuery.

Rating US

Customer Rating for ValidForm

rating-for-validform

follow-us-on-envato need-item-support

validform-features

Features

  • AJAX enabled (no page reloads)
  • Required field jQuery validation
  • Anti Spam (Google reCaptcha & simple Math Captcha)
  • Validation error message popup alert
  • Success message popup alert
  • W3C Valid HTML Code
  • HTML5 & CSS3
  • 100% Responsive & Mobile-Friendly Layout
  • Bootstrap Compatible
  • Custom Media Query Version Form for non-exist Bootstrap site Included
  • Font Awesome icons
  • Browser Compatibility
  • Fully Customizable
  • Easy integration into your site
  • Clean and well commented Code
  • Well Documentation ( proper help instructions for setup )
  • Dedicated Support
  • and Much More!

Rating US

CHANGELOG

         ----- V 1.2 Released: 5 March 18 -----          - Updated: Plugin js file for adding new form         - New: Added 1 new google Recaptcha Form         
         ----- V 1.1 Released: 28 October 17 -----          - Updated: Validation error message popup alert included         - New: Added 2 new styles ( SignUp Form Style 1 & SignUp Form Style 2 )         
         ----- V 1.0 Released: 1 June 17 -----          - Updated: improved phone number validation process         - New: Added 2 new styles ( Style 3 & Style 4 ) using custom media query for responsive         
         ----- Initial Released: 31 May 17 -----         - Initial Released         
]]>
ValidForm is a Full Responsive Ajax Form with Required field jQuery validation and Anti Spam (simple Math Captcha) built on HTML5/CSS3 and JQuery. Code written in a simple way by which you can easily integrated at your site.

ValidForm Responsive Ajax Form can be used for your organization/ company/ business/ personal. So that your visitors/ customers/ clients/ agents/ members can contact you and/or let you know their concern through the form.

ValidForm is a responsive, clean, well documented Ajax Form. It can be simply integrated at your site with the documentation help. All the codes are clean, well commented and well organized with proper help documentation. It looks great with all types of devices. Try out the demo.

Note: In this Plugin no php script included. This Item has made using HTML5, CSS3 & jQuery.

Rating US

Customer Rating for ValidForm

rating-for-validform

follow-us-on-envato need-item-support

validform-features

Features

  • AJAX enabled (no page reloads)
  • Required field jQuery validation
  • Anti Spam (Google reCaptcha & simple Math Captcha)
  • Validation error message popup alert
  • Success message popup alert
  • W3C Valid HTML Code
  • HTML5 & CSS3
  • 100% Responsive & Mobile-Friendly Layout
  • Bootstrap Compatible
  • Custom Media Query Version Form for non-exist Bootstrap site Included
  • Font Awesome icons
  • Browser Compatibility
  • Fully Customizable
  • Easy integration into your site
  • Clean and well commented Code
  • Well Documentation ( proper help instructions for setup )
  • Dedicated Support
  • and Much More!

Rating US

CHANGELOG

         ----- V 1.2 Released: 5 March 18 -----          - Updated: Plugin js file for adding new form         - New: Added 1 new google Recaptcha Form         
         ----- V 1.1 Released: 28 October 17 -----          - Updated: Validation error message popup alert included         - New: Added 2 new styles ( SignUp Form Style 1 & SignUp Form Style 2 )         
         ----- V 1.0 Released: 1 June 17 -----          - Updated: improved phone number validation process         - New: Added 2 new styles ( Style 3 & Style 4 ) using custom media query for responsive         
         ----- Initial Released: 31 May 17 -----         - Initial Released         
]]>
Superfast Nodejs Dating Platform 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/superfast-nodejs-dating-platform/20044099 A FREEMIUM NodeJS Dating platform A superfast dating site that features a UNIQUE system allowing users to browse the site while interacting with multiple members – without ever being interrupted. It also has a tried and tested freemium model for revenue generation.

UNIQUE FEATURES

• LIVE INTERACTIONS: Interact with members while browsing
Using NodeJS allows us to create a system whereby members can browse the site while chatting, liking and sending/receiving private messages from multiple members without refreshing the page.

• FREEMIUM MODEL: Tried and tested
Follows a tried and tested FREEMIUM model, allowing your users to use the site normally and only pay when they become addicted to it.

Features:

  • User Profiles
  • Liked Members
  • Public and Private Galleries
  • Real-Time Chat
  • Private messaging with live notifications
  • Interact with members
  • Monthly recurring Memberships
  • Custom limitations for freemium users
  • Themed with Bootstrap and HTML5

Site Demo:

Admin Panel:

Technologies we use:

  • Nuxt.js – Universal Vue.js Applications
  • Express – Node.js web application framework
  • Parse backend
  • AngularJS Admin

Spend a little time and enjoy our demo: https://io.getcouplet.com

(note: Requires cloud server with a minimum of 1GB e.g. DigitalOcean) $10 installation fee on DigitalOcean – contact us for more info. FREE INSTALLATION for the first 10 users. We respond within 24 hours.

]]>
A FREEMIUM NodeJS Dating platform A superfast dating site that features a UNIQUE system allowing users to browse the site while interacting with multiple members – without ever being interrupted. It also has a tried and tested freemium model for revenue generation.

UNIQUE FEATURES

• LIVE INTERACTIONS: Interact with members while browsing
Using NodeJS allows us to create a system whereby members can browse the site while chatting, liking and sending/receiving private messages from multiple members without refreshing the page.

• FREEMIUM MODEL: Tried and tested
Follows a tried and tested FREEMIUM model, allowing your users to use the site normally and only pay when they become addicted to it.

Features:

  • User Profiles
  • Liked Members
  • Public and Private Galleries
  • Real-Time Chat
  • Private messaging with live notifications
  • Interact with members
  • Monthly recurring Memberships
  • Custom limitations for freemium users
  • Themed with Bootstrap and HTML5

Site Demo:

Admin Panel:

Technologies we use:

  • Nuxt.js – Universal Vue.js Applications
  • Express – Node.js web application framework
  • Parse backend
  • AngularJS Admin

Spend a little time and enjoy our demo: https://io.getcouplet.com

(note: Requires cloud server with a minimum of 1GB e.g. DigitalOcean) $10 installation fee on DigitalOcean – contact us for more info. FREE INSTALLATION for the first 10 users. We respond within 24 hours.

]]>
Bazz CallBack widget Pro (stand-alone) 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/bazz-callback-widget-pro-stand-alone/20032618 There are CLIENT-side script (jQuery) and SERVER-side script (PHP) in the package.

This is a jQuery plugin. The plugin is intended for easy creating a widget on your website. The widget will be performing «call-back function». Such widget will allow the user to specify the phone number that you have called back to him. The notice of the order of a call comes to an email address of the author of the website. It is possible to specify time in seconds through which you call back to the user. Time will be displayed in the form of a countdown. In a widget it is possible to enter the name. It is possible to specify operating time of a widget and the text of the notice if you aren’t on the place


You can setting up really any color scheme! The best integration for your design.

any-color.jpg


How it looks on desktop

How it looks on mobile


The email from the widget looks like:

Requires:

  • jQuery 1.11 and higher
  • PHP 5.2 and higher

How to install:

  1. Place files on your server.
  2. Include the style and the script in to your web-page.
  3. Place bcbMailer.php on the home folder of your web-server.
  4. Initialize the plugin.
  5. Done.

Changes log:

ver 1.0
First release.
]]>
There are CLIENT-side script (jQuery) and SERVER-side script (PHP) in the package.

This is a jQuery plugin. The plugin is intended for easy creating a widget on your website. The widget will be performing «call-back function». Such widget will allow the user to specify the phone number that you have called back to him. The notice of the order of a call comes to an email address of the author of the website. It is possible to specify time in seconds through which you call back to the user. Time will be displayed in the form of a countdown. In a widget it is possible to enter the name. It is possible to specify operating time of a widget and the text of the notice if you aren’t on the place


You can setting up really any color scheme! The best integration for your design.

any-color.jpg


How it looks on desktop

How it looks on mobile


The email from the widget looks like:

Requires:

  • jQuery 1.11 and higher
  • PHP 5.2 and higher

How to install:

  1. Place files on your server.
  2. Include the style and the script in to your web-page.
  3. Place bcbMailer.php on the home folder of your web-server.
  4. Initialize the plugin.
  5. Done.

Changes log:

ver 1.0
First release.
]]>
FlexBackgroud - HTML5 Animated Backgrounds 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/flexbackgroud-html5-animated-backgrounds/20031097
  • Responsive event calendar
  • HTML5 Canvas
  • Animated & Dynamic
  • Flat Design
  • Cutomizable Style
  • Supported in all major browsers
  • The available background effects are : Galaxy explosion, rain effects, birds’ flying etc.

    Dependencies
    • jQuery
    • HTML5 Canvas

    The images showed in the preview are not included in the main files.

    ]]>
  • Responsive event calendar
  • HTML5 Canvas
  • Animated & Dynamic
  • Flat Design
  • Cutomizable Style
  • Supported in all major browsers
  • The available background effects are : Galaxy explosion, rain effects, birds’ flying etc.

    Dependencies
    • jQuery
    • HTML5 Canvas

    The images showed in the preview are not included in the main files.

    ]]>
    ModuloBox - NextGen Lightbox JavaScript Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/modulobox-nextgen-lightbox-javascript-plugin/20021839 ModuloBox JavaScript lightbox plugin Modulobox Lightbox images, videos, iframe, HTML Modulobox JavaScript plugin touch gestures Modulobox JavaScript plugin powerful functionalities Modulobox JavaScript plugin intuitive interface Modulobox JavaScript plugin plenty of functionalities

    ModuloBox – NextGen Lightbox JavaScript Plugin

    ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

    Built on top of the latest technologies, ModuloBox is multi-gestures compatible, smooth and performant! Easily navigate with one or several fingers on your smartphone. Swipe, drag and pinch content naturally like with a native mobile swipeable view. It also supports navigation with keyboard or mouse wheel to slide or zoom.

    ModuloBox mimics the most populars UIs like IOS, Android, Google Drive, etc… With a well known UI, users will instantly understand how to use the lightbox, and will easily navigate through your galleries.

    Main Features

    • Fully Responsive
    • Mobile Friendly
    • Unlimited colors
    • SVG icons
    • Thumbnails support
    • Multi-touch gestures support
    • Physics Based Animations
    • Automatic SlideShow support (with CountDown timer)
    • FullScreen support
    • HTML5 Browser History support (deep linking)
    • Browser features control (scrollbar, mousewheel, right click prevention)
    • Inactive State detection
    • Smart Resizing
    • Smart Loading
    • HTML Caption (title and description)
    • Keyboard and mouse wheel support (navigate and zoom)
    • RTL layout support
    • HTML5 videos (.mp4, .webm, .ogv)
    • Youtube, Vimeo, Dailymotion, Wistia
    • iFrame (Google Map, PDF reader, websites, etc…)
    • HTML content (anything you want like a form for example)
    • Autodetect videos and images formats
    • Social Sharing (Facebook, Google+, Twitter, Pinterest, Linkedin, Reddit, Tumblr, StumbleUpon, Blogger, Buffer, Digg, Evernote)
    • Multiple Galleries support
    • Advanced JavaScript API
    • Developer Friendly

    Update History

    Version 1.4.0 – February 24th, 2018

     - Fixed an issue with image download on Firefox browser - Fixed an issue with iframe scrolling on IOS devices - Fixed minor JavaScript issues 

    Version 1.3.0 – November 10th, 2017

     - Improved Auto Caption feature behaviour 

    Version 1.2.0 – September 22th, 2017

     - Fixed an issue with sensitive image format detection - Fixed an issue with click on link due to double tap prevention 

    Version 1.1.0 – August 10th, 2017

     - Fixed an issue with "autoPlay" option HTML5 video on Google Chrome (conflict with jQuery library and event listeners) 

    Version 1.0.5 – June 10th, 2017

     - Fixed an issue with Close button event propagation on touch devices 

    Version 1.0.0 – May 26th, 2017

     - Initial release 
    ]]>
    ModuloBox JavaScript lightbox plugin Modulobox Lightbox images, videos, iframe, HTML Modulobox JavaScript plugin touch gestures Modulobox JavaScript plugin powerful functionalities Modulobox JavaScript plugin intuitive interface Modulobox JavaScript plugin plenty of functionalities

    ModuloBox – NextGen Lightbox JavaScript Plugin

    ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

    Built on top of the latest technologies, ModuloBox is multi-gestures compatible, smooth and performant! Easily navigate with one or several fingers on your smartphone. Swipe, drag and pinch content naturally like with a native mobile swipeable view. It also supports navigation with keyboard or mouse wheel to slide or zoom.

    ModuloBox mimics the most populars UIs like IOS, Android, Google Drive, etc… With a well known UI, users will instantly understand how to use the lightbox, and will easily navigate through your galleries.

    Main Features

    • Fully Responsive
    • Mobile Friendly
    • Unlimited colors
    • SVG icons
    • Thumbnails support
    • Multi-touch gestures support
    • Physics Based Animations
    • Automatic SlideShow support (with CountDown timer)
    • FullScreen support
    • HTML5 Browser History support (deep linking)
    • Browser features control (scrollbar, mousewheel, right click prevention)
    • Inactive State detection
    • Smart Resizing
    • Smart Loading
    • HTML Caption (title and description)
    • Keyboard and mouse wheel support (navigate and zoom)
    • RTL layout support
    • HTML5 videos (.mp4, .webm, .ogv)
    • Youtube, Vimeo, Dailymotion, Wistia
    • iFrame (Google Map, PDF reader, websites, etc…)
    • HTML content (anything you want like a form for example)
    • Autodetect videos and images formats
    • Social Sharing (Facebook, Google+, Twitter, Pinterest, Linkedin, Reddit, Tumblr, StumbleUpon, Blogger, Buffer, Digg, Evernote)
    • Multiple Galleries support
    • Advanced JavaScript API
    • Developer Friendly

    Update History

    Version 1.4.0 – February 24th, 2018

     - Fixed an issue with image download on Firefox browser - Fixed an issue with iframe scrolling on IOS devices - Fixed minor JavaScript issues 

    Version 1.3.0 – November 10th, 2017

     - Improved Auto Caption feature behaviour 

    Version 1.2.0 – September 22th, 2017

     - Fixed an issue with sensitive image format detection - Fixed an issue with click on link due to double tap prevention 

    Version 1.1.0 – August 10th, 2017

     - Fixed an issue with "autoPlay" option HTML5 video on Google Chrome (conflict with jQuery library and event listeners) 

    Version 1.0.5 – June 10th, 2017

     - Fixed an issue with Close button event propagation on touch devices 

    Version 1.0.0 – May 26th, 2017

     - Initial release 
    ]]>
    Nodejs Shopping Cart - Express Framework & MongoDB & PayPal Payment 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/nodejs-shopping-cart-express-framework-mongodb-paypal-paymen/20021006 Product Description Nodejs Shopping Cart is a Shopping Cart web application with many useful features of an eCommerce website. It is lightweight, flexible, adaptive, secure and easy to install. Just Install it and start selling your products and receive payments through PayPal.

    Nodejs Shopping Cart has an easy administration page that gives you full control over category, brands, products, orders, roles, accounts and settings.

    With our responsive, you will have your site displayed correctly across a wide range of end-user devices and screen resolutions for easy ordering and checking out process.

    Front-end Features

    • Bootstrap Themes
    • Responsive Design
    • Featured Products
    • Latest Products
    • Mosted View
    • Best Seller
    • Categories
    • Brand
    • Product Search
    • Cart
    • Checkout with Paypal
    • My Account
    • My Orders

    Back-end Features

    • Categories Management
    • Brands Management
    • Products Management
    • Orders Management
    • Roles Management
    • ccounts Management
    • Admin Profile
    • Securely built and prevent security attacks

    Live Demo

    Requirements

    1. A server with Node.js installed
    2. MongoDB server

    Install Application

    1. Install Database

      Create new database on your hosting and import files in Database folder to new database. Create database user and assign dbo rights to the user.
    2. Install Application

      1. Unzip Main.zip file and upload to your hosting.
      2. Open app.js file in Source Codes\ShoppingCart foler and change value to mongodb as below:
        • var db = monk(‘url to access mongodb’);
      3. Run website and login with default account:

    Product Support

    If you have problems, questions, ideal, etc…Contact me via email octopuscodes@gmail.com Please contact us with any questions you may have via the contact form on my author profile page.

    Product Updates

    • Free Updates
    • 100% Support

    History

    • V1.0 Released – May 24, 2017
    ]]>
    Product Description Nodejs Shopping Cart is a Shopping Cart web application with many useful features of an eCommerce website. It is lightweight, flexible, adaptive, secure and easy to install. Just Install it and start selling your products and receive payments through PayPal.

    Nodejs Shopping Cart has an easy administration page that gives you full control over category, brands, products, orders, roles, accounts and settings.

    With our responsive, you will have your site displayed correctly across a wide range of end-user devices and screen resolutions for easy ordering and checking out process.

    Front-end Features

    • Bootstrap Themes
    • Responsive Design
    • Featured Products
    • Latest Products
    • Mosted View
    • Best Seller
    • Categories
    • Brand
    • Product Search
    • Cart
    • Checkout with Paypal
    • My Account
    • My Orders

    Back-end Features

    • Categories Management
    • Brands Management
    • Products Management
    • Orders Management
    • Roles Management
    • ccounts Management
    • Admin Profile
    • Securely built and prevent security attacks

    Live Demo

    Requirements

    1. A server with Node.js installed
    2. MongoDB server

    Install Application

    1. Install Database

      Create new database on your hosting and import files in Database folder to new database. Create database user and assign dbo rights to the user.
    2. Install Application

      1. Unzip Main.zip file and upload to your hosting.
      2. Open app.js file in Source Codes\ShoppingCart foler and change value to mongodb as below:
        • var db = monk(‘url to access mongodb’);
      3. Run website and login with default account:

    Product Support

    If you have problems, questions, ideal, etc…Contact me via email octopuscodes@gmail.com Please contact us with any questions you may have via the contact form on my author profile page.

    Product Updates

    • Free Updates
    • 100% Support

    History

    • V1.0 Released – May 24, 2017
    ]]>
    Burst Fireworks - jQuery Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/burst-fireworks-jquery-plugin/20008766 Make your website, more beautiful with burst fireworks.
    Click animation anywhere on your site.

    3 Types of Burst:

    • Lines
    • Circle
    • Bubles

    You can control:

    • Enable/Disable Type of Burst
    • Size
    • Count
    • Color
    • Delay, Duration, Easing of Animation
    • Radius

    Documentation Included
    How customize:
    DOCUMETNATION LIVE

    Credits
    1. jQuery.Easing

    ]]>
    Make your website, more beautiful with burst fireworks.
    Click animation anywhere on your site.

    3 Types of Burst:

    • Lines
    • Circle
    • Bubles

    You can control:

    • Enable/Disable Type of Burst
    • Size
    • Count
    • Color
    • Delay, Duration, Easing of Animation
    • Radius

    Documentation Included
    How customize:
    DOCUMETNATION LIVE

    Credits
    1. jQuery.Easing

    ]]>
    Elane Icons 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/elane-icons/20002589 Check out more SVG animations on my Behance

    Elane Icons – a set of SVG icons animations that can be used in your projects.

    All colors are easy to change.

    Elane Icons contain 10 icons.

    • css
      • normalize.min.css
      • style.css
    • js
      • elaneicons.js
      • preview-icons.js
    • index.html
    • documentation.html
    ]]>
    Check out more SVG animations on my Behance

    Elane Icons – a set of SVG icons animations that can be used in your projects.

    All colors are easy to change.

    Elane Icons contain 10 icons.

    • css
      • normalize.min.css
      • style.css
    • js
      • elaneicons.js
      • preview-icons.js
    • index.html
    • documentation.html
    ]]>
    MiniMenu: A Tiny Menu Add-on 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/minimenu-tiny-menu-add/20001817

    MiniMenu can add a tiny yet unique navigation to your website. Depending on your needs, it can fill the role of a primary as well as a secondary menu and is suitable for use on both desktop and mobile (where it snaps to full-screen to make full use of the screen space).

    Due to its unique layout, menus up to three-levels deep are supported out-of-the-gate. But with simple coding knowledge you can of course extend and alter it however you see fit. As is the case with all our other products, the code is well marked and easy to understand.

    To view the MiniMenu in action, have a look at the live example here.

    PS. A WordPress version of MiniMenu is also available.


    ]]>

    MiniMenu can add a tiny yet unique navigation to your website. Depending on your needs, it can fill the role of a primary as well as a secondary menu and is suitable for use on both desktop and mobile (where it snaps to full-screen to make full use of the screen space).

    Due to its unique layout, menus up to three-levels deep are supported out-of-the-gate. But with simple coding knowledge you can of course extend and alter it however you see fit. As is the case with all our other products, the code is well marked and easy to understand.

    To view the MiniMenu in action, have a look at the live example here.

    PS. A WordPress version of MiniMenu is also available.


    ]]>
    Fake Notifications - Creating Effective Herd Effects 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/fake-notifications-creating-effective-herd-effects/19998480 Fake Notifications – easily create an effective herd effects.

    Fake Notifications – an effective marketing tool designed to stimulate the conversion of site visitors into customers. Create and place in the required location on your website animated notifications, showing to the visitor sham activity of the registered users, like logins to the site, ordering or subscriptions, mentioning on social networks and any other activity.

    Select the best type of impact on the user.

    Through the demonstration of notifications generated to create a “sense of queue” or “herd effect”, the visitor receives a subconscious motivation to join the actions of other users.

    Features:

    • 20+ avaliable options
    • 32 transitions effects
    • Advanced styling options
    • Set the show mode
    • Set fontawesome or custom icon to notification
    • Any place of the site
    • Create any notification text

    Use it anywhere & anytime

    Fake Notifications can be used for any purpose. Most common usage:

    • Registration of new users
    • Subscription to email-newsletter
    • Events conducted by you
    • Mentions on social networks
    • Purchase a product or service
    ]]>
    Fake Notifications – easily create an effective herd effects.

    Fake Notifications – an effective marketing tool designed to stimulate the conversion of site visitors into customers. Create and place in the required location on your website animated notifications, showing to the visitor sham activity of the registered users, like logins to the site, ordering or subscriptions, mentioning on social networks and any other activity.

    Select the best type of impact on the user.

    Through the demonstration of notifications generated to create a “sense of queue” or “herd effect”, the visitor receives a subconscious motivation to join the actions of other users.

    Features:

    • 20+ avaliable options
    • 32 transitions effects
    • Advanced styling options
    • Set the show mode
    • Set fontawesome or custom icon to notification
    • Any place of the site
    • Create any notification text

    Use it anywhere & anytime

    Fake Notifications can be used for any purpose. Most common usage:

    • Registration of new users
    • Subscription to email-newsletter
    • Events conducted by you
    • Mentions on social networks
    • Purchase a product or service
    ]]>
    Feedback Rating 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/feedback-rating/19991929 Feedback Rating is a small jQuery Plugin. When a user has arrived at the end of your page, a simple Feedback form appears and allows him to give you a feedback from 1 to 10.

    Cookies are used to not display the form every time you reload the site or close the form.

    There’s a simple PHP File included to insert the feedback into your Database.

    Installation

     add jQuery plugin if you dont have it already in your project add included js and css files to your project - feedback-rating.css - feedback-rating.js  call the plugin with your custom options $.FeedbackRating({     count: 10,     headlineTitle: '<h2>Hi, we want your Feedback</h2>,     cookieExpires: 30,     showOnClose: false,     showOnCloseExpires: 30 }); 
    more options in the documentation.html file or online check it out with demo

    Files included

    - feedback-rating.css
    - feedback-rating.js
    - index.html as documentation
    - save.php as example

    Files included in demo, not in download

    - jQuery
    - bootstrap.css
    - bootstrap.js
    ]]>
    Feedback Rating is a small jQuery Plugin. When a user has arrived at the end of your page, a simple Feedback form appears and allows him to give you a feedback from 1 to 10.

    Cookies are used to not display the form every time you reload the site or close the form.

    There’s a simple PHP File included to insert the feedback into your Database.

    Installation

     add jQuery plugin if you dont have it already in your project add included js and css files to your project - feedback-rating.css - feedback-rating.js  call the plugin with your custom options $.FeedbackRating({     count: 10,     headlineTitle: '<h2>Hi, we want your Feedback</h2>,     cookieExpires: 30,     showOnClose: false,     showOnCloseExpires: 30 }); 
    more options in the documentation.html file or online check it out with demo

    Files included

    - feedback-rating.css
    - feedback-rating.js
    - index.html as documentation
    - save.php as example

    Files included in demo, not in download

    - jQuery
    - bootstrap.css
    - bootstrap.js
    ]]>
    Evendar - Event Calendar/Picker 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/evendar-event-calendarpicker/19985423 \\

    Features

    • Event Calendar / Picker
    • JSON Source Compatible
    • Grid View/List View Support
    • Minimize/Maximize Support
    • Fully customizable
    • Easy month and year switch
    • Inline or Dropdown Options
    • Portrait and Landscape Mobile Views
    • Event Details View
    • Event Links and Link Target Support
    • Built using jQuery and moment.js
    • Sass File included
    • Grunt Tasks included
    ]]>
    \\

    Features

    • Event Calendar / Picker
    • JSON Source Compatible
    • Grid View/List View Support
    • Minimize/Maximize Support
    • Fully customizable
    • Easy month and year switch
    • Inline or Dropdown Options
    • Portrait and Landscape Mobile Views
    • Event Details View
    • Event Links and Link Target Support
    • Built using jQuery and moment.js
    • Sass File included
    • Grunt Tasks included
    ]]>
    Hi-Tech Tabs - Effective and Animated Design 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/hi-tech-tabs-effective-and-animated-design/19982823 Hi-Tech Tabs is a simple and easy customizable tab. It’s made with Bootstrap responsive design and some awesome animations. It’s solution for creating beautiful tabbed navigation without customize any javascript code. It has 4 Styles, 4 layouts, 12 colors, 10+ animations, ripple effect, steps or wizard (Prev-Next)Button other lots of customization options and can be easily integrated to any website.

    It’s very easy to customize, Because this plugin customization process you just need to custom your css class, and don’t need to change any javascript code!!! :)



    Features: Hi-Tech Tabs – Effective and Animated Design


    1. Unlimited Tab Steps.
    2. 4 Different Tabs Styles.
    3. 4 Different Tabs Layouts.
    4. 12+ Different Tabs Animations.
    5. 12 Different Tabs Colors.
    6. Auto Height Tabs.
    7. Nested Possibility.
    8. Can Use Tab Subtitle.
    9. Clean Design And Commented Code.
    10. Can Display Any Content, Video, Form, Table, Image or Other Elements.
    11. Fully Responsive.
    12. Made With Bootstrap
    13. Vertical & Horizontal Tabs Layouts.
    14. Include Steps or Wizard Button.
    15. Cross-Browser Compatibility.
    16. Clean HTML, Javascript & CSS Code.
    17. Animated Design.
    18. Ripple Effect.
    19. Uses Font Awesome Icon.
    20. Easy to Customize.
    21. Easy to Setup.
    22. Step by Step Documentation.
    23. And Much More!


    Thank You For Staying With Us! :) :) :)


    Our Visitors


    Flag Counter

    ]]>
    Hi-Tech Tabs is a simple and easy customizable tab. It’s made with Bootstrap responsive design and some awesome animations. It’s solution for creating beautiful tabbed navigation without customize any javascript code. It has 4 Styles, 4 layouts, 12 colors, 10+ animations, ripple effect, steps or wizard (Prev-Next)Button other lots of customization options and can be easily integrated to any website.

    It’s very easy to customize, Because this plugin customization process you just need to custom your css class, and don’t need to change any javascript code!!! :)



    Features: Hi-Tech Tabs – Effective and Animated Design


    1. Unlimited Tab Steps.
    2. 4 Different Tabs Styles.
    3. 4 Different Tabs Layouts.
    4. 12+ Different Tabs Animations.
    5. 12 Different Tabs Colors.
    6. Auto Height Tabs.
    7. Nested Possibility.
    8. Can Use Tab Subtitle.
    9. Clean Design And Commented Code.
    10. Can Display Any Content, Video, Form, Table, Image or Other Elements.
    11. Fully Responsive.
    12. Made With Bootstrap
    13. Vertical & Horizontal Tabs Layouts.
    14. Include Steps or Wizard Button.
    15. Cross-Browser Compatibility.
    16. Clean HTML, Javascript & CSS Code.
    17. Animated Design.
    18. Ripple Effect.
    19. Uses Font Awesome Icon.
    20. Easy to Customize.
    21. Easy to Setup.
    22. Step by Step Documentation.
    23. And Much More!


    Thank You For Staying With Us! :) :) :)


    Our Visitors


    Flag Counter

    ]]>
    Weekly Schedule Board / Hours Selector 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/weekly-schedule-board-hours-selector/19979310 - Select hours in very intuitive and effective way – by clicking & dragging the mouse. - Display 24 or less hours per day. - Full hour, half an hour and quarter of and hour are supported. - Work smoothly in any language, right-to-left supported. - JavaScript object as a result – can be save as JSON string, can be used for component’s initialization - Pure JavaScript, no additional libs/frameworks are needed. - Can display hours horizontally or vertically - Can put multiple components on the same page - Can change view at runtime (without reloading the page) - Easy installation and usage

    ]]>
    - Select hours in very intuitive and effective way – by clicking & dragging the mouse. - Display 24 or less hours per day. - Full hour, half an hour and quarter of and hour are supported. - Work smoothly in any language, right-to-left supported. - JavaScript object as a result – can be save as JSON string, can be used for component’s initialization - Pure JavaScript, no additional libs/frameworks are needed. - Can display hours horizontally or vertically - Can put multiple components on the same page - Can change view at runtime (without reloading the page) - Easy installation and usage

    ]]>
    Zest Countdown, Responsive jQuery Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/zest-countdown-responsive-jquery-plugin/19977432 Zest Countdown

    Zest is a Responsive jQuery Plugin with Full Customization availability

    Zest Visual Builder helps you to create amazing countdown in minutes

    Customize and Get jQuery Code. Enjoy with Zest


    Features

    • Highly Customizable
    • Unlimited Colors
    • 25 Languages
    • 29 Trendy Fonts
    • Resizable & Responsive Elements
    • Animated Flipping Effects
    • Editable Flipping Speed
    • Step by Step Documentation
    • And More . . .


    install
    \\



    \\

    \\

    Change log

    1.0 | 18.05.2017

    -Created 

    Credits

    \\

    Show More Show Less ]]> Zest Countdown

    Zest is a Responsive jQuery Plugin with Full Customization availability

    Zest Visual Builder helps you to create amazing countdown in minutes

    Customize and Get jQuery Code. Enjoy with Zest


    Features

    • Highly Customizable
    • Unlimited Colors
    • 25 Languages
    • 29 Trendy Fonts
    • Resizable & Responsive Elements
    • Animated Flipping Effects
    • Editable Flipping Speed
    • Step by Step Documentation
    • And More . . .


    install
    \\



    \\

    \\

    Change log

    1.0 | 18.05.2017

    -Created 

    Credits

    \\

    Show More Show Less ]]> LayerMenu - jQuery Menu Plugin 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/layermenu-jquery-menu-plugin/19968632 instagramtwittersubscribeticksy

    LayerMenu – jQuery Menu Plugin

    During the development of our products, we are faced with the need to create something unique, new and easy to use. This time we decided to rethink the good old navigation menus. This plugin will help web developers to surprise they clients with new user expirience from use of the product. Also, our menu can save such a valuable, in our time, space, introducing a new navigation type. We hope you and your customers will like our solution. Good luck!

    \\

    • Slide
    • Fade
    • Roll
    • Cube
    • Shift Up
    • Slide Zoom In
    • Slide Zoom Out
    • Slide Back Layer

    Also layerMenu provides easily creating your custom animation.

    Note: For commercial usage you need to purchase an extended license (One license for all products)

    support

     Version 1.0 * Initial Release 
    ]]>
    instagramtwittersubscribeticksy

    LayerMenu – jQuery Menu Plugin

    During the development of our products, we are faced with the need to create something unique, new and easy to use. This time we decided to rethink the good old navigation menus. This plugin will help web developers to surprise they clients with new user expirience from use of the product. Also, our menu can save such a valuable, in our time, space, introducing a new navigation type. We hope you and your customers will like our solution. Good luck!

    \\

    • Slide
    • Fade
    • Roll
    • Cube
    • Shift Up
    • Slide Zoom In
    • Slide Zoom Out
    • Slide Back Layer

    Also layerMenu provides easily creating your custom animation.

    Note: For commercial usage you need to purchase an extended license (One license for all products)

    support

     Version 1.0 * Initial Release 
    ]]>
    FlexNav - Multi Style Navigation Menu 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/flexnav-multi-style-navigation-menu/19967822
  • Responsive Navigation
  • Usable for multiple purposes. IE. Blog, Timeline
  • Flat Design
  • Cutomizable Style
  • Supported in all major browsers
  • 8 different styles
  • Navigation Menu

    Dependencies
    • jQuery
    • FontAwesome icons
    • Google Fonts : Open sans, Oswald, montserrat.

    The images showed in the preview are not included in the main files.

    ]]>
  • Responsive Navigation
  • Usable for multiple purposes. IE. Blog, Timeline
  • Flat Design
  • Cutomizable Style
  • Supported in all major browsers
  • 8 different styles
  • Navigation Menu

    Dependencies
    • jQuery
    • FontAwesome icons
    • Google Fonts : Open sans, Oswald, montserrat.

    The images showed in the preview are not included in the main files.

    ]]>
    Television News Ticker 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/television-news-ticker/19965447 The Television News Ticker script allows you to generate on your website a news ticker like the ones used by television stations to publish the latest news, election results, sport results, whether warnings,  stock quotes, etc.

    The news displayed in the news ticker can be retrieved with the provided PHP scripts from a specified RSS feed, from a Twitter account or from a database table. Alternatively the advanced user will be able to manually generate the content of the news based on the exact needs of the publisher by connecting the news ticker with a JSON resource.

    The news displayed in the news ticker are updated in real time with AJAX techniques at every news cycle or cached. The way the news are cached, the number of news, the colors, the typography, the responsive behavior, on which devices the news ticker should be displayed, and more can be controlled with the 61 customization options which are documented below in this item description.

    Please note that this product is the stand-alone JavaScript/PHP version of the successful Live News WordPress Plugin, make sure that you purchase the correct product for your platform.

    The features of Television News Ticker

    Generate the News from an RSS Feed

    The news of the news ticker can be retrieved from a custom RSS feed, so you can for example display live news from BCC, CNN or your favorite local provided.

    This example demonstrates how to initialize a news ticker with news generated from the BBC World RSS feed:

    <script> newsTicker.initialize({   newsDataJson: 'source/rss.php',   rssUrl: 'http://feeds.bbci.co.uk/news/world/rss.xml?edition=uk', }); </script>

    Before publishing in your website news generated from an RSS feed please make sure that you have the proper permission and that you are not infringing any intellectual property.

    Generate the News from Twitter

    If you want to display the latest tweet of your Twitter account or if your idea is to show tweets from a relevant Twitter user you can achieve this with this simple initialization:

    <script> newsTicker.initialize({   newsDataJson: 'source/twitter.php',   twitterUsername: 'envato', }); </script>

    The code above generates sliding news from the @envato Twitter account.

    The ability to automatically strip links, hashtags and usernames from the tweets and make them more clean is also included. (see the customization options for details)

    Please note that retrieving data with the Twitter API requires that you generate the proper keys and access token, more information on the procedure are available in the product manual.

    Generate the News from a Custom Database

    If you want to retrieve news that are stored in a MySQL database table a ready-to-use PHP script is included. You only need to reference this script when you initialize the news ticker and then enter the database credentials, the database table name and the database table fields in the actual PHP script.

    This is how to initialize a news ticker which retrieves the news from a MySQL database table:

    <script> newsTicker.initialize({   newsDataJson: 'source/database.php', }); </script>

    Generate JSON Data

    If you what you need is retrieving the news from a custom source, you have to simply generate a valid JSON resource in this format:

    {   "featurednews": {     "newstitle": "",     "newsexcerpt": "",     "url": ""    },   "slidingnews": [     {       "newstitle": "",       "url": ""      }   ] }

    And then reference the generated static or dynamic (created on the fly by a server scripting language) file in the news ticker initialization:

    <script> newsTicker.initialize({   newsDataJson: 'source/custom-data.json', }); </script>

    Customize Everything

    This product has a total of 61 customization options. To use a customization option set its value during the initialization process of the news ticker.

    This example demonstrates how to define a custom number of displayed news with the numberOfNews option.

    <script> newsTicker.initialize({     newsDataJson: 'data.json',     numberOfNews: 20,   }); </script>

    Use this table to understand how each option should be used:

    The customization options of the news ticker

    Written in Pure JavaScript

    The Television News Ticker script is written in pure JavaScript and no additional libraries are required. It’s extremely lightweight (5kB when minified and gzipped), adheres to the rules of Google JavaScript Style Guide and is linted with ESLint.

    High Quality Support

    Support for this plugin is provided in English and Italian directly via email by the plugin developer. If you experience any problems or if you need detailed technical info about specific plugin parts you are in good hands.

    Credits

    This product makes use of the following resources:

    Updates

     16.03.2018 - v1.05   - Added the modifySource() method   - Added callbacks useful to run custom code on specific events of the news ticker   - The news ticker can now be destroyed and initialized with a different configuration 08.01.2018 - v1.04   - Added the destroy() method 19.05.2017 - v1.03   - Initial release 

    Do you care about your website’s SEO?

    Improve your internal links structure and get more visits on your WordPress website with the Interlinks Manager plugin.

    Interlinks Manager plugin for WordPress

    Try now the Powerful UberChart plugin

    Create high-quality charts and graphs with UberChart, probably the most advanced WordPress chart plugin ever created.

    UberChart plugin for WordPress]]>
    The Television News Ticker script allows you to generate on your website a news ticker like the ones used by television stations to publish the latest news, election results, sport results, whether warnings,  stock quotes, etc.

    The news displayed in the news ticker can be retrieved with the provided PHP scripts from a specified RSS feed, from a Twitter account or from a database table. Alternatively the advanced user will be able to manually generate the content of the news based on the exact needs of the publisher by connecting the news ticker with a JSON resource.

    The news displayed in the news ticker are updated in real time with AJAX techniques at every news cycle or cached. The way the news are cached, the number of news, the colors, the typography, the responsive behavior, on which devices the news ticker should be displayed, and more can be controlled with the 61 customization options which are documented below in this item description.

    Please note that this product is the stand-alone JavaScript/PHP version of the successful Live News WordPress Plugin, make sure that you purchase the correct product for your platform.

    The features of Television News Ticker

    Generate the News from an RSS Feed

    The news of the news ticker can be retrieved from a custom RSS feed, so you can for example display live news from BCC, CNN or your favorite local provided.

    This example demonstrates how to initialize a news ticker with news generated from the BBC World RSS feed:

    <script> newsTicker.initialize({   newsDataJson: 'source/rss.php',   rssUrl: 'http://feeds.bbci.co.uk/news/world/rss.xml?edition=uk', }); </script>

    Before publishing in your website news generated from an RSS feed please make sure that you have the proper permission and that you are not infringing any intellectual property.

    Generate the News from Twitter

    If you want to display the latest tweet of your Twitter account or if your idea is to show tweets from a relevant Twitter user you can achieve this with this simple initialization:

    <script> newsTicker.initialize({   newsDataJson: 'source/twitter.php',   twitterUsername: 'envato', }); </script>

    The code above generates sliding news from the @envato Twitter account.

    The ability to automatically strip links, hashtags and usernames from the tweets and make them more clean is also included. (see the customization options for details)

    Please note that retrieving data with the Twitter API requires that you generate the proper keys and access token, more information on the procedure are available in the product manual.

    Generate the News from a Custom Database

    If you want to retrieve news that are stored in a MySQL database table a ready-to-use PHP script is included. You only need to reference this script when you initialize the news ticker and then enter the database credentials, the database table name and the database table fields in the actual PHP script.

    This is how to initialize a news ticker which retrieves the news from a MySQL database table:

    <script> newsTicker.initialize({   newsDataJson: 'source/database.php', }); </script>

    Generate JSON Data

    If you what you need is retrieving the news from a custom source, you have to simply generate a valid JSON resource in this format:

    {   "featurednews": {     "newstitle": "",     "newsexcerpt": "",     "url": ""    },   "slidingnews": [     {       "newstitle": "",       "url": ""      }   ] }

    And then reference the generated static or dynamic (created on the fly by a server scripting language) file in the news ticker initialization:

    <script> newsTicker.initialize({   newsDataJson: 'source/custom-data.json', }); </script>

    Customize Everything

    This product has a total of 61 customization options. To use a customization option set its value during the initialization process of the news ticker.

    This example demonstrates how to define a custom number of displayed news with the numberOfNews option.

    <script> newsTicker.initialize({     newsDataJson: 'data.json',     numberOfNews: 20,   }); </script>

    Use this table to understand how each option should be used:

    The customization options of the news ticker

    Written in Pure JavaScript

    The Television News Ticker script is written in pure JavaScript and no additional libraries are required. It’s extremely lightweight (5kB when minified and gzipped), adheres to the rules of Google JavaScript Style Guide and is linted with ESLint.

    High Quality Support

    Support for this plugin is provided in English and Italian directly via email by the plugin developer. If you experience any problems or if you need detailed technical info about specific plugin parts you are in good hands.

    Credits

    This product makes use of the following resources:

    Updates

     16.03.2018 - v1.05   - Added the modifySource() method   - Added callbacks useful to run custom code on specific events of the news ticker   - The news ticker can now be destroyed and initialized with a different configuration 08.01.2018 - v1.04   - Added the destroy() method 19.05.2017 - v1.03   - Initial release 

    Do you care about your website’s SEO?

    Improve your internal links structure and get more visits on your WordPress website with the Interlinks Manager plugin.

    Interlinks Manager plugin for WordPress

    Try now the Powerful UberChart plugin

    Create high-quality charts and graphs with UberChart, probably the most advanced WordPress chart plugin ever created.

    UberChart plugin for WordPress]]>
    Basal Metabolic Rate (BMR) Calculator 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/basal-metabolic-rate-bmr-calculator/19961045

    This unique BMR calculator was designed to fit different styles of website designs and to be easy to integrate and use.
    Probably the best BMR available online right now, don’t take my word, convince yourself. If you find a better computer, I’ll be happy to make this one as good as the one you’ve found. ;-)


    Why choosing this Basal Metabolic Rate (BMR) calculator?

    • 2 most known formulas to calculate the Basal Metabolic Rate
    • Instant switch between imperial and metric system
    • 5 ready to use styles
    • Responsive design
    • Instant calculation, no page refresh
    • Tooltips, for better user experience
    • Can be used as a widget or a full page Basal Metabolic Rate (BMR)
    • It only uses HTML, CSS, JavaScript
    • No jQuery required or other libraries
    • No database required

    Calculation methods/formulas:

    1. Mifflin St. Jeor BMR Formula
    2. Harris-Benedict BMR Formula
    ]]>

    This unique BMR calculator was designed to fit different styles of website designs and to be easy to integrate and use.
    Probably the best BMR available online right now, don’t take my word, convince yourself. If you find a better computer, I’ll be happy to make this one as good as the one you’ve found. ;-)


    Why choosing this Basal Metabolic Rate (BMR) calculator?

    • 2 most known formulas to calculate the Basal Metabolic Rate
    • Instant switch between imperial and metric system
    • 5 ready to use styles
    • Responsive design
    • Instant calculation, no page refresh
    • Tooltips, for better user experience
    • Can be used as a widget or a full page Basal Metabolic Rate (BMR)
    • It only uses HTML, CSS, JavaScript
    • No jQuery required or other libraries
    • No database required

    Calculation methods/formulas:

    1. Mifflin St. Jeor BMR Formula
    2. Harris-Benedict BMR Formula
    ]]>
    Drop Down Tree - Combo Box Tree View with Autocomplete 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/drop-down-tree-combo-box-tree-view-autocomplete/19953526 Drop Down Tree is an easy-to-use jQuery plugin for classifying transmitted data. The plugin displays a combo, which embeds a collapsible tree drawn by the transmitted data. The plugin has features of dynamic search and filter. The appearance is easy customizable using CSS. Drop Down Tree plugin is developed using only JavaScript. There is no need for special programming knowledge to use the plugin – the parameters have a structure of a typical JavaScript object. Key Benefits:

    • Collapsible tree view: feature of collapse/expand tree elements
    • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
    • Appearance is easy customizable using CSS and responsive design.
    • Returns the id of the selected item instead of text.
    You can see detailed documentation here]]>
    Drop Down Tree is an easy-to-use jQuery plugin for classifying transmitted data. The plugin displays a combo, which embeds a collapsible tree drawn by the transmitted data. The plugin has features of dynamic search and filter. The appearance is easy customizable using CSS. Drop Down Tree plugin is developed using only JavaScript. There is no need for special programming knowledge to use the plugin – the parameters have a structure of a typical JavaScript object. Key Benefits:

    • Collapsible tree view: feature of collapse/expand tree elements
    • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
    • Appearance is easy customizable using CSS and responsive design.
    • Returns the id of the selected item instead of text.
    You can see detailed documentation here]]>
    ezStarz 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/ezstarz/19930691 ezStarz by Bitbenderz.com is a light-weight, easy to use, jQuery plugin that turns any HTML text input into a Star Rating element. ezStarz employs HTML5 Canvas methods to draw and color the stars; so no external images are required.

    Notable features include :

    • Definable Star Size
    • Definable Stars per Input
    • Definable Star Colors
    • Definable Tooltips
    • Whole or Fractional Resolution
    • Read Only Support
    • Touchscreen Device Aware
    • Modern Browser Compatible

    Includes complete documentation and sample form.

    ]]>
    ezStarz by Bitbenderz.com is a light-weight, easy to use, jQuery plugin that turns any HTML text input into a Star Rating element. ezStarz employs HTML5 Canvas methods to draw and color the stars; so no external images are required.

    Notable features include :

    • Definable Star Size
    • Definable Stars per Input
    • Definable Star Colors
    • Definable Tooltips
    • Whole or Fractional Resolution
    • Read Only Support
    • Touchscreen Device Aware
    • Modern Browser Compatible

    Includes complete documentation and sample form.

    ]]>
    Huge Multipurpose Responsive Navigation Menu 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/huge-multipurpose-responsive-navigation-menu/19917287

    Huge Navigation Menu is a modern, well-crafted, pixel perfect Responsive multi-purpose navigation menu designed with great attention to detail, flexibility, and performance. It is ultra professional, smooth and sleek, with a clean modern layout. Using Huge Navigation Menu you able to make any kind of navigation menu like Mega Menu, standard drop down menu, One Pager Menu, sidebar Menu etc.

    Huge Navigation Menu is based on HTML5, CSS3, Bootstrap 3 which help you to be quick to setup and easy to customize to suit your websites. It is super responsive to have a stunning display on any devices.

    If you love the Navigation Menu, Do not forget to rate us 5 stars and let us know your feedback for a better update.

    Feature list

    • 100+ Real Example Menu & design
    • Elegant and Minimal Design
    • Based on Bootstrap 3.x
    • 100% Responsive
    • Clean and commented code
    • HTML & CSS & JS files are included
    • Valid HTML5 / CSS3
    • W3C Valid HTML
    • Google Fonts
    • Fontawesome Icon
    • 24/7 Awesome Support
    • Detailed documentation
    • And more…

    SOURCES and CREDITS:

    Note:

    Images used in the demo aren’t included in the main template.

    Version changelog:

    Huge Nav v.1.1 (16 May, 2017) --------------------- -> Fix sidebar Menu bug 
    Huge Nav v.1.0 (13 May, 2017) --------------------- Initial release. 
    ]]>

    Huge Navigation Menu is a modern, well-crafted, pixel perfect Responsive multi-purpose navigation menu designed with great attention to detail, flexibility, and performance. It is ultra professional, smooth and sleek, with a clean modern layout. Using Huge Navigation Menu you able to make any kind of navigation menu like Mega Menu, standard drop down menu, One Pager Menu, sidebar Menu etc.

    Huge Navigation Menu is based on HTML5, CSS3, Bootstrap 3 which help you to be quick to setup and easy to customize to suit your websites. It is super responsive to have a stunning display on any devices.

    If you love the Navigation Menu, Do not forget to rate us 5 stars and let us know your feedback for a better update.

    Feature list

    • 100+ Real Example Menu & design
    • Elegant and Minimal Design
    • Based on Bootstrap 3.x
    • 100% Responsive
    • Clean and commented code
    • HTML & CSS & JS files are included
    • Valid HTML5 / CSS3
    • W3C Valid HTML
    • Google Fonts
    • Fontawesome Icon
    • 24/7 Awesome Support
    • Detailed documentation
    • And more…

    SOURCES and CREDITS:

    Note:

    Images used in the demo aren’t included in the main template.

    Version changelog:

    Huge Nav v.1.1 (16 May, 2017) --------------------- -> Fix sidebar Menu bug 
    Huge Nav v.1.0 (13 May, 2017) --------------------- Initial release. 
    ]]>
    Angular Route Generator 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/angular-route-generator/19908997 Route Generator is a A to B Route Planner tool written in Pure Angular 2 with Firebase as Database and Google Map Ver. 3 API. it have very advance features like Auto Location Detection, Add Multiple Waypoints, Get Shortest Route, Convert Miles to KM and vise versa, Responsiveness, Shareable Link Generator, Change Google Map Language and get proper Route Directions in details via Google API, the major thing is to make the share link available and storing data to firebase. This tool can be easily attached to any existing Projects.

    Software needed to compile the source are below :
    1) Node.js ( you can download Node.js as per your OS from this url : https://nodejs.org/en/download/ )

    2) NPM & angular CLI (You can install Angular with npm with this command : npm install -g @angular/cli)
    if you need more details on angular you can view this page : https://cli.angular.io/ for documentations.

    Or you can contact us to provide your complied version after you purchase for FREE.

    ]]>
    Route Generator is a A to B Route Planner tool written in Pure Angular 2 with Firebase as Database and Google Map Ver. 3 API. it have very advance features like Auto Location Detection, Add Multiple Waypoints, Get Shortest Route, Convert Miles to KM and vise versa, Responsiveness, Shareable Link Generator, Change Google Map Language and get proper Route Directions in details via Google API, the major thing is to make the share link available and storing data to firebase. This tool can be easily attached to any existing Projects.

    Software needed to compile the source are below :
    1) Node.js ( you can download Node.js as per your OS from this url : https://nodejs.org/en/download/ )

    2) NPM & angular CLI (You can install Angular with npm with this command : npm install -g @angular/cli)
    if you need more details on angular you can view this page : https://cli.angular.io/ for documentations.

    Or you can contact us to provide your complied version after you purchase for FREE.

    ]]>
    Do Chart 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/do-chart/19903458 Creating beautiful infographics and flowcharts are very easy with Do Chart.

    Infographics make complex information eye catching, shareable and easily digestible. Most importantly, they play a crucial role in the increasingly visual world of marketing.

    With Do Chart, you can create FLOWCHARTS and 7 different types of infographic charts including very common Bar chart, Pie chart, Line chart etc.


    LOVE to HELP

    I’ll happy to answer your questions. Also If you need any custom features or any changes please mail me through my Envato profile. I’ll reply you very soon!

    Demo

    Link: demo.incevio.com

    User name: admin@demo.com
    Password: 123456


    FEATURES:

    [ FLOWCHART ]
    – 5 different types of FLOWCHART including Network diagram
    – Export work as PNG and RAW work file.
    – Duplicate from existing chart
    – Any node can have an URL, that is clickable when viewing the chart.
    – Insert your own custom shapes and images onto the flowchart


    [ INFOGRAPHICS ]
    – 7 different types of infographics
    – Import CSV to create infographics
    – Export work as PNG image.
    – Duplicate from existing chart
    – Lots of options to customize every bit of the chart.
    – Draw TRENDLINE by selecting some nodes
    – Draw unlimited horizontal lines over the chart like upper limit, lower limit etc


    [ ADMIN ]
    – Have total access to all over the system.
    – Set how many projects a user can create.
    – Translate the application to any language
    – Full BRANDing control


    CHANGE LOG

      Version 1.0 (9 May 2017) =========================== + Initial release.  
    ]]>
    Creating beautiful infographics and flowcharts are very easy with Do Chart.

    Infographics make complex information eye catching, shareable and easily digestible. Most importantly, they play a crucial role in the increasingly visual world of marketing.

    With Do Chart, you can create FLOWCHARTS and 7 different types of infographic charts including very common Bar chart, Pie chart, Line chart etc.


    LOVE to HELP

    I’ll happy to answer your questions. Also If you need any custom features or any changes please mail me through my Envato profile. I’ll reply you very soon!

    Demo

    Link: demo.incevio.com

    User name: admin@demo.com
    Password: 123456


    FEATURES:

    [ FLOWCHART ]
    – 5 different types of FLOWCHART including Network diagram
    – Export work as PNG and RAW work file.
    – Duplicate from existing chart
    – Any node can have an URL, that is clickable when viewing the chart.
    – Insert your own custom shapes and images onto the flowchart


    [ INFOGRAPHICS ]
    – 7 different types of infographics
    – Import CSV to create infographics
    – Export work as PNG image.
    – Duplicate from existing chart
    – Lots of options to customize every bit of the chart.
    – Draw TRENDLINE by selecting some nodes
    – Draw unlimited horizontal lines over the chart like upper limit, lower limit etc


    [ ADMIN ]
    – Have total access to all over the system.
    – Set how many projects a user can create.
    – Translate the application to any language
    – Full BRANDing control


    CHANGE LOG

      Version 1.0 (9 May 2017) =========================== + Initial release.  
    ]]>
    ZPrice - Jquery Price Range Sliders 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/zprice-jquery-price-range-sliders/19885625 Price range sliders and relative options are hugely used in hosting websites these days as it has become a standard. Sliding through a range of product specification for a certain price is very interesting thing to do as well.

    Go through these beautiful price sliders where range selection can be done easily as these jQuery plugins. Integrate these sliders on your website to make them more appealing to your visitors to choose product options.

    \\

    Price range sliders and relative options are hugely used in hosting websites these days as it has become a standard. Sliding through a range of product specification for a certain price is very interesting thing to do as well.

    Go through these beautiful price sliders where range selection can be done easily as these jQuery plugins. Integrate these sliders on your website to make them more appealing to your visitors to choose product options.

    \\

    JM-Rating is a fast and tiny jQuery rating plugin. It can turn any input tag into a nice rating component. You can use Font Awesome, Glyphicons, SVG or any images. It’s easy to style the component with CSS.

    Main features

    • Fast and Lightweight (~3K)
    • Easy to use and integrate into any Website
    • Many options to customize by your needs
    • Support of Font Awesome and Glyphicons
    • Support of SVG icons
    • Ready for Bootstrap

    jQuery versions supported

    • jQuery >= 1.9
    • jQuery = 2.x
    • jQuery = 3.x

    Many options to customize

    • starCount
    • iconType
    • iconTag
    • rateIconClass
    • unrateIconClass
    • componentClass
    • height
    • hover
    • disabled
    • onInit
    • onClick

    Includes complete documentation with samples

    ]]>
    About

    JM-Rating is a fast and tiny jQuery rating plugin. It can turn any input tag into a nice rating component. You can use Font Awesome, Glyphicons, SVG or any images. It’s easy to style the component with CSS.

    Main features

    • Fast and Lightweight (~3K)
    • Easy to use and integrate into any Website
    • Many options to customize by your needs
    • Support of Font Awesome and Glyphicons
    • Support of SVG icons
    • Ready for Bootstrap

    jQuery versions supported

    • jQuery >= 1.9
    • jQuery = 2.x
    • jQuery = 3.x

    Many options to customize

    • starCount
    • iconType
    • iconTag
    • rateIconClass
    • unrateIconClass
    • componentClass
    • height
    • hover
    • disabled
    • onInit
    • onClick

    Includes complete documentation with samples

    ]]>
    Advanced Multi Select Data List - Multiselect Drop-down with Autocomplete 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/advanced-multi-select-data-list-multiselect-drop-down-autoco/19811492 The Advanced Multi Select Data List plugin is used to provide an autocomplete feature on input elements. Users will see a drop-down list of pre-defined options as they input data. Unlike HTML5 datalist the Advanced Multi Select Data List has the following benefits:

    • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
    • Allows a user to remove items from the list
    • Return the id of the selected item instead of text
    The appearance is easy customizable using CSS.

    See detailed help here.

    ]]>
    The Advanced Multi Select Data List plugin is used to provide an autocomplete feature on input elements. Users will see a drop-down list of pre-defined options as they input data. Unlike HTML5 datalist the Advanced Multi Select Data List has the following benefits:

    • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
    • Allows a user to remove items from the list
    • Return the id of the selected item instead of text
    The appearance is easy customizable using CSS.

    See detailed help here.

    ]]>
    Incredible3D - jQuery Flipbook 2018-06-21T06:11:02+00:00 2018-06-21T06:11:02+00:00 /item/incredible3d-jquery-flipbook/19805133 Incredible3D – jQuery Flipbook

    Incredible3D – jQuery Flipbook is a convert jpg to flipbook or pdf to flipbook.

    Features

  • Easy to use
  • Realistic 3D page flip effect
  • Flipbook with Interactive pages
  • Optimized for mobile
  • Lightbox mode, responsive mode, fullscreen mode
  • optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
  • no Flash Player needed to run
  • show all pages – thumbnails
  • Put Video on page
  • social share – facebook, twitter, google plus. linkedin
  • well documented
  • All the magazine you show in previrew are not include in main file. Only include demo pages in main file.

    ]]>
    Incredible3D – jQuery Flipbook

    Incredible3D – jQuery Flipbook is a convert jpg to flipbook or pdf to flipbook.

    Features

  • Easy to use
  • Realistic 3D page flip effect
  • Flipbook with Interactive pages
  • Optimized for mobile
  • Lightbox mode, responsive mode, fullscreen mode
  • optimized for mobile – look and feel of a native app on mobile with touch swipe, pinch zoom etc
  • no Flash Player needed to run
  • show all pages – thumbnails
  • Put Video on page
  • social share – facebook, twitter, google plus. linkedin
  • well documented
  • All the magazine you show in previrew are not include in main file. Only include demo pages in main file.

    ]]>