diff --git a/frontend/simple/classes/DisplayController.php b/frontend/simple/classes/DisplayController.php index 4fe0611a8..271cfea89 100644 --- a/frontend/simple/classes/DisplayController.php +++ b/frontend/simple/classes/DisplayController.php @@ -122,9 +122,13 @@ class DisplayController{ echo ''; // POMEMBNE POVEZAVE - echo '

'.$lang["povezave_pomembne_povezave"].'

'; + echo '
'; + echo '

'.$lang["povezave_pomembne_povezave"].'

'; - echo '
'; + echo '
'; + + echo '
'; + echo 'kako deluje'; + echo '

'.$lang["povezave__kako_deluje_h2"].'

'; + echo '

'.$lang["povezave__kako_deluje_text"].'

'; + echo ' '.$lang["povezave_preberi_vec"].'hero image '; + echo '
'; + + echo '
'; + echo 'o 1ka'; + echo '

'.$lang["povezave_o_1ka_h2"].'

'; + echo '

'.$lang["povezave_o_1ka_text"].'

'; + echo ' '.$lang["povezave_preberi_vec"].'hero image '; + echo '
'; + + echo '
'; + echo '1ka podpora'; + echo '

'.$lang["povezave_1ka_podpora_h2"].'

'; + echo '

'.$lang["povezave_1ka_podpora_text"].'

'; + echo ' '.$lang["povezave_preberi_vec"].'hero image '; + echo '
'; + + echo '
'; + echo 'arnes podpora'; + echo '

'.$lang["povezave_arnes_podpora_h2"].'

'; + echo '

'.$lang["povezave_arnes_podpora_text"].'

'; + echo ' '.$lang["povezave_preberi_vec"].'hero image '; + echo '
'; - echo '
'; - echo 'kako deluje'; - echo '

'.$lang["povezave__kako_deluje_h2"].'

'; - echo '

'.$lang["povezave__kako_deluje_text"].'

'; - echo ' '.$lang["povezave_preberi_vec"].'hero image '; echo '
'; - - echo '
'; - echo 'o 1ka'; - echo '

'.$lang["povezave_o_1ka_h2"].'

'; - echo '

'.$lang["povezave_o_1ka_text"].'

'; - echo ' '.$lang["povezave_preberi_vec"].'hero image '; - echo '
'; - - echo '
'; - echo '1ka podpora'; - echo '

'.$lang["povezave_1ka_podpora_h2"].'

'; - echo '

'.$lang["povezave_1ka_podpora_text"].'

'; - echo ' '.$lang["povezave_preberi_vec"].'hero image '; - echo '
'; - - echo '
'; - echo 'arnes podpora'; - echo '

'.$lang["povezave_arnes_podpora_h2"].'

'; - echo '

'.$lang["povezave_arnes_podpora_text"].'

'; - echo ' '.$lang["povezave_preberi_vec"].'hero image '; - echo '
'; - echo '
'; diff --git a/frontend/simple/css/aai.css b/frontend/simple/css/aai.css index 2e3c3e969..a5195f53f 100644 --- a/frontend/simple/css/aai.css +++ b/frontend/simple/css/aai.css @@ -15,6 +15,9 @@ body { display: none; } +body.landing_page #content.aai #main { + background-image: none; +} header { padding: 0px; @@ -30,8 +33,10 @@ header .nav-desktop span.menu_item a { font-weight: 400; font-size: 16px; line-height: 42px; + } + header nav span.menu_item a:hover { color: #F07D3E; } @@ -44,9 +49,6 @@ header nav span.lang_switch img { margin-right: 8px; } -header nav span.lang_switch span { - line-height: 26px; -} #header-btn { @@ -58,8 +60,8 @@ header nav span.lang_switch span { height: 44px; padding: 9px 16px; gap: 10px; + font-weight: 700; - text-transform: none; } @@ -95,7 +97,7 @@ header nav span.lang_switch span { .hero-container .text { text-align: left; - max-width: 350px; + max-width: 50%; margin-right: 10px; font-size: 18px; @@ -110,6 +112,9 @@ header nav span.lang_switch span { margin-bottom: 25px; } .hero-container .text p{ + max-width: 390px; + + margin-top: 0px; margin-bottom: 25px; } @@ -117,9 +122,14 @@ header nav span.lang_switch span { .hero-container a { display: flex; justify-content: space-between; + align-items: center; - padding: 8px 16px; - width: 200px; + font-size: 16px; + font-weight: 600; + + padding: 0px 16px; + height: 50px; + width: 320px; background-color: #F07D3E; border: 1px solid #F07D3E; color: white; @@ -145,7 +155,10 @@ header nav span.lang_switch span { max-width: auto; } - +.pomembne_povezave { + background-color: #FCFCFC; + padding-bottom: 210px; +} .povezave { @@ -161,7 +174,7 @@ header nav span.lang_switch span { line-height: 36px; text-align: center; - margin-bottom: 50px; + margin-bottom: 70px; } @@ -181,10 +194,11 @@ header nav span.lang_switch span { text-align: center; + max-width: 25%; } .povezave .col p { - height: 110px; + min-height: 110px; max-width: 253px; font-style: normal; @@ -200,16 +214,19 @@ header nav span.lang_switch span { #povezave-btn { display: flex; justify-content: space-between; + align-items: center; background-color: #F07D3E; border: 1px solid #F07D3E; color: white; font-size: 16px; + font-weight: 600; line-height: 26px; - padding: 12px 16px; + padding: 0px 16px; margin: 0px 20px; max-width: 196px; + height: 50px; background: linear-gradient(to left, #F07D3E 50%, white 50%) right; background-size: 200%; @@ -226,10 +243,8 @@ header nav span.lang_switch span { background-position: left; } - -footer .footer_content { - padding: 0px; - margin-top: 210px; +footer { + width: 100%; } footer h2 { @@ -238,7 +253,8 @@ footer h2 { font-size: 18px; line-height: 24px; - margin-bottom: 12px; + margin: 0px; + padding-bottom: 12px; } @@ -257,8 +273,12 @@ footer .col a { opacity: 0.8; } +footer .footer_content { + padding: 0px; +} + footer .footer_content .col span { - font-weight: 400; + font-weight: 400; } footer .footer_content .col span a { color: #343434; @@ -378,6 +398,8 @@ input[type=button]:hover, .povezave .col { margin: auto; margin-top: 50px; + width: auto; + max-width: none; } @@ -395,9 +417,9 @@ input[type=button]:hover, display: grid; grid-template-columns: 1fr 1fr 1fr ; grid-template-rows: 1fr 2fr; - } + footer .footer_content .col{ /* border: 1px solid red; */ diff --git a/public/img/logo/1KA_namestitev.svg b/public/img/logo/1KA_namestitev.svg new file mode 100644 index 000000000..551565d50 --- /dev/null +++ b/public/img/logo/1KA_namestitev.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/img/logo/Arnes.svg b/public/img/logo/Arnes.svg new file mode 100644 index 000000000..1e6e8898e --- /dev/null +++ b/public/img/logo/Arnes.svg @@ -0,0 +1,9 @@ + + + + + + + + +