AAI pomembne povezave-btn barva / ikona
This commit is contained in:
parent
ccb04c71c2
commit
def4edef0a
@ -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>';
|
||||||
|
@ -249,32 +249,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%;
|
||||||
}
|
}
|
||||||
|
3
public/img/icons/chevron_orange.svg
Normal file
3
public/img/icons/chevron_orange.svg
Normal 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 |
Loading…
x
Reference in New Issue
Block a user