Elements

Vah Elements!

Page title

Custom Grid

Sample content: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis impedit eos voluptatum quas sequi rerum, voluptates aut ab, dignissimos dolorem facilis modi itaque amet perspiciatis quaerat cum ea deleniti iure. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione fuga libero molestias omnis sunt, accusamus quas, quibusdam aliquid, eaque optio molestiae. Blanditiis quibusdam quisquam aliquid distinctio sunt debitis, iusto eum!

full width column { .col-bs-12 }

2 column { .col-ms-6 }

3 column { .col-ss-4 }

6 cols { .col-ts-2 }

Row gutters {.row .gutters}

4 column gutters

Responsive grid class

For "Tiny Screen", resolution betweem { 320px to 768px}, use class .col-ts-*
For "Small Screen", resolution betweem { 320px to 768px}, use class .col-ss-*
For "Medium Screen", resolution betweem { 320px to 768px}, use class .col-ms-*
For "Big Screen", resolution betweem { 320px to 768px}, use class .col-bs-*

This is small title

Left Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis harum nam beatae voluptatum saepe commodi quasi accusamus officia adipisci obcaecati tempore, alias quos laudantium eligendi inventore delectus, illum hic dolorem.

Center Content

Right Content

Buttons

Input

Input Group

Alerts!

Alert message goes here!

Primary alert message goes here!

Success alert message goes here!

Danger alert message goes here! Lorem fucking ipsum dolor sit amet, consectetur adipisicing elit. Beatae distinctio modi nemo assumenda rerum, doloremque, quisquam harum, eum nobis qui explicabo suscipit sed, voluptatum vel eius odit quaerat iste iusto.

Revert alert message goes here!

Progress Bar

HTML

CSS

JAVASCRIPT

PHOTOSHOP

Tabs

Tab 1
Tab 2
Tab 3
Tab 4

Content 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit, libero quae sequi amet voluptate blanditiis, neque dolor quasi, quos, temporibus quibusdam modi laboriosam impedit qui magnam numquam illo veniam ut!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias neque animi in voluptate nobis, illum minus, officiis cum, cumque assumenda eos. Similique velit iure debitis quasi reiciendis. Non, molestiae, ipsam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. A quasi, iusto sed accusantium et ratione. Veniam voluptatibus nihil, illo quos fugiat quo impedit dignissimos a! Beatae consectetur dolore fuga dicta?

Content 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora molestias nostrum deleniti iste repellendus ab, harum dolore minus adipisci at obcaecati et illum accusamus quaerat asperiores dolorum, consectetur amet recusandae.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam illum, tempora nam, similique doloremque officiis at blanditiis dolor impedit cupiditate, facere aspernatur magnam quidem, reprehenderit ab autem laborum inventore dignissimos.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti perferendis vitae sit ipsa, cupiditate officiis dolorum aperiam doloremque quod commodi fuga sed quam deserunt, sapiente voluptate, fugit temporibus adipisci vero.

Content 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aliquam quis porro, alias, esse magni delectus voluptates rerum eaque eveniet voluptatem nisi maxime ex deleniti. Eum illum maiores eos cumque!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis illum modi neque ipsam autem cumque explicabo nulla dolor inventore voluptatibus tempora qui, nam suscipit non necessitatibus assumenda laboriosam. Ut, esse.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum vero quae dolor et. Dolorum rerum consectetur quis, laborum neque reprehenderit laudantium perferendis error et molestiae tenetur dolor dolores recusandae reiciendis!

Content 4 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore deleniti ducimus facilis provident iste unde alias asperiores tempora, aliquam excepturi, vitae illo omnis? Sed ex, aut sequi odio quos voluptates.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere rem, accusamus tempore! Quos culpa non architecto, ex numquam corrupti et ducimus accusantium laudantium illo quisquam repudiandae reprehenderit at hic obcaecati!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem dolorem, distinctio! Maiores enim inventore atque eos repellat corporis tempora sapiente id officiis, impedit doloribus blanditiis officia minima culpa quisquam deserunt!

Accordian

Type 1

Accordian title 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio est, reiciendis cum! Deserunt ut molestiae quod dolore, eos impedit iusto natus assumenda earum? Vitae, quaerat sit error saepe deserunt inventore!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates ab neque sit nam hic eius quia illo ut, voluptatem, doloribus, odio rem repellendus impedit rerum. Aut, facilis modi optio sit.

Accordian title 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, consequuntur tempore pariatur, dolore libero suscipit vitae facilis sed, iure porro earum. Repellat tempora, pariatur. Vel tempore, temporibus quae voluptatum quia!

Accordian title 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur nobis commodi temporibus, voluptate dolor ea eaque suscipit, quas veniam laudantium aperiam facilis deserunt asperiores accusamus voluptatibus atque quis mollitia, rem.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda minima ut cum deserunt quo explicabo aperiam dolore non. Quasi, distinctio. Animi autem ullam quaerat voluptatum molestias praesentium, aperiam officia sequi.

Loading • • •

Search

Login

Register

Elements

Vah Elements!

Page title

Custom Grid

full width column { .col-bs-12 }

2 column { .col-ms-6 }

2 column { .col-ms-6 }

3 column { .col-ss-4 }

3 column { .col-ss-4 }

3 column { .col-ss-4 }

6 cols { .col-ts-2 }

6 cols { .col-ts-2 }

6 cols { .col-ts-2 }

6 cols { .col-ts-2 }

6 cols { .col-ts-2 }

6 cols { .col-ts-2 }

Row gutters {.row .gutters}

4 column gutters

4 column gutters

4 column gutters

4 column gutters

Responsive grid class

This is small title

Left Content

Center Content

Right Content

Buttons

Input

Input Group

Alerts!

Progress Bar

Tabs

Accordian

Type 1

Accordian title 1

Accordian title 2

Accordian title 3

Accordian title 4

Type 2

Accordian title 1

Accordian title 2

Accordian title 3

Accordian title 4

example@domain.com

+00-123-456-7890

user.skype