&lt;style&gt;

   #sidebar { /* Левая колонка */
    float: left; /* Обтекание справа */
    max-width: 500px; /* Ширина колонки */
    padding: 5px; /* Поля вокруг текста */
   margin: 0px 40px 20px 5px; /* Значения отступов */
   }
   #content { /* Правая колонка */
    padding: 15px; /* Поля вокруг текста */
    font-size: 1.2em;
    line-height:1.7;
   }
.content {
    padding-top: 25px;
}
.col-md-12 &gt; h1{
text-align:center;
}

#form_div{
  border-left:1px solid rgba(132,205,129,0.3);
  padding: 0 8%;
}

#feedback-form {
  font-size:1.1em;
  max-width: 400px;

  border-radius: 3px;
  background: #f1f1f1;
}
#feedback-form [required] {
  width: 100%;
  box-sizing: border-box;
  margin: 2px 0 2% 0;
  padding: 2%;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 3px;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  border-color: #629D48;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  border-color: #629D48;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type=&quot;submit&quot;] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #629D48;
  color: #fff;
}
#feedback-form [type=&quot;submit&quot;]:hover {
  background: #1F8647;
}
#feedback-form [type=&quot;submit&quot;]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}

  &lt;/style&gt;

  &lt;div id=&quot;sidebar&quot;&gt;
&lt;img src=&quot;http://pelovit.com/image/cache/catalog/-3-500x500.jpg&quot; style=&quot;max-width: 500px; height: 500px;&quot;&gt;
  &lt;/div&gt;
  &lt;div id=&quot;content&quot;&gt;
    &lt;h5&gt;Показания к применению &lt;/h5&gt;
    &lt;ul&gt;&lt;li&gt;Гингивит; &lt;/li&gt;
&lt;li&gt;Стоматит (афтозный, грибковый);&lt;/li&gt;
&lt;li&gt;Пародонтоз; &lt;/li&gt;
&lt;li&gt;При ношении зубных
протезов (снимает боль,
воспаление и отек,
стимулирует заживление
повреждений десен);&lt;/li&gt;
&lt;li&gt;До и после
операционных
вмешательств ротовой
полости
;&lt;/li&gt;
&lt;li&gt;Травмы ротовой полости; &lt;/li&gt;

&lt;li&gt;Зубная боль; &lt;/li&gt;
&lt;li&gt;Гиперестезии зубов
; &lt;/li&gt;
&lt;li&gt;Глоссит
; &lt;/li&gt;
&lt;li&gt;Для профилактики
заболеваний ротовой
полости; &lt;/li&gt;
&lt;/ul&gt;
&lt;br&gt;
&lt;a href=&quot;/pelovit-stomatolog&quot; class=&quot;btn btn--wd text-uppercase&quot; style=&quot;font-size:18px;&quot;&gt;Купить
  &lt;/a&gt;  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;a href=&quot;/instructions/pelovit-stom.pdf&quot; class=&quot;btn btn--wd text-uppercase&quot; style=&quot;font-size:18px;&quot;&gt;Читать инструкцию
  &lt;/a&gt;&lt;/div&gt;

&lt;div style=&quot;clear:both;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;position:relative; text-align:center; padding:70px 0px 0px 0px; margin:0px -15px; background-color:rgba(0,0,0,0.11); min-height:500px;&quot;&gt;
  &lt;div style=&quot;width:25%; float:left; padding:20px;&quot;&gt;
    &lt;img src=&quot;http://pelovit.com/image/catalog/time.png&quot; style=&quot;max-width: 128px; height: 128px;&quot;&gt;&lt;br&gt;&lt;br&gt;
    &lt;h5&gt; Быстро действует  &lt;/h5&gt;
    &lt;p&gt; Препарат начинает действовать сразу после приенения и спустя пару минут вы почуствуете его действие. &lt;/p&gt;
  &lt;/div&gt;

&lt;div style=&quot;width:25%; float:left; padding:20px;&quot;&gt;
&lt;img src=&quot;http://pelovit.com/image/catalog/pb.png&quot; style=&quot;max-width: 128px; height: 128px;&quot;&gt;&lt;br&gt;&lt;br&gt;
&lt;h5&gt; Не имеет побочных действий  &lt;/h5&gt;
&lt;p&gt; В результате многочисленных исследований побочных действий препарата не выявлено. &lt;/p&gt;
&lt;/div&gt;

&lt;div style=&quot;width:25%;  float:left; padding:20px;&quot;&gt;
&lt;img src=&quot;http://pelovit.com/image/catalog/pacifier.png&quot; style=&quot;max-width: 128px; height: 128px;&quot;&gt;&lt;br&gt;&lt;br&gt;
&lt;h5&gt; Подходит для беременных  &lt;/h5&gt;
&lt;p&gt; Препарат эффективен и безопасен для профилактики и лечения заболеваний
ротовой полости при беременности и в период лактации.
 &lt;/p&gt;
&lt;/div&gt;

&lt;div style=&quot;width:25%; float:left; padding:20px;&quot;&gt;
&lt;img src=&quot;http://pelovit.com/image/catalog/baby.png&quot; style=&quot;max-width: 128px; height: 128px;&quot;&gt;&lt;br&gt;&lt;br&gt;
&lt;h5&gt; Используется в педиатрии  &lt;/h5&gt;
&lt;p&gt; Детям в возрасте от 2 лет разрешено использование препарата Пеловит­- Р
Стоматология. &lt;/p&gt;
&lt;/div&gt;

&lt;/div&gt;


&lt;div style=&quot;clear:both;&quot;&gt;
&lt;/div&gt;


&lt;div style=&quot;position:relative; text-align:center; padding:20px 0px 0px 0px;&quot;&gt;
&lt;div style=&quot;width:70%; float:left; padding:20px;&quot;&gt;
&lt;h4&gt; Как это работает  &lt;/h4&gt;
  &lt;div style=&quot;width:40%; float:left; padding:20px;&quot;&gt;
    &lt;img src=&quot;http://pelovit.com/image/catalog/zub.png&quot; style=&quot;max-width: 300px;&quot;&gt;
  &lt;/div&gt;

&lt;div style=&quot;width:60%; float:left; padding:30px 20px 20px 40px; text-align:justify;&quot;&gt;
&lt;p&gt; Препарат Пеловит- ­Р обладает двухстадийным механизмом действия.
 &lt;/p&gt;
&lt;p&gt; Первая стадия ­ противовоспалительное воздействие, в основе которого лежит
активация метаболических и энергетических процессов, приводящая к уменьшению
и полной ликвидации воспалительного отёка в очаге повреждения, восстановлению
кровообращения и восстановлению подачи кислорода.

 &lt;/p&gt;
&lt;p&gt; Вторая стадия — биостимулирующее восстановительное воздействие Пеловита- ­Р, в
основе которого лежит восстановление первоначальной структуры повреждённой
ткани или органа.
 &lt;/p&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;width:30%;  float:left; padding:20px;&quot;&gt;
&lt;h4&gt; Задать вопрос доктору  &lt;/h4&gt;

&lt;div id=&quot;form_div&quot;&gt;
&lt;form method=&quot;POST&quot; id=&quot;feedback-form&quot;&gt;
Ваше имя:
&lt;input type=&quot;text&quot; name=&quot;nameFF&quot; required=&quot;&quot; x-autocompletetype=&quot;name&quot;&gt;&lt;br&gt;&lt;br&gt;
Телефон:
&lt;input type=&quot;text&quot; name=&quot;telFF&quot; required=&quot;&quot; placeholder=&quot;+380&quot; x-autocompletetype=&quot;name&quot;&gt;&lt;br&gt;&lt;br&gt;
Ваше сообщение:
&lt;textarea name=&quot;messageFF&quot; required=&quot;&quot; rows=&quot;5&quot;&gt;&lt;/textarea&gt;
&lt;input type=&quot;submit&quot; value=&quot;отправить&quot;&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;script&gt;
document.getElementById('feedback-form').addEventListener('submit', function(evt){
  var http = new XMLHttpRequest(), f = this;
  evt.preventDefault();
  http.open(&quot;POST&quot;, &quot;contacts.php&quot;, true);
  http.setRequestHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;);
  http.send(&quot;nameFF=&quot; + f.nameFF.value + &quot;&amp;telFF=&quot; + f.telFF.value + &quot;&amp;messageFF=&quot; + f.messageFF.value);
  http.onreadystatechange = function() {
    if (http.readyState == 4 &amp;&amp; http.status == 200) {
      alert(http.responseText + ', Ваше сообщение получено.\nМы свяжемся с вами в течении дня. \nБудьте здоровы!');    
      f.messageFF.removeAttribute('value'); // очистить поле сообщения (две строки)
      f.messageFF.value='';
      f.nameFF.removeAttribute('value'); //
      f.nameFF.value='';
      f.telFF.removeAttribute('value'); // 
      f.telFF.value='';
    }
  }
  http.onerror = function() {
    alert('Извините, данные не были переданы');
  }
}, false);
&lt;/script&gt;
 &lt;p&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;/div&gt;
&lt;!--?php if ($price) { ?--&gt;
            &lt;div class=&quot;price-box product-info__price&quot; itemprop=&quot;offers&quot; itemscope=&quot;&quot; itemtype=&quot;http://schema.org/Offer&quot;&gt;
              &lt;meta itemprop=&quot;itemCondition&quot; content=&quot;http://schema.org/NewCondition&quot;&gt;
              &lt;meta itemprop=&quot;priceCurrency&quot; content=&quot;&lt;?php echo $this-&gt;config-&gt;get('config_currency'); ?&gt;&quot;&gt;
              &lt;!--?php if (!$special) { ?--&gt;
                &lt;span class=&quot;price-box__regular&quot; itemprop=&quot;price&quot;&gt;&lt;!--?php echo $price; ?--&gt;&lt;/span&gt;
              &lt;!--?php } else { ?--&gt;
              &lt;span class=&quot;price-box__new&quot; itemprop=&quot;price&quot;&gt;&lt;!--?php echo $special; ?--&gt;&lt;/span&gt; &lt;span class=&quot;price-box__old&quot;&gt;&lt;!--?php echo $price; ?--&gt;&lt;/span&gt;
              &lt;!--?php } ?--&gt;
            
            &lt;ul class=&quot;list-unstyled price-opts&quot;&gt;
              &lt;!--?php if ($tax) { ?--&gt;
              &lt;li&gt;&lt;!--?php echo $text_tax; ?--&gt; &lt;!--?php echo $tax; ?--&gt;&lt;/li&gt;
              &lt;!--?php } ?--&gt;
              &lt;!--?php if ($points) { ?--&gt;
              &lt;li&gt;&lt;!--?php echo $text_points; ?--&gt; &lt;!--?php echo $points; ?--&gt;&lt;/li&gt;
              &lt;!--?php } ?--&gt;
              &lt;!--?php if ($discounts) { ?--&gt;
              &lt;li&gt;
                &lt;hr&gt;
              &lt;/li&gt;
              &lt;!--?php foreach ($discounts as $discount) { ?--&gt;
              &lt;li&gt;&lt;!--?php echo $discount['quantity']; ?--&gt;&lt;!--?php echo $text_discount; ?--&gt;&lt;!--?php echo $discount['price']; ?--&gt;&lt;/li&gt;
              &lt;!--?php } ?--&gt;
              &lt;!--?php } ?--&gt;
            &lt;/ul&gt;
          
              
            &lt;/div&gt;
           &lt;!--?php } ?--&gt; 