lightweight responsive css frameworkWhat's New in Version 6

lightweight responsive css framework

Layout based on CSS Grid

CSS Grid is a revolutionary tool for creation of responsive layouts which is accessible right in CSS. We have implemented several accomplishments to Responsee which CSS Grid offers (real number of solutions and possibilities offered by CSS Grid is, however, broader). By means of CSS Grid Responsee gains possibilities which were not possible before and now more flexible layouts can be created.
read more >

lightweight responsive css framework

New free templates Bricker and Bricker lite

Completely new 2 templates named Bricker and Bricker lite comes together with new edition of Responsee. The templates are based on new CSS Grid system. You can look forward to excellent design and as usually completely free! We also upgraded all the other templates for Responsee 6.
read more >

lightweight responsive css framework

Completely redesigned main navigation for small screens.

We have completely remade layout of navigation for displaying on mobile devices.
Now the navigation rolls out of a left side of a display which is by users’ experience more handy and intuitive solution.
read more >

lightweight responsive css framework

Tooltip

Thanks to Tooltips you can display auxiliary jumping content which will be displayed after mouse passes over particular text. Tooltips may contain ordinary text, picture, button, and its content can be divided into columns. On the other hand, you can not use headings h1 … h6. Tooltip has two predefined positions. Tooltip can be displayed below the text or over the text. You will manage it with addition of “tooltip-top” or “tooltip-bottom” class to “.tooltip-content” element.

Correct structure of Tooltip:

<div class="size-960">
<div class="line">
<p>Successful project <span class="tooltip-container"><span class="tooltip-content tooltip-top">Lightweight, more intuitive and useful responsive CSS framework</span>Responsee was born!</span> Responsee proved good and significantly contributed to great satisfaction of our client.</p>
</div>
</div>

Practical example of Tooltip:

Successful project Lightweight, more intuitive and useful responsive CSS frameworkResponsee was born! Responsee proved good and significantly contributed to great satisfaction of our client.

Practical example of Tooltip on the bottom:

<div class="size-960">
<div class="line">
<p>Successful project <span class="tooltip-container"><span class="tooltip-content tooltip-bottom">Lightweight, more intuitive and useful responsive CSS framework</span>Responsee was born!</span> Responsee proved good and significantly contributed to great satisfaction of our client.</p>
</div>
</div>

Successful project Lightweight, more intuitive and useful responsive CSS frameworkResponsee was born! Responsee proved good and significantly contributed to great satisfaction of our client.

Practical example of Tooltip with the button:

<div class="size-960">
<div class="line">
<p>Successful project <span class="tooltip-container"><span class="tooltip-content tooltip-top"><a class="button submit-btn rounded-btn" href="#">Get More Info</a></span>Responsee was born!</span> Responsee proved good and significantly contributed to great satisfaction of our client.</p>
</div>
</div>

Successful project Get More InfoResponsee was born! Responsee proved good and significantly contributed to great satisfaction of our client.

Practical example of Tooltip with the 2 columns:

<div class="size-960">
<div class="line">
<p>Successful project <span class="tooltip-container"><span class="tooltip-content tooltip-top"><span class="line"><span class="margin"><span class="s-6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span><span class="s-6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span></span></span></span>Responsee was born!</span> Responsee proved good and significantly contributed to great satisfaction of our client.</p>
</div>
</div>

Successful project Lorem ipsum dolor sit amet, consectetuer adipiscing elitLorem ipsum dolor sit amet, consectetuer adipiscing elitResponsee was born! Responsee proved good and significantly contributed to great satisfaction of our client.

Practical example of Tooltip with the image:

<div class="size-960">
<div class="line">
<p>Successful project <span class="tooltip-container"><span class="tooltip-content tooltip-top"><img src="/path-to-the-image.jpg" alt=""></span>Responsee was born!</span> Responsee proved good and significantly contributed to great satisfaction of our client.</p>
</div>
</div>

Successful project Responsee was born! Responsee proved good and significantly contributed to great satisfaction of our client.

Download Free Website Templates
Responsee Showcase

Add your website built on Responsee framework to our showcase