diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index a00b718..05376d3 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -888,4 +888,95 @@ body.n_scroll{ width: 100%; height: 100%; object-fit: scale-down; +} + +/* functional features*/ + +.content_block_functional_features{ + width: 100%; + position: relative; + display: flex; + justify-content: right; + flex-wrap: wrap; + +} + +.first_line_block_functional_features{ + display: flex; + width: 100%; + flex-direction: row; + justify-content: space-between; +} + +.title_block_functional_features{ + font-size: 36px; + margin-bottom: 30px; +} + +.container_image_block_functional_features{ + width: 45%; +} + +.image_functional_features{ + max-width: 100%; + object-fit: scale-down; + border-radius: 10px; +} + +.container_txt_first_line_block_functional_features{ + width: 50%; +} + +.functional_features_option_txt{ + margin-bottom: 15px; +} + +.container_content_functional_features_block_items{ + border-radius: 5px; + background: rgba(255, 255, 255, 0.80); + box-shadow: 1px 1px 10px 0 rgba(16, 33, 43, 0.10); + width: calc(90% - 50px); + padding: 25px 15px; + position: relative; + top: -80px; + display: flex; + flex-wrap: wrap; +} + +.container_content_features_block_item{ + width: 18.18568515%; + display: block; + margin-left: 10px; + margin-right: 10px; +} + +.container_content_features_block_item.bottom{ + margin-bottom: 100px; +} + +.img_item_container_functional_features{ + width: 100%; +} + +.img_item_functional_features{ + max-width: 100%; + object-fit: scale-down; +} + +.description_item_features_container{ + font-size: 14px; + font-weight: 300; + color: #000000; +} + +.title_item_features_container{ + font-weight: 500; + font-size: 16px; + margin-bottom: 15px; + text-align: center; +} + +.options_functional_features{ + height: 215px; + overflow: hidden; } \ No newline at end of file diff --git a/static/aerbimCSSMOBILE.css b/static/aerbimCSSMOBILE.css index bff6f24..cb4ff2f 100644 --- a/static/aerbimCSSMOBILE.css +++ b/static/aerbimCSSMOBILE.css @@ -216,6 +216,7 @@ .section_btn:hover{ height: unset; border-radius: 0; + bottom: 0; } .img_go_to_section{ width: 8px; diff --git a/static/images/delete_later/image_for_test_functional_features_item.png b/static/images/delete_later/image_for_test_functional_features_item.png new file mode 100644 index 0000000..03b3ef1 Binary files /dev/null and b/static/images/delete_later/image_for_test_functional_features_item.png differ diff --git a/static/images/delete_later/image_functional_features.jpg b/static/images/delete_later/image_functional_features.jpg new file mode 100644 index 0000000..9bb74ef Binary files /dev/null and b/static/images/delete_later/image_functional_features.jpg differ diff --git a/templates/blocks/b_functional_features.html b/templates/blocks/b_functional_features.html new file mode 100644 index 0000000..f17d9dd --- /dev/null +++ b/templates/blocks/b_functional_features.html @@ -0,0 +1,40 @@ +{% load static %} +