Message: Return type of CI_Session_files_driver::open($save_path, $name) should either be compatible with SessionHandlerInterface::open(string $path, string $name): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::close() should either be compatible with SessionHandlerInterface::close(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::read($session_id) should either be compatible with SessionHandlerInterface::read(string $id): string|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::write($session_id, $session_data) should either be compatible with SessionHandlerInterface::write(string $id, string $data): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::destroy($session_id) should either be compatible with SessionHandlerInterface::destroy(string $id): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::gc($maxlifetime) should either be compatible with SessionHandlerInterface::gc(int $max_lifetime): int|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Cannot modify header information - headers already sent by (output started at /home/palugada/domains/envato.palugada.top/public_html/system/core/Exceptions.php:271)
tag:envato.palugada.top/codecanyon:/feeds/new-css-slash-tabs-and-sliders-itemsCodecanyon new Tabs and Sliders items2025-12-17 05:44:51tag:codecanyon:Item/196987612017-04-07 03:47:212017-04-07 03:47:21Click - A Responsive Bootstrap Tabs (Tabs and Sliders) <p><img src="https://s7.postimg.org/6bvanx42z/Offer-_Banner.png" alt="Offer Image" /></p>
<p>Click is a responsive bootstrap tabs framework. It’s have 08 unique styles and 10 color flexible alignment. It’s used standard HTML5, CSS3 technology. You can use this tabs on your project easily.</p>
<h2 id="item-description__main-features">MAIN FEATURES</h2>
<ul>
<li>08 Unique Styles.</li>
<li>10 Colors Included.</li>
<li>Vertical Tabs</li>
<li>Clean and Responsive.</li>
<li>Mejor Browser Supported.</li>
<li>Follow CSS, HTML5 Standard.</li>
<li>Clean Coding, W3c Validate.</li>
<li>Reguler Upgrade Product</li>
<li>24/7 Fast Support</li>
</ul>
<h2 id="item-description__credits">CREDITS,</h2>
<ul>
<li><a href="http://getbootstrap.com/" rel="nofollow">http://getbootstrap.com/</a></li>
</ul>
<h3 id="item-description__if-you-satisfy-our-product-please-5-star-rate-our-product">If you satisfy our product, Please 5-Star rate our product.</h3>
<p><strong>Inportant:</strong> After purchasing our product, If you face installation or customization problem so, please feel free to contact with us via Envato email. We will try to best support for you. <img src="/images/smileys/happy.png" alt=":)" title=":)" /></p>thecodudetag:codecanyon:Item/193349882017-01-20 06:58:092017-01-20 06:58:09Albedo Tabs & Accordions (Tabs and Sliders) <p> version 1.0.0 </p>
<p>4 horizontal tabs. 2 vertical tabs. 3 accordions. Different sizes. Different styles.</p>
<p>Fully adaptive. Works perfectly on all mobile devices, tablets and desktops.</p>
<p>You can easily edit, change and customize them for yourself.</p>
<h2 id="item-description__features">Features</h2>
<ul>
<li>HTML5</li>
<li>CSS3</li>
<li>Modern and clean material design</li>
<li>PSD files are included</li>
<li>Free font: <a href="https://www.fontsquirrel.com/fonts/montserrat" rel="nofollow">Montserrat</a> (<a href="https://github.com/JulietaUla/Montserrat" rel="nofollow">github</a>) </li>
<li>Fully responsive (from 320px to 2560px)</li>
<li>Separate css files for the demo page and for tabs and accordions. No need to load unnecessary styles!</li>
<li>Source files are included:
<ul>
<li>html</li>
<li>css</li>
<li>jade</li>
<li>scss</li>
<li>javascript ES6</li>
<li>images from <a href="https://unsplash.com/" rel="nofollow">Unsplash</a></li>
</ul>
</li>
<li><code>gulpfile.js</code> and <code>package.json</code></li>
<li><a href="https://en.bem.info/methodology/naming-convention/" rel="nofollow">BEM</a> naming methodology</li>
</ul>
<h2 id="item-description__credits">Credits</h2>
<ul>
<li>Design:
<ul>
<li>featured author of Envato — <a href="https://themeforest.net/user/themefire">themefire</a></li>
</ul>
</li>
<li>Images:
<ul>
<li><a href="https://unsplash.com/" rel="nofollow">Unsplash</a></li>
</ul>
</li>
</ul>
<h3 id="item-description__other-works-in-the-same-style">Other works in the same style</h3>
<a href="https://codecanyon.net/item/albedo-material-buttons/18060152">Albedo Material Buttons</a>, <a href="https://codecanyon.net/item/albedo-pricing-tables/17903121">Albedo Pricing Tables</a>, <a href="https://codecanyon.net/item/corporate-pricing-tables/17738739">Corporate Pricing Tables</a>thematektag:codecanyon:Item/193173812017-01-19 06:10:562017-01-19 06:10:56Record - Responsive Bootstrap Table Design (Tabs and Sliders) <p>The Record – Responsive Bootstrap Table Design is a professional CSS & HTML Responsive Table compatible with Bootstrap. This is Table comes with Tab and Accordion version and 7 different table layout with 4 color pattern.
Record – Responsive Bootstrap Table Design is a flexible and high customization to build your custom Bootstrap Responsive table. you can set up Bootstrap Table any website or template for display record purpose. You can assign a 4 color and choose also Tab and accordion pattern.
<br />
<strong>Features</strong>
</p><ul>
<li>- 100% Responsive Layout</li>
<li>- 4 Color Scheme</li>
<li>- Google Web Font “Open Sans”</li>
<li>- 12 Coloumn Bootstrap Grid System</li>
<li>- 7 Types of Table Design</li>
<li>- 2 Layout Tab and Accordian</li>
<li>- Documentation included</li>
<li>- Clean Design and Code</li>
<li>- Easy to Customize</li>
<li>- Easy to use</li>
<br />
Live Demo URL: <a href="http://designcollection.in/codecanyon/table-record/" rel="nofollow">Click here</a><br /><br />
<br />
<strong>Sources and Credits</strong><br />
I’ve used the following: Thanks so much to<br />
Font: <a href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,greek" rel="nofollow">Google Web Fonts</a><br />
Open Sans<br />
Fontawsome icon: <a href="https://fortawesome.github.io/Font-Awesome/" rel="nofollow">Free Font Awesome, the iconic font</a><br />
Images: <a href="https://pixabay.com/" rel="nofollow">Pixbay.com</a> | <a href="http://pexels.com/" rel="nofollow">Pexels.com</a><br />
Framework : <a href="http://getbootstrap.com/" rel="nofollow">Bootstrap</a><br />
jQuery: <a href="https://jquery.com/" rel="nofollow">Javascript</a><br />
<p>If you have any questions related to this email template, Feel free to email us at <a href="mailto:mukesh.gehlot019@gmail.com">mukesh.gehlot019@gmail.com</a> or via our <strong><a href="http://codecanyon.net/user/Designcollection">Design Collection</a></strong> page contact form to get further information.</p>
<p>Best wishes<br />
<strong><a href="http://codecanyon.net/user/Designcollection">Design Collection</a></strong>
<br /></p></ul>Designcollectiontag:codecanyon:Item/193255002017-01-19 06:08:342017-01-19 06:08:34Tabicon - Tabs Framework (Tabs and Sliders) <h3 id="item-description__features">Features:</h3>
<ul>
<li>Pure HTML and CSS.</li>
<li>Responsive design.</li>
<li>CSS3 Animations.</li>
<li>2 main variations, based on motion of tabs while selection, where each variation has 4 more variations</li>
<li>36 color variations – 6 for body and 6 for tabs.</li>
<li>12 animations.</li>
<li>9 shapes for tabs.</li>
<li>Variations based on color, shape and position can be switched to simply by using predefined class names.</li>
<li>Detailed documentation.</li>
<li>Maximum author support.</li>
</ul>
<h4 id="item-description__classes-available-for-main-variations-mobile-and-immobile-tabs">Classes available for main variations – Mobile and Immobile Tabs:</h4>
<li>t_container</li>
<li><b>Color variations:</b><br />
(Use one class for body and one for tabs from below classes.)
<br />
Dark body colors:
<ul>
<li>t_b_bluish_dark</li>
<li>t_b_greenish_dark</li>
<li>t_b_browinsh_dark</li>
<li>t_b_lightseagreenish_dark</li>
<li>t_b_lightcoralish_dark</li>
<li>t_b_grayish_dark</li>
</ul>
Light body colors:
<ul>
<li>t_b_bluish_light</li>
<li>t_b_greenish_light</li>
<li>t_b_browinsh_light</li>
<li>t_b_lightseagreenish_light</li>
<li>t_b_lightcoralish_light</li>
<li>t_b_grayish_light</li>
</ul>
Dark tabs’ colors:
<ul>
<li>t_t_bluish_dark</li>
<li>t_t_greenish_dark</li>
<li>t_t_browinsh_dark</li>
<li>t_t_lightseagreenish_dark</li>
<li>t_t_lightcoralish_dark</li>
<li>t_t_grayish_dark</li>
</ul>
Light tabs’ colors:
<ul>
<li>t_t_bluish_light</li>
<li>t_t_greenish_light</li>
<li>t_t_browinsh_light</li>
<li>t_t_lightseagreenish_light</li>
<li>t_t_lightcoralish_light</li>
<li>t_t_grayish_light</li>
</ul>
*The class names above represent the respective colors.
<h4 id="item-description__classes-available-for-immobile-tabs-type-only">Classes available for Immobile Tabs type only:</h4>
<ul>
<b>Controlling position of tabs:</b> <br /><br />
<li>t_inside
<br />
This class will move the tabs inside the body.<br />
<img src="https://s19.postimg.org/xpanivkrn/tinside.png" alt="t_inside class" />
</li>
<li>t_outside_attached
<br />
This class will move the tabs outside the body, but attached to it.<br />
<img src="https://s19.postimg.org/yz8gxxejn/toutsideattached.png" alt="t_outside_attached class" />
</li>
<li>t_outside_dettached
<br />
This class will move the tabs outside the body and dettached to it.<br />
<img src="https://s19.postimg.org/70eb72cwz/toutsidedettached.png" alt="t_outside_dettached class" />
</li>
<br />
<b>Controlling alignment and spacing of tabs:</b> <br /><br />
<li>t_left_separated
<br />
This class will align the tabs to the left side, with some space between each pair of tab.<br />
<img src="https://s19.postimg.org/70eb72cwz/toutsidedettached.png" alt="t_left_separated class" />
</li>
<li>t_left_unseparated
<br />
This class will align the tabs to the left side, with no space between each pair of tab.<br />
<img src="https://s19.postimg.org/eql3c7f8j/tleftunseparated.png" alt="t_left_unseparated class" />
</li>
<li>t_right_separated
<br />
This class will align the tabs to the right side, with some space between each pair of tab.<br />
<img src="https://s19.postimg.org/3nany38pv/trightseparated.png" alt="t_right_separated class" />
</li>
<li>t_right_unseparated
<br />
This class will align the tabs to the right side, with no space between each pair of tab.<br />
<img src="https://s19.postimg.org/z8an1lgpv/trightunseparated.png" alt="t_right_unseparated class" />
</li>
<li>t_fluid_separated
<br />
This class will increase the size of tabs so as to fill the entire width, with some space between each pair of tab.<br />
<img src="https://s19.postimg.org/ehix8jd2b/tfluidseparated.png" alt="t_fluid_separated class" />
</li>
<li>t_fluid_unseparated
<br />
This class will increase the size of tabs so as to fill the entire width, with no space between each pair of tab.<br />
<img src="https://s19.postimg.org/pv5gjqnkz/tfluidunseparated.png" alt="t_fluid_unseparated class" />
</li>
<li>t_center_separated
<br />
This class will align the tabs in the center, with some space between each pair of tab.<br />
<img src="https://s19.postimg.org/4ufeytk2r/tcenterseparated.png" alt="t_center_separated class" />
</li>
<li>t_center_unseparated
<br />
This class will align the tabs in the center, with no space between each pair of tab.<br />
<img src="https://s19.postimg.org/tc7impmn7/tcenterunseparated.png" alt="t_center_unseparated class" />
</li>
<br />
<b>Controlling shape of tabs:</b> <br /><br />
<li>t_rounded_full
<br />
This class will make the tabs rounded at all corners.<br />
<img src="https://s19.postimg.org/cxms1mjfn/troundedfull.png" alt="t_rounded_full class" />
</li>
<li>t_rounded_top
<br />
This class will make the tabs rounded at top corners.<br />
<img src="https://s19.postimg.org/43vvkiwgz/troundedtop.png" alt="t_rounded_top class" />
</li>
<li>t_la_rounded_top_extremes<br /> Use with left aligned tabs.
<br />
This class will make the extreme tabs of the left aligned tabs rounded at left/right corners.<br />
<img src="https://s19.postimg.org/4s04pq5sz/tlaroundedtopextremes.png" alt="t_la_rounded_top_extremes class" />
</li>
<li>t_ra_rounded_top_extremes<br /> Use with right aligned tabs.
<br />
This class will make the extreme tabs of the right aligned tabs rounded at right/left corners.<br />
<img src="https://s19.postimg.org/ap8lkacbn/traroundedtopextremes.png" alt="t_ra_rounded_top_extremes class" />
</li>
<li>t_la_rounded_extremes<br /> Use with left aligned tabs.
<br />
This class will make the extreme corners of the extreme tabs of the left aligned tabs rounded.<br />
<img src="https://s19.postimg.org/c6pgi3roj/tlaroundedextremes.png" alt="t_la_rounded_top_extremes class" />
</li>
<li>t_ra_rounded_extremes <br /> Use with right aligned tabs.
<br />
This class will make the extreme corners of the extreme tabs of the right aligned tabs rounded.<br />
<img src="https://s19.postimg.org/ohn0fx337/traroundedextremes.png" alt="t_ra_rounded_top_extremes class" />
</li>
<li>t_la_curved_full<br /> Recommended: Use with left aligned tabs.
<br />
This class will make each tab of the left aligned tabs curved.<br />
<img src="https://s19.postimg.org/ok2ap0hcz/tlacurvedfull.png" alt="t_la_curved_full class" />
</li>
<li>t_ra_curved_full<br /> Recommended: Use with right aligned tabs.
<br />
This class will make each tab of the right aligned tabs curved.<br />
<img src="https://s19.postimg.org/60o0bcxr7/tracurvedfull.png" alt="t_ra_curved_full class" />
</li>
<li>t_la_curved_extremes<br /> Recommended: Use with left aligned tabs.
<br />
This class will make the extreme ends of the extreme tabs of the left aligned tabs curved.<br />
<img src="https://s19.postimg.org/rcvi91hpf/tlacurvedextremes.png" alt="t_la_curved_extremes class" />
</li>
<li>t_ra_curved_extremes<br /> Use with right aligned tabs.
<br />
This class will make the extreme ends of the extreme tabs of the right aligned tabs curved.<br />
<img src="https://s19.postimg.org/so39hidb7/tracurvedextremes.png" alt="t_ra_curved_extremes class" />
</li>
<li>Add no class to get a rectangular tab. This is the default shape of the tabs.<br />
<img src="https://s19.postimg.org/70eb72cwz/toutsidedettached.png" alt="Default shape" />
</li>
</ul>
<h3 id="item-description__sources-and-credits">Sources and Credits:</h3>
<p>I’ve used the following icons or other files as listed.
</p><ul>
<li>Google font – <a href="https://fonts.googleapis.com/css?family=Open+Sans" rel="nofollow">Open Sans</a></li>
<li><a href="http://fontawesome.io" rel="nofollow">FontAwesome Vector Icons</a></li>
<li><a href="https://necolas.github.io/normalize.css/" rel="nofollow">Normalize.css</a></li>
</ul>
<br />
Rate the file if you like it.
<br /><br />
Thanks!</li>saheem128