Line 46: | Line 46: | ||
} | } | ||
− | . | + | .boxL{ |
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; | ||
+ | z-index: 1; | ||
} | } | ||
− | . | + | .boxR{ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
justify-content: right; | justify-content: right; | ||
width: 400px; | width: 400px; | ||
Line 138: | Line 74: | ||
} | } | ||
− | . | + | .boxR:hover{ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 1000px; | width: 1000px; | ||
height: 650px; | height: 650px; | ||
Line 201: | Line 81: | ||
} | } | ||
− | . | + | .boxL:hover ~.Max{ |
− | + | box-shadow: 5px 5px blue; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .boxL:hover{ |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width: 1000px; | width: 1000px; | ||
height: 650px; | height: 650px; | ||
Line 237: | Line 91: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.LboxHeader{ | .LboxHeader{ | ||
Line 409: | Line 229: | ||
<section> | <section> | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxL"> |
− | <div class = "LboxHeader"> Maxwell Saal</div> | + | <div class = "LboxHeader" "Max"> Maxwell Saal</div> |
<span> | <span> | ||
Line 467: | Line 287: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxR"> |
<div class = "RboxHeader"> Miriam Van Ek </div> | <div class = "RboxHeader"> Miriam Van Ek </div> | ||
Line 530: | Line 350: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxL"> |
<div class = "LboxHeader"> Andres Lau | <div class = "LboxHeader"> Andres Lau | ||
</div> | </div> | ||
Line 572: | Line 392: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxR"> |
<div class = "RboxHeader"> Su Sie Park </div> | <div class = "RboxHeader"> Su Sie Park </div> | ||
Line 633: | Line 453: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxL"> |
<div class = "LboxHeader"> Simon Kalmus</div> | <div class = "LboxHeader"> Simon Kalmus</div> | ||
Line 685: | Line 505: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxR"> |
<div class = "RboxHeader"> Madison Adamthwaite</div> | <div class = "RboxHeader"> Madison Adamthwaite</div> | ||
Line 742: | Line 562: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxL"> |
<div class = "LboxHeader"> Suchita Lulla</div> | <div class = "LboxHeader"> Suchita Lulla</div> | ||
Line 802: | Line 622: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxR"> |
<div class = "RboxHeader"> Nathaniel Moore </div> | <div class = "RboxHeader"> Nathaniel Moore </div> | ||
Line 860: | Line 680: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxL"> |
<div class = "LboxHeader"> William Cordell</div> | <div class = "LboxHeader"> William Cordell</div> | ||
Line 917: | Line 737: | ||
<div class = "row"> | <div class = "row"> | ||
− | <div class = " | + | <div class = "boxR"> |
<div class = "RboxHeader"> Kashfi Kahn </div> | <div class = "RboxHeader"> Kashfi Kahn </div> | ||
Revision as of 11:16, 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