Difference between revisions of "User:Annalucia.zablah/sandbox8"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
<div style="column-count:2">
 
 
[[File:Eventhost1.png|500px|left]]
 
 
<div>
 
 
{| width="100%" cellpadding="35" cellspacing="10px"
 
 
|- valign="top"
 
| style="border-left: 10px; color: #57416C; font-size:1em;" |
 
 
<div style="column-count:1"> <div style="text-align: left">
 
 
  
 
{{#css:
 
{{#css:
  
 
+
.img-banner{display: flex;
.container-horizontal{  
 
    display: flex;
 
 
     flex-direction: row;
 
     flex-direction: row;
     align-items: right;
+
     align-items: center;
     justify-content: space-evenly;
+
     justify-content: flex-start;
}
 
 
 
.container-horizontal>a{
 
    margin: 1em;
 
    background-color: rgb(105,82,130);
 
    border-radius: 12px;
 
    padding: 0.5em 1em!important;
 
    color: white!important;
 
    width: 100%;
 
    text-align: center;
 
    background-image: none!important;
 
    font-size: 1.6em;
 
    font-weight: 600;
 
 
 
 
 
 
}
 
}
  
.round-list ol {
+
.img-banner div:nth-of-type(2){
  list-style: none;
 
  counter-reset: item;
 
    display: flex;
 
    flex-direction: row;
 
    align-items: stretch;
 
}
 
.round-list li {
 
    counter-increment: item;
 
    display: flex;
 
    flex-direction: column;
 
 
     background-color: #E4E6EA;
 
     background-color: #E4E6EA;
     padding: 3em 1em;
+
     padding: 1em;
    margin: 1em;
 
    align-items: right;
 
    flex: 1 1 0px;
 
    width: 5.5em;
 
 
 
.imagelink a{
 
    display: flex;
 
    flex-direction: column-reverse;
 
    align-items: center;
 
    color: white!important;
 
 
 
 
}
 
}
 
.imagelink.host a:before{content:'Event Host';}
 
.imagelink.owner a:before{content:'Kiosk Owner';}
 
.imagelink.techlab a:before{content:'Tech Lab';}
 
 
 
}}
 
}}
  
<div class="round-list">
+
<div class="img-banner">
#As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo. For this, your role will be to:
+
<div>
 +
[[File:Tech_Lab.png|350px|techlab]]
 +
</div>
 +
<div>
 +
As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo.  
 +
For this, your role will be to:
 
</div>
 
</div>
 
  
 
</div>
 
</div>
<br>
 
 
 
|}
 

Revision as of 12:54, 23 February 2023


techlab

As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo. For this, your role will be to: