0.0.121 add static_page advertisement

static/css/styles.css

@@ -802,7 +802,7 @@ input.deactive {
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
     position: absolute;
     bottom: -10%;
-    left: 37%;
+    left: 40%;
     height: fit-content;
     width: 250px;
     padding: 10px;
@@ -1105,7 +1105,10 @@ select {
 
 .errorlist>li{
     color:red;
-
+    margin-left: 12px;
+}
+span.errorlist{
+    color: red;
 }
 
 .receive_msg_by_email{
@@ -1256,6 +1259,7 @@ form.new_route{
     width: 392px;
     height: 60px;
     margin-top: 10px;
+    padding-left: 10px;
 }
 
 
@@ -1282,7 +1286,8 @@ div.departure_arrival>div>input{
     appearance: none;
     width: 392px;
     height: 60px;
-    padding-left: 2px;
+    padding-left: 10px;
+    padding-right: 10px;
     margin-top: 10px;
 
 
@@ -1401,6 +1406,7 @@ div.from_to_place>div>select{
   line-height: 22px;
   appearance: none;
   margin-top: 20px;
+  padding-left: 10px;
 }
 
 
@@ -1616,6 +1622,103 @@ button.cancel_remove{
     font-weight: 600;
 }
 
+
+/*Static_pages*/
+h2#title_static{
+    text-align: center;
+    font-family: Inter;
+    font-size: 44px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 52px;
+    margin-bottom: 20px;
+}
+span#sub_title_static{
+    display: block;
+    text-align: center;
+    margin-bottom: 40px;
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 22px;
+}
+button#more_button{
+    display: block;
+    height: 60px;
+    width: 20%;
+    background: #FF613A;
+    color: #FFF;
+    font-family: Inter;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 600;
+    text-decoration: none;
+    line-height: 26px;
+    border-radius: 10px;
+    text-align: center;
+    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
+    margin: 0 auto;
+
+
+}
+
+.top_block_static{
+    position: relative;
+    width: 80%;
+    height: 194px;
+    margin: auto;
+    padding: 0px 40px;
+}
+.top_block_static img{
+ position: absolute;
+ }
+
+.top_block_static img:nth-child(4) {
+  bottom: 0; /* Положение нижнего левого изображения */
+  left: 129px;
+  bottom: -26px;
+
+
+}
+
+.top_block_static img:nth-child(5) {
+  top: 11px; /* Положение верхнего левого изображения */
+  left: 0;
+
+
+}
+
+.top_block_static img:nth-child(6) {
+  /* Положение нижнего правого изображения */
+  bottom: -33px;
+  right: 126px;
+  top: 58px;
+
+}
+
+.top_block_static img:nth-child(7) {
+  top: 0; /* Положение верхнего правого изображения */
+  right: 0;
+
+}
+
+
+.mid_block_static{
+    margin-top: 120px;
+
+}
+.benefit_img{
+    display: flex;
+    height: 211px;
+    align-items: flex-start;
+    gap: 74px;
+    padding: 20px 40px 0px 40px;
+}
+
+
+/*end_static_pages*/
+
 /*my routes END*/