diff --git a/SocialHelper/homepage/templates/homepage/offer_page.html b/SocialHelper/homepage/templates/homepage/offer_page.html
index 5fe1b25..10de601 100644
--- a/SocialHelper/homepage/templates/homepage/offer_page.html
+++ b/SocialHelper/homepage/templates/homepage/offer_page.html
@@ -5,36 +5,73 @@
 <html lang="en">
   <body>
 
-  <!--================Categories Banner Area =================-->
 
+    <!--================Categories Banner Area =================-->
     <section class="solid_banner_area">
       <div class="container">
         <div class="solid_banner_inner">
-          {% if offer.Wolontatriat %}
-          <h5>Ogłoszenie Wolontariackie</h5>
-          {% endif %}
-          <h2>{{ offer.title }}</h2>
-          <h5>{{ offer.user_iden }}</h5><p><br></p>
-          <img class="img-fluid" src="{{ offer.picture.url }}" width="200">
-          {{ offer.create_date }}
-          {% if types.0.0 == offer.type %}
-            Potrzebuje
-          {% else %}
-            Oddam
-          {% endif %}
-          {% if types_o.0.0 == offer.offer %}
-            Usługe
-          {% else %}
-            Przedmiot
-          {% endif %}
-          {{ offer.description }}
-          {{ offer.place }}
+                <h3>Szczegóły oferty</h3>
+                {% if offer.Wolontatriat %}
+                <h5>Ogłoszenie Wolontariackie</h5>
+                {% endif %}
+                {% if types.0.0 == offer.type %}
+                  Potrzebuje
+                {% else %}
+                  Oddam
+                {% endif %}
+                {% if types_o.0.0 == offer.offer %}
+                  Usługę
+                {% else %}
+                  Przedmiot
+                {% endif %}
+            </div>
         </div>
+    </section>
+    <!--================End Categories Banner Area =================-->
+
+    <!--================Product Details Area =================-->
+    <section class="product_details_area">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-4">
+                    <div class="product_details_slider">
+                        <div id="product_slider" class="rev_slider" data-version="5.3.1.6">
+                            <ul>	<!-- SLIDE  -->
+                                <li data-index="rs-137221490" data-transition="scaledownfrombottom" data-slotamount="7"  data-easein="Power3.easeInOut" data-easeout="Power3.easeInOut" data-masterspeed="1500"  data-thumb="img/product/product-details/p-details-tab-1.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Ishtar X Tussilago" data-param1="25/08/2015" data-description="">
+                                    <!-- MAIN IMAGE -->
+                                    <img  src="{{ offer.picture.url }}" width="200">
+                                    <!-- LAYERS -->
+                                </li>
+
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-8">
+                    <div class="product_details_text">
+                        <h2 style="color:red">{{ offer.title }}</h2><br></br>
+                        <h3>Wystawione przez: {{ offer.user_iden }}</h3>
+                        <h6>Z miejscowości <span>  {{ offer.place }}</span></h6><br></br>
+                        <p>{{ offer.description }}</p><br></br>
+                        <div class="quantity">
+                            <a class="btn btn-dark" href="#">Zaproponuj wymianę</a>
+                            <a class="btn btn-light" href="#sec2">Napisz wiadomość</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--================End Product Details Area =================-->
+
+
+    <section class="solid_banner_area">
+      <div class="container">
 
         <div class="solid_banner_inner">
 
-          <h3>Wiadomości</h3>
-            <div class="row">
+          <h3 id="sec2">Wiadomości</h3>
+            <div class="row justify-content-md-center">
           {% if user_get_id == offer.user_iden.id %}
             <div class="col-lg-4 col-md-6">
             <div class="tab">
@@ -46,7 +83,7 @@
             <div class="col-lg-8 col-md-6">
             {% for user in email_list %}
             <div id="{{ user.id }}" class="tabcontent">
-            <iframe src="/homepage/chating/{{offer.id}}/{{offer.user_iden.id}}/{{user.id}}" width="770", height="500"></iframe>
+            <iframe src="/homepage/chating/{{offer.id}}/{{offer.user_iden.id}}/{{user.id}}" width="200", height="200"></iframe>
             <form action="{% url 'send_message' %}" method="post">
             {% csrf_token %}
             <input type="hidden" name="author_id" value="{{ offer.user_iden.id }}">
@@ -102,12 +139,6 @@
   <!--================End Categories Banner Area =================-->
 
   <!--================Categories Product Area =================-->
-
-  <section class="categories_product_main p_80">
-    <div class="container">
-
-    </div>
-  </section>
   <!--================End Categories Product Area =================-->
 
   <!--================Footer Area =================-->
