Преимущества на главной странице

[Nannco]

Подскажите как лучше реализовать преимущества на главную страницу ? вид такой:

 

 

Возможно ли это реализовать через дополнение: HTML Содержимое ?

 

И если да то как в редакторе обозначить div-ки ? чтоб потом можно было в стилях это все отредактировать ?

вот пример класса div...

 

			<div class="main-advantage-item first-advantage-item">
				<div class="main-advantage-item-text">Наши преимущества:</div>
			</div>

	<div class="col-sm-3 col-xs-12">
			<div class="main-advantage-item">
				<div class="main-advantage-item-icon"><i class="fa fa-line-chart" aria-hidden="true"></i></div>
				<div class="main-advantage-item-text">Качество товара</div>
			</div>
	</div>

	<div class="col-sm-3 col-xs-12">
			<div class="main-advantage-item">
				<div class="main-advantage-item-icon"><i class="fa fa-calendar-check-o" aria-hidden="true"></i></div>
				<div class="main-advantage-item-text">Вечная гарантия</div>
			</div>
	</div>

	<div class="col-sm-3 col-xs-12">
			<div class="main-advantage-item">
				<div class="main-advantage-item-icon"><i class="fa fa-tachometer" aria-hidden="true"></i></div>
				<div class="main-advantage-item-text">Быстрая доставка</div>
			</div>
	</div>

   

 

 

Или может лучше в фотошопе сделать картинки ? и в HTML Содержимое  - как-то в ряд вставить картинки??? как можно это сделать? подскажите пожалуйста...

[spartakx]

Надо купить шаблон и там всё будет)

[cloudrc]

В модуле HTML содержимое есть кнопка "Исходный код", выглядит так      ->       </>

Жмете и вставляйте любой код, с div'ами и т.д.

[cloudrc]

1 час назад, spartakx сказал:

Надо купить шаблон и там всё будет)

На кой черт ему шаблон, если работы тут на 10 минут?

Теперь на каждый "перекрас" кнопки посылают покупать шаблон 

[theRGD]

5 минут назад, cloudrc сказал:

На кой черт ему шаблон, если работы тут на 10 минут?

Теперь на каждый "перекрас" кнопки посылают покупать шаблон 

[Nannco]

23 минуты назад, cloudrc сказал:

В модуле HTML содержимое есть кнопка "Исходный код", выглядит так      ->       </>

Жмете и вставляйте любой код, с div'ами и т.д.

 

Спасибо, вроде как теорию понял  сейчас буду практиковать)))

[Nannco]

Разобрался получилось)))

Но не могу понять как сделать когда окно сужаешь в определенный этап оно пропало? то есть на мобильном устройстве чтоб его не было!!! 

Подскажите пожалуйста...

 

Вот что сейчас получается

 

 

 

Подскажите код, который скроет на маленьком разрешение этот пункт...

[cloudrc]

3 часа назад, Nannco сказал:

Разобрался получилось)))

Но не могу понять как сделать когда окно сужаешь в определенный этап оно пропало? то есть на мобильном устройстве чтоб его не было!!! 

Подскажите пожалуйста...

 

Вот что сейчас получается

 

 

 

Подскажите код, который скроет на маленьком разрешение этот пункт...

Оберните весь этот код в div с классом "hidden-xs" 

[HyperLabTeam]

В 09.10.2017 в 13:51, Nannco сказал:

 

Спасибо, вроде как теорию понял  сейчас буду практиковать)))

http://bootstrap-3.ru/css.php

[Nannco]

9 часов назад, cloudrc сказал:

Оберните весь этот код в div с классом "hidden-xs"

Спасибо помогло