Список предложений

Сделано под сетку bootstrap. На средней ширине 3 колонки, на большой ширине экрана колонки увеличиваются по ширине, на маленькой ширине элементы выстраиваются в 2 колонки

	<div class="row  kinds_of_sites">

			<ul>
				<li class="col-lg-4 col-md-4 col-sm-6">
					<p class="name">
						<a class="circle h60" href="#">от 15&nbsp;000 руб.<span class="item_1">Сайт-визитка</span></a>
					</p>
					<p class="text">
						Ассортиментная политика предприятия интегрирована. 
						Особенность рекламы развивает сублимированный PR, опираясь на опыт западных коллег.
					</p>
					<p class="btn-group">
						<a href="#" class="gray_btn">Подробнее</a>
						<a href="#" class="blue_btn">Заказать</a>
					</p>
				</li>
				<li class="col-lg-4 col-md-4 col-sm-6">
					<p class="name">
						<a class="circle h60" href="#">от 16&nbsp;700 руб.<span class="item_2">Интернет-витрина</span></a>
					</p>
					<p class="text">
						Точечное воздействие без оглядки на авторитеты синхронизирует ролевой медиамикс, 
						учитывая современные тенденции.
					</p>
					<p class="btn-group">
						<a href="#" class="gray_btn">Подробнее</a>
						<a href="#" class="blue_btn">Заказать</a>
					</p>
				</li>
				<li class="col-lg-4 col-md-4 col-sm-6">
					<p class="name">
						<a class="circle h60" href="#">от 29&nbsp;500 руб.<span class="item_3">Интернет-магазин</span></a>
					</p>
					<p class="text">
						Рекламное сообщество программирует департамент маркетинга и продаж, работая над проектом.
						По сути, взаимодействие корпорации и клиента экономит опрос, учитывая современные тенденции. 
					</p>
					<p class="btn-group">
						<a href="#" class="gray_btn">Подробнее</a>
						<a href="#" class="blue_btn">Заказать</a>
					</p>
				</li>
				<li class="col-lg-4 col-md-4 col-sm-6">
					<p class="name">
						<a class="circle h60" href="#">от 32&nbsp;000 руб.<span class="item_4">Портал</span></a>
					</p>
					<p class="text">
						Ассортиментная политика предприятия интегрирована.
						Размещение упорядочивает рекламный бриф, размещаясь во всех медиа.
					</p>
					<p class="btn-group">
						<a href="#" class="gray_btn">Подробнее</a>
						<a href="#" class="blue_btn">Заказать</a>
					</p>
				</li>
				<li class="col-lg-4 col-md-4 col-sm-6">
					<p class="name">
						<a class="circle h60" href="#">от 16&nbsp;700 руб. <span class="item_5">Корпоративный сайт</span></a>
					</p>
					<p class="text">
						Согласно ставшей уже классической работе Филипа Котлера, искусство медиапланирования редко соответствует рыночным ожиданиям. 
						Исходя из структуры пирамиды Маслоу, организация слубы маркетинга сознательно экономит формат события, оптимизируя бюджеты.
					</p>
					<p class="btn-group">
						<a href="#" class="gray_btn">Подробнее</a>
						<a href="#" class="blue_btn">Заказать</a>
					</p>
				</li>
				<li class="col-lg-4 col-md-4 col-sm-6">
					<p class="name">
						<a class="circle h60" href="#">от 29&nbsp;500 руб.<span class="item_6">Адаптивная верстка</span></a>
					</p>
					<p class="text">
						Тем не менее, управление брендом позитивно экономит пресс-клиппинг, полагаясь на инсайдерскую информацию.
						Метод изучения рынка отталкивает анализ рыночных цен, опираясь на опыт западных коллег. 
					</p>
					<p class="btn-group">
						<a href="#" class="gray_btn">Подробнее</a>
						<a href="#" class="blue_btn">Заказать</a>
					</p>
				</li>
			</ul>
		
		</div>

<ul>

<a class="circle h60" href="#">от 15 000 руб.Сайт-визитка</a>

Ассортиментная политика предприятия интегрирована.

Особенность рекламы развивает сублимированный PR, опираясь на опыт западных коллег.