0.0.36

static/css/styles(boris).css

@@ -26,6 +26,10 @@
     margin: auto;
 }
 
+.clear_both{
+    clear: both;
+}
+
 /**/
 
 .title-profile-cont{
@@ -672,4 +676,57 @@
 
 .block-filters-find-route{
     min-height: 660px;
+    background: #FFFFFF;
+    box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
+    width: 30%;
+    float: left;
+}
+
+.block-finded-routes{
+    width: 68%;
+    float: right;
+    /*display: inline-block;*/
+}
+
+.carrier-card{
+    width: 100%;
+    /*height: 830px;*/
+    background: #FFFFFF;
+    box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
+    margin-bottom: 20px;
+    border-radius: 10px;
+    padding: 20px;
+}
+
+.left-part-carrier-card{
+    width: 70%;
+    float: left;
+}
+
+.first-line-card-carrier{
+    margin-bottom: 20px;
+}
+
+.carrier-title{
+    font-size: 20px;
+    font-weight: 500;
+    color: #272424;
+    width: 50%;
+    float: left;
+    text-align: left;
+    display: block;
+}
+
+.type_transportation_carrier{
+    width: 50%;
+    float: right;
+    text-align: -webkit-right;
+    display: block;
+}
+
+.from-to-country-container-carrier{
+    width: 90%;
+    margin: auto;
+    background: #F8F8F8;
+    box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
 }

templates/pages/p_results_find_route.html

@@ -13,8 +13,13 @@
 
             </div>
             <div class="block-finded-routes">
+                {% for route in routes %}
+                    {% include "widgets/w_carrier_card.html" %}
+                {% endfor %}
+
 
             </div>
+            <div class="clear_both"></div>
         </div>
     </div>
 

templates/small_INCLUDES/carrier_card/inf_about_moving.html

@@ -0,0 +1,10 @@
+{% load static %}
+<div>
+    <div>
+
+    </div>
+    <img>
+    <div>
+
+    </div>
+</div>

templates/widgets/w_carrier_card.html

@@ -0,0 +1,27 @@
+{% load static %}
+<div class="carrier-card">
+    <div class="left-part-carrier-card">
+        <div class="first-line-card-carrier">
+            <div class="carrier-title">
+                Перевозчик:
+            </div>
+            <div class="type_transportation_carrier">
+                {{ route.get_type_transport_display }}
+            </div>
+        </div>
+        <div class="from-to-country-container-carrier">
+            <div>
+                {{ route.get_from_place_display }}
+            </div>
+            <div></div>
+            <div>
+                {{ route.get_to_place_display }}
+            </div>
+        </div>
+        {% include "small_INCLUDES/carrier_card/inf_about_moving.html" %}
+    </div>
+    <div>
+
+    </div>
+    <div class="clear_both"></div>
+</div>