may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AAI - spremembe šrin containerjev ( header še treba rešiti) , footer mobile

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-15 11:20:14 +02:00
parent 6c586ffe7e
commit a4a6104baf
2 changed files with 107 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
frontend/simple/classes/DisplayController.php
View File

@ -117,6 +117,10 @@ class DisplayController{
global $site_url;
global $lang;
// if(isAAI()){
// echo '<div class="header_container">';
// }
// Logo v glavi
echo '<div class="logo ">';
@ -223,7 +227,9 @@ class DisplayController{
echo '</nav>';
}
// if(isAAI()){
// echo '</div>';
// }
}
@ -458,39 +464,41 @@ class DisplayController{
echo '</div>';
// POMEMBNE POVEZAVE
echo '<div class="pomembne_povezave">';
echo '<h2 class="title">'.$lang["povezave_pomembne_povezave"].'</h2>';
echo '<div class=povezave_container>';
echo '<div class="pomembne_povezave">';
echo '<h2 class="title">'.$lang["povezave_pomembne_povezave"].'</h2>';
echo '<div class="povezave">';
echo '<div class="povezave">';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_kako_deluje.svg" alt="kako deluje">';
echo '<h2>'.$lang["povezave__kako_deluje_h2"].'</h2>';
echo '<p> '.$lang["povezave__kako_deluje_text"].' </p>';
echo '<a id="povezave-btn"href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_o_1ka.svg" alt="o 1ka">';
echo '<h2>'.$lang["povezave_o_1ka_h2"].'</h2>';
echo '<p> '.$lang["povezave_o_1ka_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/o-1ka/splosen-opis"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_1ka_podpora.svg" alt="1ka podpora">';
echo '<h2>'.$lang["povezave_1ka_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_1ka_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_arnes_podpora.svg" alt="arnes podpora">';
echo '<h2>'.$lang["povezave_arnes_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_arnes_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.arnes.si/zavod-arnes/kontakti/"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_kako_deluje.svg" alt="kako deluje">';
echo '<h2>'.$lang["povezave__kako_deluje_h2"].'</h2>';
echo '<p> '.$lang["povezave__kako_deluje_text"].' </p>';
echo '<a id="povezave-btn"href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_o_1ka.svg" alt="o 1ka">';
echo '<h2>'.$lang["povezave_o_1ka_h2"].'</h2>';
echo '<p> '.$lang["povezave_o_1ka_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/o-1ka/splosen-opis"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_1ka_podpora.svg" alt="1ka podpora">';
echo '<h2>'.$lang["povezave_1ka_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_1ka_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.1ka.si/d/sl/pomoc"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_arnes_podpora.svg" alt="arnes podpora">';
echo '<h2>'.$lang["povezave_arnes_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_arnes_podpora_text"].' </p>';
echo ' <a id="povezave-btn" href="https://www.arnes.si/zavod-arnes/kontakti/"> '.$lang["povezave_preberi_vec"].'<img src="public/img/icons/chevron_orange.svg" alt="hero image"> </a>';
echo '</div>';
echo '</div>';
echo '</div>';

77
frontend/simple/css/aai.css
View File

@ -5,15 +5,21 @@
}
.cookie_notice {
max-width: 1160px;
max-width: 100%;
}
body {
max-width: 1160px;
margin: auto;
color: #343434;
}
#main {
background-color: white;
}
#main .main_content {
max-width: unset;
}
/* nav */
.mobile{
display: none;
@ -25,9 +31,13 @@ body.landing_page #content.aai #main {
header {
height: unset;
padding-top: 13px;
align-items: flex-end;
padding-top: unset;
}
header .header_container{
height: unset;
padding-top: 13px;
}
header .nav-desktop span.menu_item {
@ -107,10 +117,13 @@ header nav span.lang_switch img {
justify-content: space-between;
align-items: center;
max-width: 1160px;
height: auto;
padding-top: 105px;
padding-bottom: 110px;
padding-bottom: 105px;
margin: auto;
}
@ -180,10 +193,19 @@ header nav span.lang_switch img {
max-width: auto;
}
.pomembne_povezave {
.povezave_container {
max-width: 100%;
background-color: #FCFCFC;
}
.pomembne_povezave {
max-width: 1160px;
padding-top: 110px;
padding-bottom: 210px;
margin: auto;
}
.povezave {
@ -258,7 +280,7 @@ header nav span.lang_switch img {
justify-content: space-between;
align-items: center;
background-color: white;
/* background-color: white; */
border: 1px solid #F07D3E;
color: #F07D3E;
font-size: 16px;
@ -286,7 +308,12 @@ header nav span.lang_switch img {
footer {
width: 100%;
/* max-width: 1160px;
margin: auto; */
}
footer .footer_content {
max-width: 1160px;
margin: auto;
}
footer h2 {
@ -760,6 +787,8 @@ input[type=button]:hover,
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0px 20px;
}
footer .footer_content h2 {
@ -798,7 +827,7 @@ input[type=button]:hover,
footer .footer_content .col1{
max-width: 100%;
width: 100%;
border: 1px solid red;
/* border: 1px solid red; */
}
@ -822,3 +851,33 @@ input[type=button]:hover,
}
@media screen and (max-width: 345px) {
footer .footer_content {
flex-direction: column;
align-items: center;
}
footer .footer_content .col {
max-height: unset;
text-align: center;
}
footer .footer_content .col h2 {
text-align: center;
}
footer .footer_content .col1 .col1-flex {
max-height: unset;
align-items: center;
}
footer .footer_content .col3 {
max-width: unset;
width: unset;
}
footer .footer_content .col3 .social_logo_flex {
padding-left: 10px;
}
}