Tag: bootstrap

PROJECT – Company Industry Template (Company)
Live Preview Purchase $17.00

PROJECT – Corporate Business Template designed with modern, clean & unique look. It has Onepage and Multipage Version. This is a trendy template for your Business website, Agency or Startup. It looks perfect on all major browsers, tablets and phones. Just take the best Template of your choice, change the text, add your images and done!. Take a look at this wonderful HTML template pages and you will be impressed even more! Enjoy!

PROJECT Awesome FEATURES:
1. Clean & Modern Design
2. Onepage & Multipage
3. Angle & Horizontal Layout Style
4. 8 Different Color
5. W3C Valid Markup
6. Fully Responsive
7. SEO Optimized Code
8. Cross Browser Support
9. Latest Bootstrap 3.3.7
10. Well Organized Files
11. Font Awesome (630+) Icons
12. Google Fonts Used
13. Clean, Creative, Modern & Beautiful Design
14. Smooth Transition Effects
15. Unique Sections
16. Working Contact Form
17. Well Documented
18. Super Easy To Customize
19. 24/7 Support as always
20. And Much More
FILES INCLUDED
1. HTML Files
2. Supporting CSS, JS files
3. PHP file (Contact Form)
4. Documentation in HTML
FONT USED

1) Raleway – https://fonts.google.com/specimen/Raleway
2) Roboto – https://fonts.google.com/specimen/Roboto
2) Sacramento– https://fonts.google.com/specimen/Sacramento

IMAGE & ICON CREDIT

Icon Used Font Awesome (http://fontawesome.io/)
Images Used From Unsplash (https://unsplash.com/)

Please Note: All images are just used for preview purpose only and NOT included in the final purchase files.

Live Preview Purchase $17.00
December 7, 2016
JSON To Bootstrap Desk – jQuery Plugin (Varieties)
Purchase $9.00

JSON To Bootstrap Table is a jQuery plugin that displays a bootstrap responsive table for JSON. In JavaScript, we usually get data (in the form of JSON) from backend using ajax and then display a table (sometimes with pagination and edit/delete buttons). So this plugin makes it super easy to display a responsive bootstrap table with pagination and action buttons. You only need to parse your JSON and pass it to the plugin and the table will be automatically created.

Please watch the video preview before checking the live demo.
Click here to view video preview.

Click here if you need Code Generators for PHP, C#, VB.Net and Entity Framework.

Features:
- It automatically creates a bootstrap table.
- You can display pagination as required.
- Total number of pages and records is shown in the pagination section.
- It displays a responsive table.
- It displays smart titles for header row (e.g. “FirstName” to “First Name” or “Country_Name” to “Country Name”).
- You can specify any page size (the number of records per page).
- You can specify primary key column. It is needed if you want to display action buttons (edit/delete).
- You can specify to show/hide edit/delete buttons.
- You can provide custom titles for header row.
- Examples provided in the documentation.
Properties:
- data: The data that is displayed in the bootstrap table.
- header: It is an array of strings that will be used for header row titles.
- keyColumn: It is the primary key column/property name. It is needed if you want to display edit/delete buttons.
- pageSize: It is the number of records displayed per page.
- addEditIcon: It indicates whether edit button should be shown in the table.
- addDeleteIcon: It indicates whether delete button should be shown in the table.
- displayKeyColumn: It indicates whether primary key column should be shown in the table.
- enablePagination: It indicates whether pagination should be displayed.
Methods:
- data(): It gets data of the table.
- data(data): It sets data of the table. The table will be refreshed when this method is called.
Events:
- onEditButtonClick(id): It is triggered when an edit button is clicked.
- onDeleteButtonClick(id): It is triggered when a delete button is clicked.
Note:

There is no built-in functionality for editing/deleting a record. You will get value of the primary key and then you can send a request to your server to get/edit/delete the record.

More Useful Items:
Purchase $9.00
December 7, 2016
TotalScroll – Multi-Column Format Scrolling jQuery Plugin (Navigation)
Purchase $8.00

Modern Scrolling for Your Website!

TotalScroll plugin was created for multicolumn websites and with it you can adjust your menu column or sidebar’s scrolling speed. Column scroll speed is set as a value between 0-1, where 1 corresponds to default browser scrolling speed. Also TotalScroll can control amount of offset for every column and prevent it from being scrolled too much.

Among other with TotalScroll you can make any column sticky simply by assigning a “ts-sticky” class; use its build-in “Reveal on Scroll” feature to add CSS3 animations to the content as you scroll down the page. Also plugin is fully responsive and works with most fixed/fluid grids

Key Features
- Created for multi-column websites
- Works on Android and iOS devices
- Not restricted to specific grid system
- Bootstrap v3 ready
- Configurable column scroll speed
- CSS3 for extra smooth performance
- Dynamic recognition of layout change
- Configurable “single column” break point
- Build in “reveal-on-scroll” feature
- jsHint.com compliant code
- Well documented
Changelog

# version 1.0 (Nov 23, 2016) - plugin released!

Credits & Sources

Photos used in preview are from https://morguefile.com

Purchase $8.00
December 7, 2016
Bootstrap Responsive Tabs (Sliders)
Purchase $13.00

Bootstrap Responsive Tabs

Bootstrap Responsive Tabs are built with Bootstrap and jQuery. It contains bootstrap carousel, slider, image gallery, lists, table, progress bar and different types of form. It also supports YouTube, Vimeo and self hosted videos with new features. You can change each and every thing such as colors, animations, sizes, backgrounds, positions etc by just changing the classes. We have added many new functions those increased the flexibility of the product.

Elements

Bootstrap Carousel

The carousel used in this product is a bootstrap carousel. There are five types of carousel according to the grid system.
- 2 columns
- 3 columns
- 4 columns
- 5 columns
- 6 columns
Bootstrap Slider

There is one slider included in this product that has types of full width and fixed width with text layers. Other than that we can display the slider either on the left side or the right side with other content easily in bootstrap responsive tabs.

Bootstrap Image Gallery

The image gallery is also categorized in five grid views. And it is 100% responsive.
- 2 columns
- 3 columns
- 4 columns
- 5 columns
- 6 columns
Image

The images can be displayed in four different styles top, left, right and bottom easily.

Self Hosted Video

To display self hosted video in tabs HTML 5 tag has been used.

YouTube And Vimeo

YouTube and Vimeo videos can also be embedded in the responsive bootstrap tabs and can be displayed left and right side easily with other content.

iframe

iframe help you to embed other websites on your site. You can embed it in tabs easily.

Bootstrap Table

We have included bootstrap tables in the tabs. You can display it left, right, top and bottom anywhere in the tab. The tables are also responsive.

Bootstrap Progress Bar

We have included the bootstrap progress bars in this pack. There are two types of progress bars, animated and simple. Now you can show your data in the form of bars easily.

Bootstrap Sign In Form

You will also find sign in form in bootstrap responsive tabs. The forms are 100% responsive and well designed. You can appear them anywhere in the tabs.

Bootstrap Sign Up Form

Sign up form is also a key element of the bootstrap tabs. It can be displayed left, right, top and bottom in the tabs.

Bootstrap Contact Us Form

Responsive Bootstrap Tabs also has the function to show a contact us form with 100% responsiveness.

Bootstrap Subscribe Form

Subscribe form has a great value in modern websites. So, we have designed it in the tabs.

Combine Elements

You can easily display different elements in different tabs.

Features

Responsive

Size of tabs is responsive on each and every device. Bootstrap Tabs are easily adjustable on every device according to screen resolution.

Customization

We can change each and every thing such as colors, animations, sizes, backgrounds, positions etc by just changing the CSS classes.

Mobile Friendly

Dynamically responsive on all mobile devices. Bootstrap Tabs are completely mobile friendly and as well as it is responsive on iPad, tablets and all other devices.

Bootstrap

Responsive Tabs are built with bootstrap v3.3.7. Even the elements those have been used in the tabs are also built in bootstrap.

Browser Support

Bootstrap tabs are compatible with all browsers like Chrome, Firefox, Internet Explorer, Opera, Safari, Maxthon and edge.

Documentation

Clean and clear documentation with briefly explained each and every part of bootstrap responsive tabs.

Support

We are always there for your help. You can contact us any time. 24/7 support enables user to overcome any problem about tabs.

Validate

The code of bootstrap tabs is clean and clear. The comments help you out to easily understand and edit the code. Validated from W3 Consortium.

Vertical Tabs

A bootstrap responsive tab is built in such a flexible way that you can easily convert any horizontal tab into vertical tab.

Videos

You can embed YouTube and Vimeo videos easily in bootstrap tabs. You can easily host your own videos with the help of HTML 5 video tag.

SEO Optimized

It is completely on page and off page SEO optimized. You can shrink your content by using tabs and maximum content can also be added on a page.

Updates

Updates are free and always will be. Plug-in used in Bootstrap Responsive Tabs are fully up to date.

Plug-in Used
Photos And Videos

Note: Images and Videos are not included in the pack.
Helping Sites
- W3Schools
- Bootstrap
Purchase $13.00
December 7, 2016
Kwik Experience Calendar (Calendars)
Purchase $15.00

Kwik Event Calendar

Is an flexible and easy to integrate jQuery plugin to display events on your website in calendar that syncs events from either a .json file or your database.
- Responsive layout
- 3 views available either ‘on site’ or as ‘full screen’
  1. Month
  2. Agenda
  3. List (month compact)
- Promote featured event/s
- Enable event booking screen
- Display event location – Google Maps API key required
- Customisable colours
- Calendar available in 107 languages
- Free support
- Ongoing Free updates for registered users (free registration) upon release
- Twitter Bootstrap (3+) compatible
Kwik Event Calendar – Support

We offer our customers ongoing ‘lifetime’ full product support via our ticketing help desk.

Our aim is to reply to all tickets within 1 working day.

Customers can use the submit the support form on our website or simply email: kwikbitz@estreamdesk.com

Kwik Event Calendar – Integration

Kwik Event Calendar is based around Twitter Bootstrap the popular HTML, CSS, and JS framework. It may be silly to point out but Kwik Event Calendar is a jQuery plugin so jQuery is a requirement

OK so how do you get started?

After downloading Kwik Event Calendar (here) 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 Kwik Event Calendar download is structured like this:
- kwik_event_calendar_v1_0_0
  - CSS
    
    bootstrap.min.css
    
    font-awesome.min.css
    
    kwik-events-calendar-style.css
  - Fonts
    
    FontAwesome.otf
    
    fontawesome-webfont.eot
    
    fontawesome-webfont.svg
    
    fontawesome-webfont.ttf
    
    fontawesome-webfont.woff
    
    fontawesome-webfont.woff2
  - JS
    
    bootstrap.min.js
    
    jquery.min.js
    
    kwik-events-calendar.js
    
    moment-with-locales.js
    
    tether.min.js
  - 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/bootstrap.min.css”>
- <link rel=”stylesheet” type=”text/css” href=”path_to/css/font-awesome.min.css”>
- <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/kwik-events-calendar-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/tether.min.js”></script>
- <script type=”text/javascript” src=”path_to/js/bootstrap.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/kwik-events-calendar.js”></script>
- <script type=”text/javascript” src=”path_to/js/your site javascript page.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>

You add the Kwik Event Calendar plugin to the appropriate HTML element just by adding this code:

jQuery(’#my_kwik_event_calendar_HTML_element’).kwikEventsCalendar();

Alter the behaviour and appearance of your Kwik Event Calendar just by adding options to the code:

jQuery(’#my_kwik_event_calendar_HTML_element’).kwikEventsCalendar(options)

Easilly syncronise events to Kwik Event Calendar from either a .json file or the database of your choice via Ajax by using the events option:

jQuery(’#my_kwik_event_calendar_HTML_element’).kwikEventsCalendar( eventsList: // an array of events // )

Example syntax to obtain data from a php page query

jQuery.getJSON(“http://your url/script_page_name.php?callback=?”,function(data)

var events = data

)

Example php page query (using PDO & assuming the eventdate field is a ‘standard’ Unix Timestamp )

if(isset($_GET[‘callback’] ))

$stmt = $dbh->prepare(“SELECT id_field AS eventid, as UNIX_TIMESTAMP_MS(eventdate_field) AS eventdate,title_field AS title,image_field AS image,text_field AS text,class_field as Class,location AS location,bookable AS bookable FROM events_list_table”);

$stmt->execute();

$row = $stmt->fetchAll(PDO::FETCH_ASSOC);

$data = json_encode($row);

echo $_GET[‘callback’] . ‘(’ . $data . ‘)’;

Please note – the use of jsonP callback – e.g. callback=? This is included as sometimes Chrome depending on version and your host/database connection does not like getJSON without.

Example syntax to obtain data from a .json file

events:[ false’,

‘bookable’:’true ]

You can also make your Kwik Event Calendar interactive by adding actions to Kwik Event Calendar via Callbacks:

jQuery(’#my_kwik_event_calendar_HTML_element’).kwikEventsCalendar(

callback:function() // action in here //

)

Kwik Event Calendar – Options

Note: Options listed on this page are alphabetical.

The correct syntax (example):

jQuery(‘yourselector’).kwikEventsCalendar(

defaultView:’month’,

startDate:’1360013296123’,

headerBackground:’#19B3E9’
list

data.eventcost, data.eventdate, data.title

This data could be passed to a form for processing – may be a modal the choice is yours.

eventBookingText

Type:String

Default: Book now

Options: Any text

Description: If eventBookingCallBack enabled the text for the ‘booking button’

featuredEvent

Type: Object

Default: undefined

Options:
The featuredEvent object format

‘eventid’:’the event id’,

‘eventdate’:’Unix Millisecond Timestamp for the event start time and date’,

‘title’:’The event title’,

‘image’:’An event image (.jpg,.jpeg,.gif,.png)’,

‘text’:’The event description’,

‘eventcost’:’12.25’

Description: Displays the featured event in the Calendar header

featuredEventCallback

Type: Function

Default: false

Options: function

data.eventcost, data.eventdate, data.title

This data could be passed to a form for processing – may be a modal the choice is yours.

eventCurrency

Type: String

Default: €

Options: Any valid currency in HTML format;

Descriptions: Sets the default currency for chargeable events

eventsList

Type: Function

Default: undefined

Options: function

Description: Passes a valid events list to the calendar.

Valid field dates as on object for the eventsList:

‘eventid’:’the event id’,

‘eventdate’:’Unix Millisecond Timestamp for the event start time and date’,

‘title’:’The event title’,

‘image’:’An event image (.jpg,.jpeg,.gif,.png)’,

‘text’:’The event description’,

‘class’:’A CSS ‘colour’ selector to to heightlight the event on the calendar’

‘location’:’false ,

‘bookable’:’false false

Description: Sets a minimum calendar datee.g. -1 = 1 previous month from the month set in startDate option
false = no minimum month

monthRowHeight

Type: Number

Default: 100

Options: Any numberic value

Descriptions: Sets the row height in pixels month view

startDate

Type: Number

Default: 0

Options: 0, a positive or negative whole number

Description: e.g.0 = current month, -1 = last month, 1 = next month

Text, buttons and icons

backText

Type: String

Default: <i class=”fa fa-chevron-left”></i>

Options: Any icon/text

Description: Sets either the icon or text for the back button on the event single view page

buttonClass

Type: String

Default: .btn.btn-sm

Options: Any valid CSS class

Description: Sets the default css class for buttons

nextText

Type: String

Default: <i class=”fa fa-chevron-left”></i>

Options: Any icon/text

Description: Sets either the icon or text for the calendar next date button

prevText

Type: String

Default: <i class=”fa fa-chevron-left”></i>

Options: Any icon/text

Description: Sets either the icon or text for the calendar previous date button

Colours

blockBackground

Type: String

Default: #FFFFFF

Options: Any valid HEX colour

Description: Sets the colour of the calendar body

blockText

Type: String

Default: false;

Options: Any valid HEX colour
December 7, 2016
jQuery Type Recuperate (Kinds)
Purchase $8.00

jQuery Form Recover

Thousands of orders and important messages are lost everyday because of incorrect form submission or accidental refresh. By installing this plugin you will allow your users to have a draft of their form saved and restored automatically in cases of accidental refresh or browser crash.

As the users fill in the forms, the plugin automatically creates a backup of their input data and restores it after refresh. If the user submits the form then the draft is deleted. You can apply this plugin to all the forms in our site.

Main Features
- Use: Local Storage, Session Storage, Cookies
- Show alert message for recovery
- Show feedback message (Draft saved)
- Activate on key press or on blur input
- Callbacks
- Array of excluded inputs
- Feedback custom container
- Multi-form usage
- Cookie Fallback for non-supporting browsers
- Complete debug
- Well documented
- Clean coded
Basic demo

Creating an instante of the plugin on a form adds listeners to the inputs so that when the users type something, a copy of what they type is saved on their local storage.

What’s included
- Source and Minified JS
- Full documentation
- 10 starter examples
- Release Notes
Changelog

Version 1.0
```
    - Multiple types of storage<br />
    - Multi-form support<br />
    - TinyMCE Integration<br />
    - HTML5 Support<br />
```
Purchase $8.00
December 7, 2016
AngularJS Paypal Funds (Miscellaneous)
Purchase $7.00

Angular paypal payments

Esily include the ngPay plugin into your project and start receiving payments using the simple integration through the directive

Main features
- Modular (can be easily included into your angular projects)
- Dynamic view
- Demo shop included (bootstrap 3)
- One-click redirect (clicking pay redirects you to paypal)
- Configurable (email address, ipn url)
- IPN Script included (official paypal IPN php script included)
- Full documentation (dynamic documentation
Usage

<ng-pay item-price=”250” item-currency=”USD” item-title=”Title of product” item-id=”21” button-string=”Pay for this item with Paypal”></ng-pay>

or in loops

<ng-pay item-price=”product.price” item-currency=”USD” item-id=”product.id” item-title=”product.title” button-string=”Pay with Paypal”></ng-pay>

Purchase $7.00
December 7, 2016
A couple of Carousel – Responsive Blended Content material Slider Plugin (Sliders)
Purchase $12.00

Multiple Carousel optimizes your layout by showing until four different content types organized by columns in a single compact carousel. Or, if you’re looking for a default carousel structure, the Mono carousel will fit your needs as well.

This jQuery Plugin is mobile-friendly and lightweight, with keyboard navigation and touch/sweep/drag for mobile and desktop. Its smart responsive layout automatically fulfills the parent element width on initialization and after resizing too, so you can create fullscreen and boxed carousels freely. And if the container element can’t show the minimum of slides expected (mostly in mobiles devices in general), Multiple Carousel breaks its columns into rows.

Features
- Touch/Sweep/Drag navigation for supported devices
- Optionally integrated with Bootstrap and Font Awesome icons
- Keyboard navigation
- Infinite Physics-based scrolling
- Adjustable speed
- Fast and hardware accelerated animations
- Saves your hardware by auto scrolling slides only if visible
- Saves your hardware by keeping only a few slides in display list
- Clean and SEO friendly code
- Organized documentation and easy instalation
- Compatible with all major browsers
- Easy to customize via jQuery and CSS
- Personalize the width and height of slides
- Set titles for each column and background image
- Smart autoplay pauses when you hover over and stops after some action
- Responsive/adaptive layout always fits its container element dinamically
- Work with multiple instances on same page
- HTML & CSS validated
- Free Support and updates
Multiple Carousel is dependant of the following Open Source scripts/libraries to work:

Mandatory
– jQuery
– jQuery UI

Optional
– jQuery Visible
– Bootstrap
– Font Awesome Icons

The default installation of Multiple Carousel doesn’t work on IE8 and older versions because the most modern/newest jQuery versions don’t support it anymore. But if you need it working on IE8, just downgrade jQuery version to v1.12.4. More information: https://jquery.com/browser-support/

All images on Preview are just for demonstration purpose and aren’t included in the final package.

Updates

Version 1.02 – Out 25, 2016
```
No need of jQuery Migrate and jQuery Easing anymore.
Now jQuery Visible is optional. If installed, carousels will autoplay only if visible on screen.
Fixed a Cross Browser fail on slides with excerpt on hover.
```
Purchase $12.00
December 7, 2016
Rapid Arcade – Create An On-line Arcade Web page Simply! (Miscellaneous)
Purchase $22.00

Want to create your own arcade site?

Want to have an instant money making machine?

You hate uploading and adding game files manually?

You hate “Flash” based arcade games?

Instant Arcade is for you!

Instant Arcade let’s you create your own arcade site like y8.com and gamesbox.com in just 1 minute or less! It doesn’t need a database to run! Everything is 100% Automated and Awesome!

Packed with 8900+ games and Adobe Flash Player is not needed to play! Forget old flash based games and move to the modern technology of html5!

Beautiful and 100% responsive bootstrap arcade template with 2 different theme colors and 6 different theme accent colors! Your arcade, Your style!

Awesome Features:
- No Database – Create your own arcade site without using a mysql database! Save money and server resources!
- 8900+ Games – Packed with thousands of games ready to be played instantly!
- Flash Free – Games doesn’t need Adobe Flash Player to be played! Give your players an awesome gaming experience!
- Mobile Detection – Smart feature that automatically shows all mobile compatible games if user is using a mobile phone or a tablet device!
- Responsive Template – It also comes with Beautiful and 100% Responsive Bootstrap template that automatically resizes to fit any screens! With 2 theme colors and 6 theme accent colors! Your arcade, Your style!
- 100% Automated – You don’t have to do anything! Save time and money from uploading and adding games manually!
- Facebook Integrated – A social ready arcade site! Facebook Comments and Like, Share buttons are added to help your arcade site be more popular!
- SEO Ready – All required seo meta tags are added for better search engine rankings!
- Game Stats – All games statistics are automatically added!
- ADS Ready – Place your own advertisements and start generating $$$!
- Admin Panel – Control all available options in one place!
- Easy Installation – It comes with an installer to help you get started! Create your arcade site easily as counting 1, 2, 3!
- Well Documented – Every single question you have are answered in the included script documentation!
More features are available! Buy Now!

Demo: Click Here (SEO URL’s are disabled in demo because of server problems with .htaccess)

Requirements:
- PHP 5.3 or Above
- Mod Rewrite Enabled (Required)
Questions?

Please read the documentation included with the script. If you can’t find the answer, Please don’t hesitate to contact me in my codecanyon profile! Thanks!

Updates History:
```
Update v1.1
- Added about, privacy and terms pages
- Small design fixes
- Fixed cron errors
- Small bug fixes
```
Purchase $22.00
December 6, 2016
Bootstrap Editor (Utilities)

Purchase $25.00

WordPress Bootstrap Editor Plugin, Create responsive page using all Bootstrap power!

Purchase $25.00

December 5, 2016