diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index a848325..d4cde21 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -495,3 +495,76 @@ body,html{ .logo_3d_sec_designer{ width: 300px; } + +/*faq*/ + +.large_txt.faq{ + width: 100%; + text-align: center; +} + +.container_content_faq{ + margin: 0 170px; + padding-bottom: 90px; +} + +.faqs_container{ + width: 100%; + display: block; + margin-top: 40px; +} + +.faq_container{ + width: 100%; + background: #ffffff; + box-shadow: 3px 4px 5.3px 0 rgba(151, 167, 176, 0.20); +} + +.first_line_faq{ + width: 100%; +} + +.container_content_first_line{ + padding: 22px; + width: calc(100% - 44px); +} +.name_faq{ + float: left; + width: calc(100% - 25px); + margin-right: 10px; +} + +.faq_icon{ + width: 15px; + float: right; +} + +.faq_icon_img{ + width: 15px; + display: block; + position: relative; + top: 6px; +} + +.faq_container.open .faq_icon_img{ + transition: 200ms; + transform: rotate(180deg); +} +.faq_container.close .faq_icon_img{ + transition: 200ms; + transform: rotate(0deg); +} + +.faq_container.close .faq_content{ + display: none; +} + +.faq_container.open .faq_content{ + display: block; +} + +.faq_content{ + color: #000000; + padding: 20px; + width: calc(100% - 40px); +} \ No newline at end of file diff --git a/static/aerbimJS.js b/static/aerbimJS.js index b9d1e91..1a3279e 100644 --- a/static/aerbimJS.js +++ b/static/aerbimJS.js @@ -63,4 +63,10 @@ function replaceHrefOnOnclick () { } i++ }) +} + +function faq_open_close () { + let faq = document.querySelector(".faq_container") + faq.classList.toggle("open") + faq.classList.toggle("close") } \ No newline at end of file diff --git a/templates/blocks/b_faq.html b/templates/blocks/b_faq.html index e6875cd..8723add 100644 --- a/templates/blocks/b_faq.html +++ b/templates/blocks/b_faq.html @@ -1,18 +1,25 @@ {% load static %} {% load i18n %} -