Difference between revisions of "Team:Ecuador"
| Line 3: | Line 3: | ||
<style> | <style> | ||
| + | @import url('https://fonts.googleapis.com/css?family=Questrial'); | ||
| + | * { | ||
| + | margin: 0px; | ||
| + | font-family: 'Questrial', sans-serif; | ||
| + | } | ||
@keyframes fade-in { | @keyframes fade-in { | ||
from { | from { | ||
| Line 27: | Line 32: | ||
-moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75); | -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75); | ||
box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75); | box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75); | ||
| + | display: flex; | ||
} | } | ||
| + | |||
| + | .ecuador_home { | ||
| + | width: 16%; | ||
| + | height: 90%; | ||
| + | display: flex; | ||
| + | justify-content: center; | ||
| + | background-color: #EBEDEF; | ||
| + | position: absolute; | ||
| + | align-items: center; | ||
| + | margin: auto auto; | ||
| + | top: 5%; | ||
| + | left: 1.5%; | ||
| + | } | ||
| + | |||
| + | .menu_options_container { | ||
| + | width: 79%; | ||
| + | height: 50px; | ||
| + | position: absolute; | ||
| + | left: 19%; | ||
| + | top: 25px; | ||
| + | display: flex; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | |||
| + | .menu_option { | ||
| + | width: 16.66%; | ||
| + | height: 100%; | ||
| + | position: relative; | ||
| + | justify-content: center; | ||
| + | align-items: center; | ||
| + | display: flex; | ||
| + | color: #797D7F; | ||
| + | } | ||
| + | |||
.ecuador_video_layout { | .ecuador_video_layout { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 99%; |
position: fixed; | position: fixed; | ||
left: 0px; | left: 0px; | ||
| − | top: | + | top: 105px; |
background-color: #0F1010; | background-color: #0F1010; | ||
} | } | ||
| + | |||
</style> | </style> | ||
<div class="ecuador_menu"> | <div class="ecuador_menu"> | ||
| − | + | <div class="ecuador_home"> | |
| + | HOME | ||
| + | </div> | ||
| + | <div class="menu_options_container"> | ||
| + | <div class="menu_option"> | ||
| + | PROJECT | ||
| + | </div> | ||
| + | <div class="menu_option"> | ||
| + | PEOPLE | ||
| + | </div> | ||
| + | <div class="menu_option"> | ||
| + | NOTEBOOK | ||
| + | </div> | ||
| + | <div class="menu_option"> | ||
| + | HUMAN PRACTICE | ||
| + | </div> | ||
| + | <div class="menu_option"> | ||
| + | PARTS | ||
| + | </div> | ||
| + | <div class="menu_option"> | ||
| + | SAFETY | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
<div class="ecuador_video_layout"> | <div class="ecuador_video_layout"> | ||
Revision as of 20:59, 27 April 2018