Site search

We export the contents of the HTML table to a PDF document, and after clicking the button, we save the document, a finished snippet using Bootstrap.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/snippets/information/2016/etp/shieldui-all.min.css" />
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://bootstraptema.ru/snippets/information/2016/etp/shieldui-all.min.js"></script>
<script type="text/javascript" src="https://bootstraptema.ru/snippets/information/2016/etp/jszip.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="container">

<h1 class="text-center">Export a HTML Table to PDF</h1>

<div class="row">

 <button id="exportButton" class="btn btn-lg btn-danger center-block"><span class="fa fa-file-pdf-o"></span> Export to PDF</button>

<hr />

<div class="table-responsive">

 <table id="exportTable" class="table table-bordered table-hover">
 <thead>
 <tr>
 <th>Name</th>
 <th>All</th>
 <th>Url</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>VK</td>
 <td>1211</td>
 <td><a href="https://vk.com/bootstraptema" target="_blank">https://vk.com/bootstraptema</a></td>
 </tr>
 <tr>
 <td>Twitter</td>
 <td>1034</td>
 <td><a...

Bankco — Responsive Admin Template Bankco – Tailwind CSS is a stylish and modern Tailwind CSS admin template designed for banking and financial applications. The Bankco – Tailwind CSS admin template is a comprehensive solution, including all the necessary features and tools for creating an effective and intuitive financial management dashboard. Bankco – Tailwind CSS features a clean and minimalist design, ensuring a user-friendly and visually appealing user interface.
The template includes a number of pre-built pages, components, and widgets that can be used to quickly and easily create a dashboard. Pages include "Dashboard," "Transactions," "Accounts," "Cards," "Loans," and more.

This HTML chat template is responsive to all devices and supports both dark and light modes. It offers a variety of features, including one-on-one chat, group chat, contacts, and file sharing.
* Tailwind CSS v3.4.14, HTML Files, CSS Files, JS Files.

Roadmap to Become a Web Developer :

📁 HTML & CSS
│
├─ 📁 CSS Frameworks (Tailwind)
│
├─ 📁 JavaScript (core concepts)
│
├─ 📁 Git & GitHub
│
├─ 📁 React OR Angular (pick one)
│
├─ 📁 Node.js & REST APIs
│
├─ 📁 Database (MongoDB / PostgreSQL)
│
├─ 📁 Auth, Security & Deployment (basics)
│
└─ ✅ Build & Deploy Real Projects

CSS Media Queries ✨
#css

A modern blog template with two or three columns. The developers used CSS GRID technology and also thoroughly optimized the loading speed. This resulted in a fast and visually uncluttered theme. The design itself is executed in gray tones and has an overall airy feel. It is ideal for creating magazine-style websites. The archive will include two template versions. The first version is a two-column version. News announcements will be wide and have green buttons. When the three-column version is selected, news will be displayed in two rows with blue buttons. Additionally, in the three-column version, you can disable one...

An HTML 404 error page with adaptive content optimized for mobile device resolutions, using only CSS properties.
* Responsive template, CSS files, JS files, and images.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<style>.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}.bs-glyphicons li:hover{color:#fff;background-color:#563d7c}@media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}
</style>
<div class="container"><div class="row"><div class="col-xs-12"><div class="text-center"><h1>Glyphicons</h1></div><div class=bs-glyphicons> <ul class=bs-glyphicons-list> <li> <span class="glyphicon glyphicon-asterisk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-asterisk</span> </li> <li> <span class="glyphicon glyphicon-plus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus</span> </li> <li> <span class="glyphicon glyphicon-euro" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-euro</span> </li> <li> <span class="glyphicon glyphicon-eur" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eur</span> </li> <li> <span class="glyphicon glyphicon-minus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus</span> </li> <li> <span class="glyphicon glyphicon-cloud" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud</span> </li> <li> <span class="glyphicon glyphicon-envelope" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-envelope</span> </li> <li> <span class="glyphicon glyphicon-pencil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pencil</span> </li> <li> <span class="glyphicon glyphicon-glass"...

Using a CSS file with SVG elements included in it, you can add flags of different countries, 250 flags for use with Bootstrap.
* The style file provided in this material contains attached SVG files of the flags.

A responsive audio player for a website with integrated Bootstrap, ready-made HTML demo code, supports playback of a single melody or a link to a radio stream.

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2015/bootstrap3/bootstrap.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2015/audio-touch/audio-touch.css" />
<script type="text/javascript" src="https://bootstraptema.ru/plugins/jquery/jquery-1.11.3.min.js"></script>


<div class="container"><div class="row">

<div class="col-lg-6 col-lg-offset-3">

 <audio preload="auto" controls>
 <source src="https://bootstraptema.ru/assets/music/cuckoo.mp3" />
 </audio>
<br><br><br><br><br><br><br><br>
<a href="http://tatyanayurskaya.my1.ru/load/" target="_blank" class="btn btn-default" >Performer: Tatyana Yurskaya</a>
</div>

</div></div>

<script src="https://bootstraptema.ru/plugins/2015/audio-touch/audio-touch.js"></script>

 <script>
 $( function()
 {
 $( 'audio' ).audioPlayer();
 });
 </script>