Заглавная буква

БУКВИЦА, или инициал, — первая буква начального слова книги, главы, раздела, произведения, увеличенная по размеру (кеглю) по сравнению с обычной начальной буквой, нередко сочетаемая с иллюстрацией, виньеткой, орнаментикой. Что бы ваша первая буква в блогах, статьях и новостях были большими вы можете воспользоваться специальным CSS классом dropcap - просто заносите свой код внутри этого класса и первая буква вашего текста будет большим, пример кода приведено ниже:

<p class="dropcap">БУКВИЦА, или инициал, — первая буква начального слова книги, главы, раздела, произведения, увеличенная по размеру (кеглю) по сравнению с обычной начальной буквой, нередко сочетаемая с иллюстрацией, виньеткой, орнаментикой.</p>

Цитаты

Лучшее оружие против другого врага-это другой враг. Фридрех Нитше

<blockquote>
Лучшее оружие против другого врага-это другой враг. <cite><a href="#">Фридрех Нитше</a></cite>
</blockquote>

Разделители

<hr>
<hr class="alt1">
<hr class="alt2">

Социальные иконки (см. раздел Иконки)

Иконки можете добавить просто прописав класс с префиксом icon-

<ul class="social-icons">
	<li class="rss"><a href="#"><i class="icon-rss"></i></a></li>
	...
</ul>

Всплывающая подсказка

Подсказки вы можете использовать в своих блогах, статьях или в новостях, в таком примере и ниже приведены код данного примера.

<p>Подсказки вы можете использовать в своих блогах, статьях или в новостях, в таком <a href="#" data-tip="Какой то текст подсказки"><strong>примере</strong></a> и ниже приведены код данного примера.</p>

Кнопки

Вы можете выбрать 6 предустановленных цветовых кнопок. Управление 3-х разных размеров и 3-формы.

Микро

Пример Пример Пример Пример Пример Пример Пример

<a href="#" class="button small">Текст кнопки</a>

Нормальные

Пример Пример Пример Пример Пример Пример Пример

<a href="#" class="button">Текст кнопки</a>

Большие

Пример Пример Пример Пример Пример Пример Пример

<a href="#" class="button large">Текст кнопки</a>

Разные формы

Текст кнопки Текст кнопки Текст кнопки

<a href="#" class="button">Текст кнопки</a>
<a href="#" class="button square">Текст кнопки</a>
<a href="#" class="button pill">Текст кнопки</a>

Кнопки с иконками (см. раздел Иконки)

Иконки от Awesome Fonts

Простая кнопка Видео плеер Видео плеер Меню

<a href="#" class="button" style="background-color:#3C0"><i class="icon-twitter"></i> Кнопка</a>

Свой цвет

Цвет кнопки можете задать сами в style="background-color:#Ваш цвет; color:#Ваш цвет".

Кнопка Кнопка

<a href="#" class="button" style="background-color:#3C0; color=#000">Custom button</a>

Кнопка с подсказкой

Кнопка Еще пример

<a href="#" data-tip="Привет" class="button">Кнопка</a>

Вкладки

<div class="tab-container">
                <ul class="etabs">
                    <li class="my_tab"><a href="#tabs1-html">Первая вкладка</a></li>
                    <li class="my_tab"><a href="#tabs2-html">Вторая вкладка</a></li>
                </ul>
                <div class="panel-container">
                    <div id="tabs1-html">В пределах аккумулятивных равнин вулканическое стекло занимает коллювий, за счет чего увеличивается мощность коры под многими хребтами. Палинологическое изучение осадков онежской трансгрессии, имеющей отчетливое межморенное залегание, показало, что притеррасная низменность горизонально обогащает апофиз, поскольку непосредственно мантийные струи не наблюдаются. Межледниковье опускает гидротермальный лакколит, делая этот типологический таксон районирования носителем важнейших инженерно-геологических характеристик природных условий. </div>
                    <div id="tabs2-html">Алмаз, с учетом региональных факторов, наклонно сменяет лавовый купол, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м. Как видно из самых общих закономерности распределения криолитозоны, извержение варьирует эвапорит, что обусловлено не только первичными неровностями эрозионно-тектонического рельефа поверхности кристаллических пород, но и проявлениями долее поздней блоковой тектоники. </div>
                </div>
            </div>

Переключатели

<div class="toggle">
                <a class="toggle-title"><span></span>Какой то текст</a>
                <div class="toggle-box">Алмаз, с учетом региональных факторов, наклонно сменяет лавовый купол, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м. Как видно из самых общих закономерности распределения криолитозоны, извержение варьирует эвапорит, что обусловлено не только первичными неровностями эрозионно-тектонического рельефа поверхности кристаллических пород, но и проявлениями долее поздней блоковой тектоники. </div>
            </div>
            <div class="toggle">
                <a class="toggle-title"><span></span>Какой то текст</a>
                <div class="toggle-box">Алмаз, с учетом региональных факторов, наклонно сменяет лавовый купол, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м. Как видно из самых общих закономерности распределения криолитозоны, извержение варьирует эвапорит, что обусловлено не только первичными неровностями эрозионно-тектонического рельефа поверхности кристаллических пород, но и проявлениями долее поздней блоковой тектоники. </div>
            </div>