Line 3: |
Line 3: |
| flex-direction: row; | | flex-direction: row; |
| align-items: center; | | align-items: center; |
− | justify-content: space-between; | + | justify-content: space-evenly; |
| } | | } |
| | | |
| .container-horizontal>a{ | | .container-horizontal>a{ |
− | margin: 1em; | + | margin: 1em; |
| background-color: rgb(105,82,130); | | background-color: rgb(105,82,130); |
| border-radius: 12px; | | border-radius: 12px; |
Line 19: |
Line 19: |
| } | | } |
| | | |
− | .container-horizontal>.link-card{ | + | .imagelink a{ |
| display: flex; | | display: flex; |
− | flex-direction: column; | + | flex-direction: column-reverse; |
| align-items: center; | | align-items: center; |
| + | |
| + | } |
| + | .imagelink a:before{ |
| + | content:'Testing Things'; |
| + | 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; |
| } | | } |
− | .link-card>a{margin:0!important;} | + | |
| + | .imagelink.host a:before{content:'Event_host.png';} |
| + | .imagelink.owner a:before{content:'Kiosk_owner.png';} |
| + | .imagelink.techlab a:before{content:'Tech_Lab.png';} |
| | | |
| }} | | }} |
| + | |
| + | |
| + | |
| + | <div class="container-horizontal"> |
| + | <div class="imagelink">[[File:Event_host.png|center|400px|link=https://wiki.gccollab.ca/VExpo_Roles_and_Responsibilities/Event_Host]]</div> |
| + | <div class="imagelink">[[File:Kiosk_owner.png|center|400px|link=https://wiki.gccollab.ca/VExpo_Roles_and_Responsibilities/Kiosk_Owner]]</div> |
| + | <div class="imagelink">[[File:Tech_Lab.png|center|400px|link=https://wiki.gccollab.ca/VExpo_Roles_and_Responsibilities/Tech_Lab]]</div> |
| + | </div> |
| + | |
| + | |
| | | |
| | | |
Line 34: |
Line 61: |
| | | |
| | | |
− | <!--
| |
− | <div class="container-horizontal">[http://www.hyperlink.com hyperlink title][http://www.hyperlink.com hyperlink title][http://www.hyperlink.com hyperlink title]</div>
| |
− | <p> </p>
| |
| | | |
− | <div class="container-horizontal">
| |
− | <div class="link-card">[[File:Event_host.png|center|200px|link=https://wiki.gccollab.ca/VExpo_Roles_and_Responsibilities/Tech_Lab|<div>"test things"</div>]]</div>
| |
− | <div class="link-card">[[File:Kiosk_owner.png|center|200px|link=https://wiki.gccollab.ca/VExpo_Roles_and_Responsibilities/Tech_Lab]]</div>
| |
− | <div class="link-card">[[File:Tech_Lab.png|center|200px|link=https://wiki.gccollab.ca/VExpo_Roles_and_Responsibilities/Tech_Lab]]</div>
| |
− | </div>
| |
− | -->
| |
| | | |
| | | |