v1.2.0-beta/website brands

website/index.html

@@ -19,12 +19,43 @@
     <meta name="msapplication-TileImage" content="./icons/ms-icon-144x144.png" />
     <link rel="stylesheet" type="text/css" href="./font.css" />
     <link rel="stylesheet" type="text/css" href="./styles/index.css" />
-    <link rel="import" type="text/html" href="./components/landing.html" />
     <script src="./scripts/Stickied.js"></script>
     <title>Watch Party</title>
   </head>
   <body>
-    <section class="landing"></section>
-    <a data-font="sans">TEST</a>
+    <header data-header-visible="false">
+      <brand data-font="serif">WATCH PARTY</brand>
+      <spacer></spacer>
+      <a href="http://get.chromewatchparty.com" data-font="sans">GET CHROME EXTENSION</a>
+      <a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
+    </header>
+    <section class="landing">
+      <a href="http://get.chromewatchparty.com" class="get" data-font="sans"
+        >GET CHROME EXTENSION</a
+      >
+      <a href="#" class="brand" data-font="serif">
+        <span>
+          WATCH PARTY
+        </span>
+      </a>
+    </section>
+    <section class="intro">
+      <div class="inner">
+        <img src="./media/intro.gif" />
+        <div class="supports" data-font="sans">Watch Party Works With</div>
+        <div class="supported" data-font="sans">
+          <div class="netflix"></div>
+          <div class="hulu"></div>
+          <div class="disney"></div>
+          <div class="prime"></div>
+          <div class="youtube"></div>
+        </div>
+      </div>
+    </section>
+    <section>
+      <div class="inner">
+        234
+      </div>
+    </section>
   </body>
 </html>