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 '<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.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 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.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 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.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 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.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>';

View File

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

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