Bootstrap Snippets

bootstrap.html

<!-- Fixes -->
<style>
  // iOS bag fix
  .card-header {
    cursor: pointer;
  }
</style>

<!-- Accordion Menu -->
<ul id="mMenuAccordion" class="mmenu_nav accordion">
	<li class="mmenu_nav--item">
		<a href="#" class="mmenu_nav--link collapsed" data-toggle="collapse" data-target="#mMenuCollapseOne">Услуги</a>

		<ul id="mMenuCollapseOne" class="mmenu_subnav collapse" data-parent="#mMenuAccordion">
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">
					<i class="mmenu_subnav--icon icon icon-house"></i>Покупка и продажа недвижимости</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">
					<i class="mmenu_subnav--icon icon icon-safe"></i>Расчетный центр и сейфинг</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">
					<i class="mmenu_subnav--icon icon icon-balance"></i>Юридические услуги</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">
					<i class="mmenu_subnav--icon icon icon-geo"></i>Геодезические услуги</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">
					<i class="mmenu_subnav--icon icon icon-crane"></i>Строительство объектов недвижимости</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">
					<i class="mmenu_subnav--icon icon icon-calc"></i>Оценка</a>
			</li>
		</ul>

	</li>
	<li class="mmenu_nav--item">
		<a href="#" class="mmenu_nav--link collapsed" data-toggle="collapse" data-target="#mMenuCollapseTwo">О компании</a>

		<ul id="mMenuCollapseTwo" class="mmenu_subnav collapse" data-parent="#mMenuAccordion">
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">Покупка недвижимости</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">Приглашаем к сотрудничеству</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">Реквизиты</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">Политика конфиденциальности</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">Размещение рекламы</a>
			</li>
			<li class="mmenu_subnav--item">
				<a href="#" class="mmenu_subnav--link">Образцы документов <...></a>
			</li>
		</ul>

	</li>
</ul>
<!-- Accordion Menu -->

<!-- Pills Tabs -->
<ul class="nav nav-pills" id="pills-tab-1" role="tablist">
  <li class="nav-item">
    <a class="but but-sm active" id="pills-1-tab" data-toggle="pill" href="#pills-1" role="tab" aria-controls="pills-1" aria-selected="true">Первый раздел услуг</a>
  </li>
  <li class="nav-item">
    <a class="but but-sm" id="pills-2-tab" data-toggle="pill" href="#pills-2" role="tab" aria-controls="pills-2" aria-selected="false">Второй раздел услуг</a>
  </li>
  <li class="nav-item">
    <a class="but but-sm" id="pills-3-tab" data-toggle="pill" href="#pills-3" role="tab" aria-controls="pills-3" aria-selected="false">Третий раздел</a>
  </li>
  <li class="nav-item">
    <a class="but but-sm" id="pills-4-tab" data-toggle="pill" href="#pills-4" role="tab" aria-controls="pills-4" aria-selected="false">Весь прайс</a>
  </li>
</ul>
<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">...</div>
  <div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-2-tab">...</div>
  <div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-3-tab">...</div>
  <div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-4-tab">...</div>
</div>
<!-- Pills Tabs -->