diff --git a/static/css/styles.css b/static/css/styles.css
index 4ab2723..1ac6f8a 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1067,4 +1067,14 @@ select#id_cargo_type{
 div.from_to_place>div>select{
     width: 392px;
 
-}
\ No newline at end of file
+}
+
+
+/*my routes*/
+
+.my_route{
+    display: block ruby;
+    margin: 15px 5px;
+}
+
+/*my routes*/
diff --git a/static/js/user_profile.js b/static/js/user_profile.js
new file mode 100644
index 0000000..cd7e60a
--- /dev/null
+++ b/static/js/user_profile.js
@@ -0,0 +1,95 @@
+function writeMessage(){
+    $.ajax({
+        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+        url: '/ru/user_account/new_msg_to_user/',
+        type: "POST",
+        // async: true,
+        cache: false,
+        processData: false,
+        contentType: false,
+        // enctype: 'json',
+        // data: formData,
+        success: function(data){
+            // location.href = '/profile'
+            document.querySelector(".info_profile").innerHTML = data.html;
+
+
+        },
+        error: function (data, exception){
+            console.log(400)
+
+        }
+    });
+}
+function technicalSupport(){
+    $.ajax({
+        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+        url: '/ru/user_account/new_msg_to_support/',
+        type: "POST",
+        // async: true,
+        cache: false,
+        processData: false,
+        contentType: false,
+        // enctype: 'json',
+        // data: formData,
+        success: function(data){
+            console.log('data received')
+            // location.href = '/profile'
+            document.querySelector(".info_profile").innerHTML = data.html;
+
+
+        },
+        error: function (data, exception){
+            console.log(400)
+
+        }
+    });
+}
+function mySubscription(){
+    $.ajax({
+        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+        url: '/ru/user_account/subscribe/',
+        type: "POST",
+        // async: true,
+        cache: false,
+        processData: false,
+        contentType: false,
+        // enctype: 'json',
+        // data: formData,
+        success: function(data){
+            console.log('data received')
+            // location.href = '/profile'
+            document.querySelector(".info_profile").innerHTML = data.html;
+
+
+        },
+        error: function (data, exception){
+            console.log(400)
+
+        }
+    });
+}
+function myProfile(){
+    $.ajax({
+        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
+        url: '/ru/user_account/change_profile/',
+        type: "POST",
+        // async: true,
+        cache: false,
+        processData: false,
+        contentType: false,
+        // enctype: 'json',
+        // data: formData,
+        success: function(data){
+            console.log('data received')
+            // location.href = '/profile'
+            document.querySelector(".info_profile").innerHTML = data.html;
+
+
+        },
+        error: function (data, exception){
+            console.log(400)
+
+        }
+    });
+}
\ No newline at end of file
diff --git a/templates/blocks/b_user_profile.html b/templates/blocks/b_user_profile.html
index 69d9e94..8e39b96 100644
--- a/templates/blocks/b_user_profile.html
+++ b/templates/blocks/b_user_profile.html
@@ -13,19 +13,19 @@
           <img class="svg" src="/static/img/svg/Cards.svg">
           <a href="#">Мои объявления</a>
         </div>
-        <div>
+        <div onclick="writeMessage()">
           <img class="svg" src="/static/img/svg/ChatCircleDots.svg">
           <a href="#">Написать сообщение</a>
         </div>
-        <div>
+        <div onclick="technicalSupport()">
           <img class="svg" src="/static/img/svg/Headset.svg">
           <a href="#">Тех. поддержка</a>
         </div>
-         <div>
+         <div onclick="mySubscription()">
           <img class="svg" src="/static/img/svg/CurrencyDollar.svg">
           <a href="#">Моя подписка</a>
         </div>
-        <div>
+        <div onclick="myProfile()">
           <img class="svg" src="/static/img/svg/User.svg">
           <a href="#">Мой профиль</a>
         </div>
diff --git a/templates/blocks/profile/b_my_routes.html b/templates/blocks/profile/b_my_routes.html
index 49cd795..7a08422 100644
--- a/templates/blocks/profile/b_my_routes.html
+++ b/templates/blocks/profile/b_my_routes.html
@@ -1,33 +1,3 @@
 <div>
-    {% for route in routes %}
-        <div class="wraper">
-            <div class="route_info">
-                {{ route.get_cargo_type_display }}
-                {{ route.weight }}
-                {{ route.get_type_transport_display }}
-                    <div class="route_info_point">
-                        {{ route.from_address_point }}
-                        {{ route.to_adress_point }}
-                    </div>
-                    <div class="route_info_date">
-                       Отправка: {{route.departure_DT  }}
-                       Прибытие: {{route.arrival_DT  }}
-                    </div>
-                    <div class="route_info_ft_place">
-                        Откуда заберёт:{{ route.from_place }}
-                        Куда доставит:{{ route.to_place }}
-                    </div>
-
-
-            </div>
-
-            <div class="route_contact">
-
-
-
-
-            </div>
-        </div>
-
-    {% endfor %}
+    {% include 'widgets/w_route_info.html' %}
 </div>
\ No newline at end of file
diff --git a/templates/blocks/profile/b_new_msg_to_support.html b/templates/blocks/profile/b_new_msg_to_support.html
index 566549b..8447962 100644
--- a/templates/blocks/profile/b_new_msg_to_support.html
+++ b/templates/blocks/profile/b_new_msg_to_support.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
+<div>Тех поддрежка</div>
\ No newline at end of file
diff --git a/templates/blocks/profile/b_new_msg_to_user.html b/templates/blocks/profile/b_new_msg_to_user.html
index 566549b..d4bdd9c 100644
--- a/templates/blocks/profile/b_new_msg_to_user.html
+++ b/templates/blocks/profile/b_new_msg_to_user.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
+<div>Написать сообщение</div>
\ No newline at end of file
diff --git a/templates/blocks/profile/b_new_route.html b/templates/blocks/profile/b_new_route.html
index 28f59f1..0e25838 100644
--- a/templates/blocks/profile/b_new_route.html
+++ b/templates/blocks/profile/b_new_route.html
@@ -148,25 +148,40 @@
   <div>
     <label for="id_cargo_type">{{ form.fields.cargo_type.label }}</label>
   </div>
-<div>
-    <select
-            multiple
-            size="5"
-            name="cargo_type"
-            id="id_cargo_type"
-            {% if form.fields.cargo_type.required %} required{% endif %}>
-            {% for item in form.fields.cargo_type.choices  %}
-                <option
-                        value="{{ item.0 }}"{% if form.fields.cargo_type == item.0 %}
-                        selected="selected"{% endif %}>{{ item.1 }}
-                </option>
-            {% endfor %}
+{#<div>#}
+{#    <select#}
+{#            multiple#}
+{#            size="5"#}
+{#            name="cargo_type"#}
+{#            id="id_cargo_type"#}
+{#            {% if form.fields.cargo_type.required %} required{% endif %}>#}
+{#            {% for item in form.fields.cargo_type.choices  %}#}
+{#                <option#}
+{#                        value="{{ item.0 }}"{% if form.fields.cargo_type == item.0 %}#}
+{#                        selected="selected"{% endif %}>{{ item.1 }}#}
+{#                </option>#}
+{#            {% endfor %}#}
+{##}
+{#    </select>#}
 
-    </select>
-    {% if form.errors and form.errors.cargo_type %}
+{#  </div>#}
+
+<div>
+            {% for item in form.fields.cargo_type.choices  %}
+                <input
+                        type="checkbox"
+                        name="cargo_type"
+                        id="id_cargo_type"
+                        {% if form.fields.cargo_type.required %} required{% endif %}
+                        value="{{ item.0 }}"
+                        {% if form.fields.cargo_type == item.0 %}
+                        {% endif %}/>{{ item.1 }}
+            {% endfor %}
+     {% if form.errors and form.errors.cargo_type %}
                      <span>{{ form.errors.cargo_type }}</span>
                  {% endif %}
-  </div>
+</div>
+
 
 <hr>
 
diff --git a/templates/blocks/profile/b_profile.html b/templates/blocks/profile/b_profile.html
index 566549b..0cf402f 100644
--- a/templates/blocks/profile/b_profile.html
+++ b/templates/blocks/profile/b_profile.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
+<div>Мой профиль</div>
\ No newline at end of file
diff --git a/templates/blocks/profile/b_subscribe.html b/templates/blocks/profile/b_subscribe.html
index 566549b..e7c20a7 100644
--- a/templates/blocks/profile/b_subscribe.html
+++ b/templates/blocks/profile/b_subscribe.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
+<div>Моя подписка</div>
\ No newline at end of file
diff --git a/templates/pages/profile/p_user_profile.html b/templates/pages/profile/p_user_profile.html
index bbf762e..c7dd895 100644
--- a/templates/pages/profile/p_user_profile.html
+++ b/templates/pages/profile/p_user_profile.html
@@ -9,6 +9,7 @@
             <script src='{% static "js/jquery_v3_6_4.js" %}'> </script>
             <script src='{% static "js/ion.rangeSlider.min.js" %}'> </script>
             <script src='{% static "js/autocomlite.js" %}'> </script>
+            <script src='{% static "js/user_profile.js" %}'> </script>
 
             <link rel="stylesheet" href="{% static 'css/ion.rangeSlider.min.css' %}">
 
diff --git a/templates/widgets/w_route_info.html b/templates/widgets/w_route_info.html
new file mode 100644
index 0000000..9810cae
--- /dev/null
+++ b/templates/widgets/w_route_info.html
@@ -0,0 +1,34 @@
+    {% for route in routes %}
+        <div class="my_route">
+            <div class="route_info">
+                {{ route.get_cargo_type_display }}
+                {{ route.weight }}
+                {{ route.get_type_transport_display }}
+                    <div class="route_info_point">
+                        {{ route.from_country }}/{{ route.from_city }}
+                        {{ route.to_country }}/{{ route.to_city }}
+                    </div>
+                    <div class="route_info_date">
+                       Отправка: {{route.departure_DT  }}
+                       Прибытие: {{route.arrival_DT  }}
+                    </div>
+                    <div class="route_info_ft_place">
+                        Откуда заберёт:{{ route.from_place }}
+                        Куда доставит:{{ route.to_place }}
+                    </div>
+            </div>
+
+            <div class="route_contact">
+
+                Контакты перевозчика:
+                {{ route.owner.last_name }} {{ route.owner.first_name }}
+                {{ route.phone }}
+                {{ route.extra_phone }}
+                {{ route.owner.email }}
+
+
+
+            </div>
+        </div>
+
+    {% endfor %}