aai pomembne_povezave / footer

This commit is contained in:
Nejc Kovač 2022-06-10 13:41:11 +02:00
parent 1a156e461a
commit 1e4b0d5679
3 changed files with 48 additions and 20 deletions

View File

@ -459,28 +459,28 @@ class DisplayController{
echo '<div class="povezave">';
echo '<div class= "col"> ';
echo '<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 '<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 '</div>';
echo '<div class= "col"> ';
echo '<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 '<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 '</div>';
echo '<div class= "col"> ';
echo '<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 '<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 '</div>';
echo '<div class= "col"> ';
echo '<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 '<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>';

View File

@ -203,7 +203,11 @@ header nav span.lang_switch img {
text-align: center;
max-width: 25%;
max-width: min(254px,25%);
}
.povezave_img{
height: 100px;
width: 100px;
}
.povezave .col p {
@ -264,7 +268,9 @@ footer h2 {
margin: 0px;
padding-bottom: 12px;
}
footer .footer_content .col4 h2 {
padding-bottom: 24px;
}
footer .col a {
@ -288,6 +294,11 @@ footer .footer_content {
padding: 0px;
}
footer .footer_content .col {
max-width: 254px;
}
footer .footer_content .col span {
font-weight: 400;
}
@ -300,9 +311,21 @@ footer .footer_content .col1 .col1-flex {
flex-direction: column;
}
footer .footer_content .col .logo_holder {
margin: 0px;
}
footer .footer_content .col .logo_holder img {
margin-bottom: 25px;
text-align: left;
}
.arnes-logo {
height: 45px;
}
footer .footer_content .col .logo_holder img.arnes-logo {
max-width: 145px;
}
/* GDPR ZAHTEVEK -------------------------------------- */
@ -451,8 +474,14 @@ input[type=button]:hover,
footer .footer_content .col .logo_holder img{
max-width: 33%;
height: auto;
margin: 0px;
}
footer .footer_content .col4 h2 {
padding-bottom: 12px;
}
footer .footer_content .col1 {
grid-row: 1/3;
}
@ -662,6 +691,10 @@ input[type=button]:hover,
}
footer .footer_content h2 {
padding-top: 12px;
}
footer .footer_content .col {
/* border: 1px solid red; */
width: auto;

View File

@ -1,17 +1,12 @@
<svg width="253" height="101" viewBox="0 0 253 101" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_356_3120)">
<path d="M122 92.0911C145.196 92.0911 164 73.2871 164 50.0911C164 26.8952 145.196 8.09113 122 8.09113C98.804 8.09113 80 26.8952 80 50.0911C80 73.2871 98.804 92.0911 122 92.0911Z" fill="#FFEBE0"/>
<path d="M122 100.091C149.614 100.091 172 77.7054 172 50.0911C172 22.4769 149.614 0.0911255 122 0.0911255C94.3857 0.0911255 72 22.4769 72 50.0911C72 77.7054 94.3857 100.091 122 100.091Z" stroke="#E35205" stroke-miterlimit="10" stroke-dasharray="5 5"/>
<g clip-path="url(#clip1_356_3120)">
<path d="M106.938 25.6224L106.219 26.3099L98.2188 34.3099L97.5312 35.0286L98.2188 35.7474L113.844 51.3724L101.313 63.9036C101.184 64.0208 101.086 64.1732 101.031 64.3411L99.0313 71.8411C98.9414 72.1849 99.043 72.5482 99.293 72.7982C99.543 73.0482 99.9063 73.1497 100.25 73.0599L107.75 71.0599C107.918 71.0052 108.07 70.9075 108.188 70.7786L142.75 36.2161C142.746 36.22 143.563 35.4036 143.563 35.4036C145.465 33.5013 145.461 30.4271 143.563 28.5286C141.66 26.6263 138.59 26.6302 136.688 28.5286L123.281 41.9349L107.656 26.3099L106.938 25.6224ZM106.938 28.4661L108.563 30.0911L107.281 31.3724L108.719 32.8099L110 31.5286L111.563 33.0911L109.281 35.3724L110.719 36.8099L113 34.5286L114.563 36.0911L113.281 37.3724L114.719 38.8099L116 37.5286L117.563 39.0911L115.281 41.3724L116.719 42.8099L119 40.5286L120.563 42.0911L119.281 43.3724L120.563 44.6536L115.281 49.9349L100.375 35.0286L106.938 28.4661ZM137.281 30.7474L141.344 34.8099L106.969 69.1849L102.906 65.1224L137.281 30.7474ZM131 49.6849L130.281 50.3724L128.281 52.3724L129.719 53.8099L131 52.5286L132.563 54.0911L130.281 56.3724L131.719 57.8099L134 55.5286L135.563 57.0911L134.281 58.3724L135.719 59.8099L137 58.5286L138.563 60.0911L136.281 62.3724L137.719 63.8099L140 61.5286L141.563 63.0911L140.281 64.3724L141.719 65.8099L143 64.5286L143.625 65.1536L137.063 71.7161L123 57.6849L121.594 59.0911L136.344 73.8724L137.063 74.5599L137.781 73.8724L145.781 65.8724L146.469 65.1536L145.781 64.4349L131 49.6849Z" fill="#E35205"/>
</g>
<svg width="102" height="101" viewBox="0 0 102 101" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M51 92.0911C74.1959 92.0911 93 73.2871 93 50.0911C93 26.8952 74.1959 8.09113 51 8.09113C27.804 8.09113 9 26.8952 9 50.0911C9 73.2871 27.804 92.0911 51 92.0911Z" fill="#FFEBE0"/>
<path d="M51 100.091C78.6142 100.091 101 77.7054 101 50.0911C101 22.4769 78.6142 0.0911255 51 0.0911255C23.3857 0.0911255 1 22.4769 1 50.0911C1 77.7054 23.3857 100.091 51 100.091Z" stroke="#E35205" stroke-miterlimit="10" stroke-dasharray="5 5"/>
<g clip-path="url(#clip0_356_3121)">
<path d="M35.9375 25.6224L35.2188 26.3099L27.2188 34.3099L26.5312 35.0286L27.2188 35.7474L42.8438 51.3724L30.3125 63.9036C30.1836 64.0208 30.0859 64.1732 30.0313 64.3411L28.0313 71.8411C27.9414 72.1849 28.043 72.5482 28.293 72.7982C28.543 73.0482 28.9063 73.1497 29.25 73.0599L36.75 71.0599C36.918 71.0052 37.0703 70.9075 37.1875 70.7786L71.75 36.2161C71.7461 36.22 72.5625 35.4036 72.5625 35.4036C74.4649 33.5013 74.4609 30.4271 72.5625 28.5286C70.6602 26.6263 67.5898 26.6302 65.6875 28.5286L52.2813 41.9349L36.6563 26.3099L35.9375 25.6224ZM35.9375 28.4661L37.5625 30.0911L36.2813 31.3724L37.7188 32.8099L39 31.5286L40.5625 33.0911L38.2813 35.3724L39.7188 36.8099L42 34.5286L43.5625 36.0911L42.2813 37.3724L43.7188 38.8099L45 37.5286L46.5625 39.0911L44.2813 41.3724L45.7188 42.8099L48 40.5286L49.5625 42.0911L48.2813 43.3724L49.5625 44.6536L44.2813 49.9349L29.375 35.0286L35.9375 28.4661ZM66.2813 30.7474L70.3438 34.8099L35.9688 69.1849L31.9063 65.1224L66.2813 30.7474ZM60 49.6849L59.2813 50.3724L57.2813 52.3724L58.7188 53.8099L60 52.5286L61.5625 54.0911L59.2813 56.3724L60.7188 57.8099L63 55.5286L64.5625 57.0911L63.2813 58.3724L64.7188 59.8099L66 58.5286L67.5625 60.0911L65.2813 62.3724L66.7188 63.8099L69 61.5286L70.5625 63.0911L69.2813 64.3724L70.7188 65.8099L72 64.5286L72.625 65.1536L66.0625 71.7161L52 57.6849L50.5938 59.0911L65.3438 73.8724L66.0625 74.5599L66.7813 73.8724L74.7813 65.8724L75.4688 65.1536L74.7813 64.4349L60 49.6849Z" fill="#E35205"/>
</g>
<defs>
<clipPath id="clip0_356_3120">
<rect width="252.5" height="100" fill="white" transform="translate(0 0.0911255)"/>
</clipPath>
<clipPath id="clip1_356_3120">
<rect width="50" height="50" fill="white" transform="translate(97 25.0911)"/>
<clipPath id="clip0_356_3121">
<rect width="50" height="50" fill="white" transform="translate(26 25.0911)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB