Flat MacBook

HTML
<div class="macbook_pro"> <div class="display"> <div class="screen"></div> </div> <div class="keyboard"> <div class="open"></div> </div> </div>
CSS
body { background-color: #F2F1EF; } .macbook_pro { width: 405px; margin-top: 150px; margin-left: auto; margin-right: auto; } .display { border: 1px solid black; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 300px; background-color: #22313F; margin-left: auto; margin-right: auto; } .screen { height: 165px; margin: 8px; border: 1px solid black; background-color: #52B3D9; } .keyboard { width: 400px; height: 10px; border: 1px solid #BDC3C7; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; background-color: #BDC3C7; } .open { border: 1px solid #6C7A89; background-color: #6C7A89; width: 60px; height: 4px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-left: auto; margin-right: auto; }
JAVASCRIPT
Expand for more options Login