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
/
Philipp_Escher.html
1 lines (1 loc) · 3.46 KB
/
Philipp_Escher.html
1
<html> <head> <style> * { font-family: sans-serif; } .header { color: #fff; background-color: blue; display: flex; flex-direction: row; align-items: start; justify-content: start; } .header ul { flex: 1 1 auto; } ul li { display: inline; list-style: none; margin-right: 20px; } input { border-radius: 4px; padding: 4px; color: grey; } button { padding: 4px; border-radius: 4px; background-color: white; color: blue; } .social { width: 20px; height: 20px; background-color: white; } .ng-sign { background-color: red; color: white; font-size: 80px; } .layout { display: flex; flex-direction: row; align-items: start; justify-content: start; } .layout .right { width: 70%; } h2 { color: blue; } .topbar { background-color: #3e3e3e; text-align: center; color: white; } .topbar span { background-color: purple; padding: 4px; border-radius: 4px; } </style> </head> <body> <div class="topbar"> <p>HELP ANGULAR BY TAKING A <strong>1 MINUTE SURVEY!</strong> <span>GO TO SURVEY</span></p> </div> <div class="header"> <div>ANGULAR</div> <ul> <li>FEATURES</li> <li>DOCS</li> <li>RESOURCES</li> <li>EVENTS</li> <li>BLOG</li> </ul> <div> <input placeholder="Search"> <div class="social"></div> <div class="social"></div> </div> </div> <div class="body"> <div class="openup"> <div class="ng-sin"> A </div> <div class="text"> <h1>One Framework.<br>Mobile & desktop.</h1> <button>GET STARTED</button> </div> </div> <div class="layout"> <div class="left">image</div> <div class="right"> <h2>DEVELOP ACROSS ALL PLATFORMS</h2> <p>Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile, native mobile and native desktop.</p> </div> </div> <hr> <div class="layout"> <div class="right"> <h2>SPEED & PERFORMANCE</h2> <p>Achieve the maximum speed possible on the Web Platform today and take it further, via Web-Workers and server-side rendering.</p> <p>Angular puts you control</p> </div> <div class="left"> image </div> </div> </div> </body></html>