Components Buttons

Components Tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolor ea earum facilis ipsa perspiciatis! Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolor ea earum facilis ipsa perspiciatis!

Delectus, dolor ea earum facilis ipsa perspiciatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Dolorum earum minima officiis placeat sapiente unde voluptate?

Delectus, dolor ea earum facilis ipsa perspiciatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Components Popup

Components Menu

Components Select

Select

Placeholder

Select

Placeholder

Components Accordion

First Question?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos labore quod similique soluta! Alias aliquid at dicta earum error, ipsa iusto quasi reiciendis repellat reprehenderit sapiente, tempore ullam, ut voluptates.

First Question?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos labore quod similique soluta! Alias aliquid at dicta earum error, ipsa iusto quasi reiciendis repellat reprehenderit sapiente, tempore ullam, ut voluptates.

First Question?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos labore quod similique soluta! Alias aliquid at dicta earum error, ipsa iusto quasi reiciendis repellat reprehenderit sapiente, tempore ullam, ut voluptates.

Components Checkbox

Styled Checkbox Styled Checkbox Styled Checkbox

Solid Checkbox Solid Checkbox Solid Checkbox Solid Checkbox

Components Radio Button

Styled Radio Button Styled Radio Button Styled Radio Button

Solid Radio Button Solid Radio Button Solid Radio Button Solid Radio Button Solid Radio Button

Components Switch Button

Styled Switch Button Styled Switch Button Styled Switch Button

Solid Switch Button Solid Switch Button Solid Switch Button Solid Switch Button Solid Switch Button

Components Content

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum earum minima officiis placeat sapiente unde voluptate? Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

ID	Title
01	Weskeleton Framework

Heading 3

Lorem ipsum sdfdsgdf dolor sit amet, consectetur adipisicing elit. Adipisci excepturi, quis? A culpa deleniti doloremque earum impedit incidunt ipsa magnam magni minima, neque odit omnis quas reprehenderit tempore vero voluptatem! Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Delectus, dolor ea earum facilis ipsa perspiciatis! Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit.

Weskeleton Framework — Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aperiam commodi explicabo ipsa nam nostrum nulla perferendis rerum saepe voluptates? A aliquam error expedita magnam non quidem quos veniam voluptates. Orman Faghihi Mohaddes

Unordered Item
Unordered Item

Ordered Item
Ordered Item

Heading 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Delectus, dolor ea earum facilis ipsa perspiciatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum earum minima officiis placeat sapiente unde voluptate? Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi cupiditate doloribus magnam molestias praesentium suscipit! sdfsdf Amet, consequuntur, dicta dolorem eius inventore laborum neque non optio repellendus sunt tempora temporibus voluptatem?

Lorem ipsum dolor E = MC&2 and we can do it sit amet, consectetur adipisicing elit. Animi, autem, nam. Ab iure pariatur quia? Aliquam corporis eum explicabo facere itaque, iusto obcaecati provident similique unde vel. Maiores, molestiae voluptatibus.

Components Input

Input Input Password

Success Warning Error

Textarea

Components Loading

<div class="cm_loading">
    <div class="loader"></div>
</div>

Components Share

Libraries Swiper

new Swiper('#slider .swiper', {
    pagination: {
        el: '#slider .swiper-pagination',
        clickable: true,
    },
    navigation: {
        nextEl: '#slider .swiper-button-next',
        prevEl: '#slider .swiper-button-prev',
    },
    scrollbar: {
        el: '#slider .swiper-scrollbar',
        draggable: true,
    },
    autoplay: {
        delay: 300,
        disableOnInteraction: false,
        pauseOnMouseEnter: true,
    },
    breakpoints: {
        576:  {},
        768:  {},
        992:  {},
        1200: {},
        1400: {},
    },
});

<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide</div>
        <div class="swiper-slide">Slide</div>
        <div class="swiper-slide">Slide</div>
    </div>

    <div class="swiper-pagination"></div>

    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    <div class="swiper-scrollbar"></div>
</div>

Libraries iziToast

iziToast.success({title: 'Title', message: 'Message'})

Libraries Axios

axios.post("url", {
    itm1 : 'val1',
    itm2 : 'val2',
})
    .then(function (respond) {
        const data = respond.data
    })
    .catch(function (error) {

    })