Responsive UX template

Documentation

Thank you what purchased my template. This theme created with using Responsive framework - see link. You can ask question send it on my mail.

Contacts:

mail - melnik909@ya.ru

LinkedIn - www.linkedin.com/in/melnik909

GitHub - https://github.com/melnik909/responsive-UX-theme

Grid:

1 column - class="main_container"

2 columns - class="main_container columns2"

3 columns - class="main_container columns3"

4 columns - class="main_container columns4"

Example:

grid

Tabs

  • tab1
  • tab2
  • tab3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Example:

tabs

Include tabs.js

Accordion

Information title

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Information title

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Information title

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Example:

accordion

Include accordion.js

Skills

HTML5/CSS3/JS
Design
PHP/Ruby/Python

Example:

skills

Include skills.js

Inputs

Rating

Your rating: 0

Range

Value: 50

Checkbox

Radiobox

Switch

Buttons

Example:

form_elements form_elements

Include form_elements.js

Tooltips

tooltip
tooltip
tooltip
tooltip

Example:

tooltips

Review

This framework looks very nice and has user-friendly UX. It also has a surprisingly big variety of different visual effects for each component. It works very fast, responsive and smooth. Still as a developer I'd prefer not to depend on jquery when using something like this framework, but apart from that all is good.

Example:

review

Info box

This framework looks very nice and has user-friendly UX. It also has a surprisingly big variety of different visual effects for each component. It works very fast, responsive and smooth. Still as a developer I'd prefer not to depend on jquery when using something like this framework, but apart from that all is good.

See project

Example:

info_block

Example:

pagination
+