Line 46: | Line 46: | ||
} | } | ||
− | . | + | .boxLMax{ |
width: 400px; | width: 400px; | ||
height: 600px; | height: 600px; | ||
Line 57: | Line 57: | ||
transition-duration: 0.5s; | transition-duration: 0.5s; | ||
margin: 0 auto; | margin: 0 auto; | ||
− | |||
} | } | ||
− | . | + | .boxLAndres{ |
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | clear: right; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .boxLSimon{ | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | clear: right; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .boxLSuchi{ | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | clear: right; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .boxLSuchi{ | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | clear: right; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .boxLSuchi{ | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | clear: right; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .boxRMiriam{ | ||
justify-content: right; | justify-content: right; | ||
width: 400px; | width: 400px; | ||
Line 74: | Line 138: | ||
} | } | ||
− | . | + | .boxRSuSie{ |
+ | justify-content: right; | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .boxRMadison{ | ||
+ | justify-content: right; | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .boxRNate{ | ||
+ | justify-content: right; | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .boxRKashfi{ | ||
+ | justify-content: right; | ||
+ | width: 400px; | ||
+ | height: 600px; | ||
+ | border: solid; | ||
+ | border-radius: 15px; | ||
+ | padding: 30px; | ||
+ | background: #848484; | ||
+ | opacity: 0.5; | ||
+ | transition-duration: 0.5s; | ||
+ | margin: 0 auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .boxRMiriam:hover{ | ||
width: 1000px; | width: 1000px; | ||
height: 650px; | height: 650px; | ||
Line 81: | Line 201: | ||
} | } | ||
− | . | + | .boxRSuSie:hover{ |
− | + | width: 1000px; | |
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
} | } | ||
− | . | + | .boxRMadison:hover{ |
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | .boxRNate:hover{ | ||
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .boxRKashfi:hover{ | ||
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | .boxLMax:hover{ | ||
width: 1000px; | width: 1000px; | ||
height: 650px; | height: 650px; | ||
Line 91: | Line 237: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
+ | |||
+ | .boxLAndres:hover{ | ||
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | .boxLSimon:hover{ | ||
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .boxLSuchi:hover{ | ||
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | .boxLWill:hover{ | ||
+ | width: 1000px; | ||
+ | height: 650px; | ||
+ | border: solid; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | |||
.LboxHeader{ | .LboxHeader{ | ||
Line 229: | Line 409: | ||
<section> | <section> | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxLMax"> |
− | <div class = "LboxHeader | + | <div class = "LboxHeader"> Maxwell Saal</div> |
<span> | <span> | ||
Line 287: | Line 467: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxRMiriam"> |
<div class = "RboxHeader"> Miriam Van Ek </div> | <div class = "RboxHeader"> Miriam Van Ek </div> | ||
Line 350: | Line 530: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxLAndres"> |
<div class = "LboxHeader"> Andres Lau | <div class = "LboxHeader"> Andres Lau | ||
</div> | </div> | ||
Line 392: | Line 572: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxRSuSie"> |
<div class = "RboxHeader"> Su Sie Park </div> | <div class = "RboxHeader"> Su Sie Park </div> | ||
Line 453: | Line 633: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxLSimon"> |
<div class = "LboxHeader"> Simon Kalmus</div> | <div class = "LboxHeader"> Simon Kalmus</div> | ||
Line 505: | Line 685: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxRMadison"> |
<div class = "RboxHeader"> Madison Adamthwaite</div> | <div class = "RboxHeader"> Madison Adamthwaite</div> | ||
Line 562: | Line 742: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxLSuchi"> |
<div class = "LboxHeader"> Suchita Lulla</div> | <div class = "LboxHeader"> Suchita Lulla</div> | ||
Line 622: | Line 802: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxRNate"> |
<div class = "RboxHeader"> Nathaniel Moore </div> | <div class = "RboxHeader"> Nathaniel Moore </div> | ||
Line 680: | Line 860: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxLWill"> |
<div class = "LboxHeader"> William Cordell</div> | <div class = "LboxHeader"> William Cordell</div> | ||
Line 737: | Line 917: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxRKashfi"> |
<div class = "RboxHeader"> Kashfi Kahn </div> | <div class = "RboxHeader"> Kashfi Kahn </div> | ||
Revision as of 11:15, 20 October 2017
Maxwell Saal
Miriam Van Ek
Andres Lau
Su Sie Park
Simon Kalmus
Madison Adamthwaite
Suchita Lulla
Nathaniel Moore
William Cordell
Kashfi Kahn