This repository has been archived by the owner on Sep 28, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMarvhock.html
1 lines (1 loc) · 2.51 KB
/
Marvhock.html
1
<!doctype><html> <head> <title></title> <style> .navi { position: absolute; top: 8px; left: 8px; } .navi a { color: white; font-size: 14px; display: inline-block; margin-right: 20px; } .navi .angular { font-size: 17px; } .navi .angular span { background: red; } .search { position: absolute; right: 8px; top: 8px; display: flex; } .search-input { background: white; border-color: transparent; border-radius: 40px; display: block; width: 80px; } .teaser { background: lightblue; height: 380px; color: white; } .teaser-content { width: 400px; margin: 0 auto; margin-top: 100px; display: flex; } .teaser-a { background: lightred; font-size: 80px; } .teasr-text { } .teasr-text div { margin-bottom: 35px; } button { padding: 10px 25px; border-radius: 30px; color: lightblue; color: white; box-shadow: 1px 1px 2px black; } </style> </head> <body> <nav class="navi"> <a href="#" class="angular"> <span>A</span>ngular </a> <a href="#">Features</a> <a href="#">Docs</a> <a href="#">Ressources</a> <a href="#">Events</a> <a href="#">Blog</a> </nav> <section class="search"> <input class="search-input" type="search" placeholder="search"> </section> <div class="teaser"> <div class="teaser-content"> <div class="teaser-a">A</div> <div class="teasr-text"> <div>One Framework</div> <div>Mobile and desktop.</div> <button>Get started</button> </div> </div> </div> </body></html>