ГлавнаяБазовые стили

Базовые стили

Кнопки
Пример кнопки <a href="" class="mg-but mg-but1">Пример кнопки</a >
Пример кнопки <a href="" class="mg-but mg-but2">Пример кнопки</a >
Пример кнопки <a href="" class="mg-but mg-but3">Пример кнопки</a >
Пример кнопки <a href="" class="mg-but mg-but4">Пример кнопки</a >
Пример кнопки <a href="" class="mg-but mg-but5">Пример кнопки</a >

 

Блоки

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb1"></div>

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb2"></div>

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb3"></div >

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb4"></div >

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb5"></div >

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb6"></div >

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb7"></div >
Заголовок блока

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb8">
<div class="title">Заголовок блока</div>
<div class="body">Текст</div>
</div>

Заголовок блока

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb9">
<div class="title">Заголовок блока</div>
<div class="body">Текст</div>
</div>

Заголовок блока

Мы рады, что Вы сделали правильный выбор, ведь, создав сайт, Ваша компания приобрела свое лицо в безграничном пространстве Интернет!

<div class="mg-tab mg-tb10">
<div class="title">Заголовок блока</div>
<div class="body">Текст</div>
</div>

 

Таблица
Примерное заполнение 1 столбец Столбец 2 Столбец 3
1 Примерное заполнение 2 строка
2 Примерное заполнение 3 строка
3 Примерное заполнение 4 строка
4 Примерное заполнение 5 строка

<table class="mg-tabs1"></table>

Примерное заполнение 1 столбец Столбец 2 Столбец 3
1 Примерное заполнение 2 строка
2 Примерное заполнение 3 строка
3 Примерное заполнение 4 строка
4 Примерное заполнение 5 строка

<table class="mg-tabs2"></table>

Примерное заполнение 1 столбецСтолбец 2Столбец 3
1 Примерное заполнение 2 строка
2 Примерное заполнение 3 строка
3 Примерное заполнение 4 строка
4 Примерное заполнение 5 строка

<table class="mg-tabs3"></table>

Примерное заполнение 1 столбецСтолбец 2Столбец 3
1 Примерное заполнение 2 строка
2 Примерное заполнение 3 строка
3 Примерное заполнение 4 строка
4 Примерное заполнение 5 строка

<table class="mg-tabs4"></table>

 

Навигация
8 22

<span class="mg-navig mg-navig1">8 </span>
<span class="mg-navig mg-navig1">22</span>

8 22 <span class="mg-navig mg-navig2">8 </span>
<span class="mg-navig mg-navig2">22</span>
8 22 <span class="mg-navig mg-navig3">8 </span>
<span class="mg-navig mg-navig3">22</span>
8 22 <span class="mg-navig mg-navig4">8 </span>
<span class="mg-navig mg-navig4">22</span>