WpTrunk

Tag: no javascript

  • Business Oriented SVG Animations-1 (Animated SVGs)

    Business Oriented SVG Animations-1 (Animated SVGs)

    Purchase $18.00

    Thank you for purchasing this product.

    Features
    —Vector based (fully scalable)
    —Pure CSS
    —No Javascript required
    —Can be used as Pre-Loaders

    How to use
    —Everything you need to do for using any particular animated SVG icon is copy whole SVG code provided along with its parent div and paste wherever you want to use.

    —Now includ particular CSS file for the same animated SVG icon.

    —And here we go!!!

    Thanks again for purchasing this item.

    If you will have any problem in using this, feel free to ask via email on ‘bread.byte.design@gmail.com’.

    Purchase $18.00

  • Fancy Checkbox (Buttons)

    Purchase $5.00

    —–—––
    Features

    Vector based (fully scalable)
    Pure CSS
    No Javascript
    All you need to do is to include CSS! HTML included to provide implementation examples.

    How to use

    1. Include ‘fency-style-checkbox.css’ to code.

    2. Apply class ‘checkboxWrapper’ and class for checkbox size to parent element. Followings are classes for different sizes:
    a.extraSmallCheckboxSize
    b.smallCheckboxSize
    c.mediumCheckboxSize
    d.largeCheckboxSize
    e.extraLargeCheckboxSize
    Note:-1. If no class for size is applied to parent, it will take ‘largeCheckboxSize’ by default.
    2. Any HTML element can be used as parent element.

    3. Apply class for theme color to parent. Followings are classes for default themes:
    a.theme1
    b.theme2
    c.theme3
    d.theme4
    e.theme5
    f.theme6
    g.theme7
    Note:- You can create your own class for custom theme.

    4. Add the following HTML code for checkbox within the parent.

    <input type=”checkbox” id=”sample1”>
    <label for=”sample1”>

    <svg version=”1.1” id=”Layer_1” xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” x=”0px” y=”0px”
    width=”50px” height=”50px” viewBox=”0 0 50 50” enable-background=”new 0 0 50 50” xml:space=”preserve”>
    <circle fill=”none” stroke=”#B7B7B7” stroke-width=”3” stroke-miterlimit=”10” cx=”25.11” cy=”24.883” r=”23.519”/>
    <path fill=”none” stroke-width=”3” stroke-miterlimit=”10” d=”M48.659,25c0,12.998-10.537,23.534-23.534,23.534
    S1.591,37.998,1.591,25S12.127,1.466,25.125,1.466c9.291,0,17.325,5.384,21.151,13.203L19,36l-9-14”/>
    </svg>

    Turquoise Theam
    </label>

    5. And here you go!!!

    Thanks again for purchasing this item.
    If you will have any problem in using this, feel free to ask via email on ‘bread.byte.design@gmail.com’.

    Purchase $5.00

  • Fancy Checkbox (Buttons)

    Purchase $5.00

    —–—––
    Features

    Vector based (fully scalable)
    Pure CSS
    No Javascript
    All you need to do is to include CSS! HTML included to provide implementation examples.

    How to use

    1. Include ‘fency-style-checkbox.css’ to code.

    2. Apply class ‘checkboxWrapper’ and class for checkbox size to parent element. Followings are classes for different sizes:
    a.extraSmallCheckboxSize
    b.smallCheckboxSize
    c.mediumCheckboxSize
    d.largeCheckboxSize
    e.extraLargeCheckboxSize
    Note:-1. If no class for size is applied to parent, it will take ‘largeCheckboxSize’ by default.
    2. Any HTML element can be used as parent element.

    3. Apply class for theme color to parent. Followings are classes for default themes:
    a.theme1
    b.theme2
    c.theme3
    d.theme4
    e.theme5
    f.theme6
    g.theme7
    Note:- You can create your own class for custom theme.

    4. Add the following HTML code for checkbox within the parent.

    <input type=”checkbox” id=”sample1”>
    <label for=”sample1”>

    <svg version=”1.1” id=”Layer_1” xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” x=”0px” y=”0px”
    width=”50px” height=”50px” viewBox=”0 0 50 50” enable-background=”new 0 0 50 50” xml:space=”preserve”>
    <circle fill=”none” stroke=”#B7B7B7” stroke-width=”3” stroke-miterlimit=”10” cx=”25.11” cy=”24.883” r=”23.519”/>
    <path fill=”none” stroke-width=”3” stroke-miterlimit=”10” d=”M48.659,25c0,12.998-10.537,23.534-23.534,23.534
    S1.591,37.998,1.591,25S12.127,1.466,25.125,1.466c9.291,0,17.325,5.384,21.151,13.203L19,36l-9-14”/>
    </svg>

    Turquoise Theam
    </label>

    5. And here you go!!!

    Thanks again for purchasing this item.
    If you will have any problem in using this, feel free to ask via email on ‘bread.byte.design@gmail.com’.

    Purchase $5.00

  • Flat – Responsive Pricing Tables (Pricing Tables)

    Purchase $3.00

    Pricing tables with responsive web design that only use CSS and HTML.
    These pricing tables are provided with 8 designs where each design has multiple color themes and use Font Awesome icons.

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

    Now WordPress version is available

    wpPricing Builder

    Features

    • Responsive web design
    • 8 designs
    • 28 color themes for each design
    • Hover effects
    • Tooltips with text, heading, list
    • Easy to use and customize
    • Well documented
    • Font Awesome icons
    • 2, 3, 4, 5 column layouts
    • Multiple animation types

    Changelog

    21 November 2016 – Version 1.1

    • Added 4 new designs.
    • Updated documentation.

    18 November 2016 – Version 1.0

    • Initial release.

    Purchase $3.00

  • Flat – Responsive Pricing Tables (Pricing Tables)

    Purchase $3.00

    Pricing tables with responsive web design that only use CSS and HTML.
    These pricing tables are provided with 8 designs where each design has multiple color themes and use Font Awesome icons.

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

    Now WordPress version is available

    wpPricing Builder

    Features

    • Responsive web design
    • 8 designs
    • 28 color themes for each design
    • Hover effects
    • Tooltips with text, heading, list
    • Easy to use and customize
    • Well documented
    • Font Awesome icons
    • 2, 3, 4, 5 column layouts
    • Multiple animation types

    Changelog

    21 November 2016 – Version 1.1

    • Added 4 new designs.
    • Updated documentation.

    18 November 2016 – Version 1.0

    • Initial release.

    Purchase $3.00

  • Responsive Pricing Tables (Pricing Tables)

    Purchase $2.00

    Description

    The Responsive Pricing Tables is ready for Desktop, tablet and mobile devices.
    Simple to implement. Just copy the HTML and link to the CSS file. No JavaScript required!
    You can easily edit, change and customize them for yourself.

    Features

    • HTML5 and CSS3
    • Grid System and Responsive Design
    • Wide & Boxed Layouts
    • Unlimited colors
    • Google Fonts Support
    • Font Awesome Support

    Changelog

    Version 1.0 / Update: 11/03/2016

    • Release

    Credits

    Fonts

    Purchase $2.00

  • Responsive Pricing Tables (Pricing Tables)

    Purchase $2.00

    Description

    The Responsive Pricing Tables is ready for Desktop, tablet and mobile devices.
    Simple to implement. Just copy the HTML and link to the CSS file. No JavaScript required!
    You can easily edit, change and customize them for yourself.

    Features

    • HTML5 and CSS3
    • Grid System and Responsive Design
    • Wide & Boxed Layouts
    • Unlimited colors
    • Google Fonts Support
    • Font Awesome Support

    Changelog

    Version 1.0 / Update: 11/03/2016

    • Release

    Credits

    Fonts

    Purchase $2.00

  • Flight – Responsive Bootstrap Pricing Tables with Shade Generator (Pricing Tables)

    Purchase $6.00

    Features

    Credits

    Purchase $6.00

  • Flight – Responsive Bootstrap Pricing Tables with Colour Generator (Pricing Tables)

    Purchase $6.00

    Features

    Credits

    Purchase $6.00