Responsee version lightweight responsive css frameworkWhat's New in Version 7

Responsive timeline

Responsive timeline

Thanks to the timeline, you can show an events in the handy form. Each event can be presented using an icon or an image.
read more >

New free template Financer

New free template Financer

Completely new template named Financer comes with new edition of Responsee. You can look forward to excellent design and as usually completely free! We also upgraded all the other templates for Responsee 7.
read more >

Accordion

Accordion

Thanks to the accordion, you can display a huge contents even in a limited amount of space. Responsee Accordion supports an unlimited number of nested accordions. Thanks to this, you can divide a content into more and more smaller parts.
read more >

Responsive Modals

Responsive Modals

Thanks to Modals you can display a content in simple lightbox effect over particular page content. Modals may contain common text, headlines, images, buttons, iframes and a content of modal can be divided into the columns.
read more >

Ability to display the mobile navigation on the right

Ability to display the mobile navigation on the right

Thanks to the class "mobile-nav-right" you can show the mobile navigation on the right.
read more >

lorem ipsum generator professional logo generator

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.

How to use the Tooltips:

<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