Card designer|Basic Card design (sc=card1)


sc name=”3cards” N=”_3c1,3c2,3c3″ | cardImg:FImg | h6_cardImg2:EMPTY | h2ior_Ft-titl,Ft-txt

Kommunikasjon
Se kursprogrammet

Branding
Se kursprogrammet

Tidsmestring
Titt pa vart kursprogramm



sc name="card_a" N="_A" C="_A"
layer_A_h1 fontTitle

fontTxt

More text to explain...
card_a_A_h1
‹section class="wrap_A"›‹article class="contain_A   card_A"›A21_CARREHERMES_INVERTEEFFECT 
Card designer | acf_txt1: Card designer | ID=89177 | 2023-05-29 | 2023-02-23 | 2022-12-22 | 
Card image: https://iorelys.com/wp-content/uploads/A21_CARREHERMES_INVERTEEFFECT.jpg




Card designer
Content: 1.wpbb: | 2.QuoteSC: Card text via acf_quote


.wrap_A:hover  {transition: all 0.4s; background:rgba(140,140,252,0.0); padding:4px 12px 14px 8px; border:2px solid none;}
.wrap_A        {height:max-content!; margin:0 0.15vw 0.15vw 0; padding:4px 12px 14px 8px; border:2px dotted rgba(120,190,235,0); overflow:hidden; border-radius:0px; transition:0.4s ease-out;}  @media (min-width:1025px) {.wrap_A {background:rgba(240,240,252,0.06);}}

.contain_A     {float:left; position:relative; top:0; left:0; width:100% ; border:3px dotted teal; padding:0; overflow:hidden;} 
 @media (min-width:1025px) {.contain_A {padding-top:20vw ;}} 
 @media (min-width:768px) and (max-width: 1025px) {.contain_A {padding-top:40vw ;}} 
 @media only screen and (max-width:767px) {.contain_A {padding-top:60vw ;}}


.card_A:hover  {opacity:0.7; transition:0.5s ease-out; box-shadow: 0px 6px 9px rgba(0,0,60,0.5);}
.card_A img    {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:0px;}
.card_A        {opacity:1; position:relative; transition:all 0.55s ease-out; border-radius:8px; box-shadow: 0px 6px 9px rgba(0,0,0,0.5);}

.info1_A 	{position:absolute; top:; bottom:; width:100%; height:max-content; padding:0px; background:rgba(255,255,255,0.1); border:0px dotted red;}
.info2_A 	{display:block; margin:auto; width:92%; height:max-content; padding:20px 10px; text-align:center; color:rgba(255,255,255,1); border:1px dotted rgba(255,255,0,0); background:rgba(255,255,255,0.05);}