Контакты
0

Стандартные кнопки

Link

<a href="#">Link</a>
<input type="button" value="Input">
<input type="submit" value="Submit">
<button type="submit">Button</button>

Цветные кнопки


<a href="#" class="btn btn-red">Click me</a>
<a href="#" class="btn btn-orange">Click me</a>
<a href="#" class="btn btn-green">Click me</a>
<a href="#" class="btn btn-verditer">Click me</a>
<a href="#" class="btn btn-blue">Click me</a>
<a href="#" class="btn btn-purple">Click me</a>
<a href="#" class="btn btn-pink">Click me</a>

Кнопки без фона


<a href="#" class="btn btn-red btn-bordered">Click me</a>
<a href="#" class="btn btn-orange btn-bordered">Click me</a>
<a href="#" class="btn btn-green btn-bordered">Click me</a>
<a href="#" class="btn btn-verditer btn-bordered">Click me</a>
<a href="#" class="btn btn-blue btn-bordered">Click me</a>
<a href="#" class="btn btn-purple btn-bordered">Click me</a>
<a href="#" class="btn btn-pink btn-bordered">Click me</a>

Кнопки с иконками


<a href="#" class="btn btn-orange btn-icon btn-lg">Click me <i class="fa fa-play"></i></a>
<a href="#" class="btn btn-red btn-icon btn-lg">Click me <i class="fa fa-rocket"></i></a>
<a href="#" class="btn btn-blue btn-icon">Click me <i class="fa fa-commenting-o"></i></a>
<a href="#" class="btn btn-purple btn-icon">Click me <i class="fa fa-download"></i></a>
<a href="#" class="btn btn-pink btn-icon btn-sm">Click me <i class="fa fa-envelope-o"></i></a>
<a href="#" class="btn btn-orange btn-icon btn-sm">Click me <i class="fa fa-gift"></i></a>

Кнопки с иконками без фона


<a href="#" class="btn btn-orange btn-icon btn-lg btn-bordered">Click me <i class="fa fa-play"></i></a>
<a href="#" class="btn btn-red btn-icon btn-lg btn-bordered">Click me <i class="fa fa-rocket"></i></a>
<a href="#" class="btn btn-blue btn-icon btn-bordered">Click me <i class="fa fa-commenting-o"></i></a>
<a href="#" class="btn btn-purple btn-icon btn-bordered">Click me <i class="fa fa-download"></i></a>
<a href="#" class="btn btn-pink btn-icon btn-sm btn-bordered">Click me <i class="fa fa-envelope-o"></i></a>
<a href="#" class="btn btn-orange btn-icon btn-sm btn-bordered">Click me <i class="fa fa-gift"></i></a>

Большие кнопки


<a href="#" class="btn btn-orange btn-lg">Large button</a>
<a href="#" class="btn btn-red btn-lg">Large button</a>
<a href="#" class="btn btn-blue btn-lg">Large button</a>
<a href="#" class="btn btn-purple btn-lg">Large button</a>
<a href="#" class="btn btn-pink btn-lg">Large button</a>

Кнопки-блоки


<a href="#" class="btn btn-red btn-block">Click me</a>
<a href="#" class="btn btn-purple btn-block">Click me</a>
<a href="#" class="btn btn-verditer btn-block">Click me</a>