Description

Nube Responsive Blogger Template is a super stylish and customized blogging blogger theme. This Blogger Theme has a very unique design with the colorful fluid background. This is one of its kind Blogspot theme with a great customizing facility. This is a three-column blogging blogger template with a very unique logo and menu placement, the menu opens horizontally towards the left side of the screen. This is a fully responsive theme with each and every element designed with perfection so that everything looks pitch-perfect and well balanced. This carries the ideal design on larger devices like desktop and laptop, whereas the first column which includes logo and menu, shifts to the top on devices with smaller screens like mobile phones and tablets. Crafted with ultimate professionalism this theme is ideal to create modern-day blogs. Simple, Fast Loading, Responsive, Seo Ready, Adapted From WordPress, Ads Ready, Retina Ready, Drop Down Menu, Social Bookmark Ready, Page Navigation Menu, Post Thumbnails, Clean, Browser Compatibility, Blue, 3 Columns, Elegant, White, Stylish, WhatsApp Sharing, Free Premium, 1 Right Sidebar, 1 Sidebar, Magazine, News, Technology, AMP, Google, Minimalist, Slideshow.

       Preview

• Download

Tables HTML

<div class="post-table">
<table>    <thead>
<tr>        <th>First Name</th>        <th>Last Name</th>        <th>Hero Title</th>      </tr>
</thead>    <tbody>
<tr>        <td data-label="First Name">Bruce</td>        <td data-label="Last Name">Wayne</td>        <td data-label="Hero Title">Batman</td>      </tr>
<tr>        <td data-label="First Name">Peter</td>        <td data-label="Last Name">Parker</td>        <td data-label="Hero Title">Spiderman</td>      </tr>
<tr>        <td data-label="First Name">Bruce</td>        <td data-label="Last Name">Banner</td>        <td data-label="Hero Title">The Hulk</td>      </tr>
<tr>        <td data-label="First Name">Clark</td>        <td data-label="Last Name">Kent</td>        <td data-label="Hero Title">Superman</td>      </tr>
</tbody></table>
</div>
</div>

Result

Button HTML

<div id="shortcodes">
<div class="small-button">
<a class="button small" href="https://www.blogger.com/null">Button Small</a><a class="button medium" href="https://www.blogger.com/null">Button Medium</a><a class="button large" href="https://www.blogger.com/null">Button Large</a></div>

Result

Black Code Box HTML

<pre>function generate() {
    var a = $('#container').html();
    var b = window.open('', '', 'width=600,height=400');
    b.document.write('&lt;textarea&gt;' + a + '&lt;/textarea&gt;');
}</pre>

Contact Form HTML Code

<div class="contact-form">
<div class="contact section" id="contact" style="display: block;">
<div class="widget ContactForm" id="ContactForm10">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm10_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><input class="contact-form-email" id="ContactForm10_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><textarea class="contact-form-email-message" cols="25" id="ContactForm10_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm10_contact-form-submit" type="button" value="Send" /><br />
<div style="text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm10_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm10_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>