This commit is contained in:
pero1203 2022-06-14 11:25:06 +02:00
commit bef008eb0e
3 changed files with 33 additions and 38 deletions

View File

@ -462,28 +462,28 @@ class DisplayController{
echo '<img class="povezave_img" src="public/img/icons/icon_kako_deluje.svg" alt="kako deluje">'; 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 '<h2>'.$lang["povezave__kako_deluje_h2"].'</h2>';
echo '<p> '.$lang["povezave__kako_deluje_text"].' </p>'; 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.svg" alt="hero image"> </a>'; 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>';
echo '<div class= "col"> '; echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_o_1ka.svg" alt="o 1ka">'; 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 '<h2>'.$lang["povezave_o_1ka_h2"].'</h2>';
echo '<p> '.$lang["povezave_o_1ka_text"].' </p>'; 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.svg" alt="hero image"> </a>'; 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>';
echo '<div class= "col"> '; echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_1ka_podpora.svg" alt="1ka podpora">'; 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 '<h2>'.$lang["povezave_1ka_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_1ka_podpora_text"].' </p>'; 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.svg" alt="hero image"> </a>'; 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>';
echo '<div class= "col"> '; echo '<div class= "col"> ';
echo '<img class="povezave_img" src="public/img/icons/icon_arnes_podpora.svg" alt="arnes podpora">'; 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 '<h2>'.$lang["povezave_arnes_podpora_h2"].'</h2>';
echo '<p> '.$lang["povezave_arnes_podpora_text"].' </p>'; 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.svg" alt="hero image"> </a>'; 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>'; echo '</div>';

View File

@ -4,6 +4,10 @@
font-family: "Source Sans Pro","sans-serif"; font-family: "Source Sans Pro","sans-serif";
} }
.cookie_notice {
max-width: 1160px;
}
body { body {
max-width: 1160px; max-width: 1160px;
margin: auto; margin: auto;
@ -202,7 +206,7 @@ header nav span.lang_switch img {
font-size: 18px; font-size: 18px;
line-height: 23px; line-height: 23px;
margin-top: 20px; margin-top: 25px;
margin-bottom: 8px; margin-bottom: 8px;
@ -212,17 +216,12 @@ header nav span.lang_switch img {
text-align: center; text-align: center;
max-width: min(254px,25%); max-width: min(254px,25%);
flex: 1;
margin-right: 25px;
} }
.povezave .col:nth-of-type(1) { .povezave .col:last-child{
margin-right: 5px; margin-right: 0px;
}
.povezave .col:nth-of-type(4) {
margin-left: 5px;
}
.povezave .col:nth-of-type(2),
.povezave .col:nth-of-type(3) {
margin-left: 5px;
margin-right: 5px;
} }
.povezave_img{ .povezave_img{
@ -242,7 +241,7 @@ header nav span.lang_switch img {
margin-top: 0px; margin-top: 0px;
margin-bottom: 25px; margin-bottom: 25px;
} }
@media screen and (max-width: 910px) { @media screen and (max-width: 955px) {
.povezave .col p { .povezave .col p {
min-height: 110px; min-height: 110px;
margin-bottom: 0px; margin-bottom: 0px;
@ -254,32 +253,33 @@ header nav span.lang_switch img {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: #F07D3E; background-color: white;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
color: white; color: #F07D3E;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
line-height: 26px; line-height: 26px;
padding: 11px 16px; padding: 11px 16px;
margin: 0px 20px; margin: 0px auto;
max-width: 165px; max-width: 165px;
background: linear-gradient(to left, #F07D3E 50%, white 50%) right; background: linear-gradient(to left, white 50%, #F07D3E 50%) right;
background-size: 200%; background-size: 200%;
transition: .3s ease-out; transition: .3s ease-out;
} }
#povezave-btn:hover { #povezave-btn:hover {
color: #F07D3E; color: white;
background-color: white; background-color: #F07D3E;
border: 1px solid #F07D3E; border: 1px solid #F07D3E;
background-position: left; background-position: left;
} }
footer { footer {
width: 100%; width: 100%;
} }
@ -456,23 +456,15 @@ input[type=button]:hover,
} }
.povezave .col { .povezave .col {
margin: auto;
margin-top: 50px; margin-top: 50px;
width: auto; width: auto;
max-width: none; max-width: none;
} }
.povezave .col:nth-of-type(1), .povezave .col:last-child{
.povezave .col:nth-of-type(3) { margin-right: 25px;
margin-left: 20px;
margin-right: 30px;
}
.povezave .col:nth-of-type(2),
.povezave .col:nth-of-type(4) {
margin-right: 20px;
margin-left: 0px;
} }
.povezave .col p { .povezave .col p {
max-width: 392px; max-width: 392px;
@ -480,11 +472,11 @@ input[type=button]:hover,
min-height: unset; min-height: unset;
margin-bottom: 25px; margin-bottom: 25px;
} }
@media screen and (max-width: 739px) { /* @media screen and (max-width: 739px) {
.povezave .col p { .povezave .col p {
min-height: 80px; min-height: 80px;
} }
} } */
#povezave-btn { #povezave-btn {
margin: 0px auto; margin: 0px auto;
@ -505,7 +497,7 @@ input[type=button]:hover,
/* border: 1px solid red; */ /* border: 1px solid red; */
max-width: 100%; max-width: 100%;
width: auto; width: auto;
} }
footer .footer_content .col .logo_holder{ footer .footer_content .col .logo_holder{
@ -766,7 +758,7 @@ input[type=button]:hover,
max-height: 180px; max-height: 180px;
text-align: left; text-align: left;
} }
footer .footer_content .col span { footer .footer_content .col span {

View File

@ -0,0 +1,3 @@
<svg width="8" height="13" viewBox="0 0 8 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.642822 10.3768L4.92854 6.09113L0.642822 1.80541L1.49997 0.0911255L7.49997 6.09113L1.49997 12.0911L0.642822 10.3768Z" fill="#F07D3E"/>
</svg>

After

Width:  |  Height:  |  Size: 247 B