Created HTML structure

paulca55 · Sep 11, 2018 · 9cb92f0 · 9cb92f0
1 parent 9a443cd
commit 9cb92f0
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 2 deletions.
diff --git a/images/avatar.jpg b/images/avatar.jpg
diff --git a/images/google-main-image.png b/images/google-main-image.png
diff --git a/images/icon-sprite.png b/images/icon-sprite.png
diff --git a/images/microphone-icon.png b/images/microphone-icon.png
diff --git a/images/microphone-icon.txt b/images/microphone-icon.txt
@@ -0,0 +1 @@
+data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACrElEQVR42u2Xz2sTQRSAX8VSb1K8iNqKooJH2Ux6Ksn+iPQqxZMIehJB0do/IMhmQWsvHr2KSEGk0tSLIoWIYNUKij20F2/N7iaUZnYT0kYzzhMKs0HDJiTdLcwHDwKZSd63781LBiQSSW9JZdkhzfKm1Rz9mjZp/W9YdEU3vXv4HsQZ40FtNG36q5rls//Ej4tmbSS2T15Mvp3ExOPmEMQNbBtMMEyoljcFcQN7PqyAlqNfIG7gYQ0tYNIaxA1MrJPY3wImbUqBKAXSFv0tBSIVMOkvKRDtGKWN/T6FdqRAxFNoWwpEPIXqUqBT6ALU/UVgu8GW4GD3f6f9TRDYNJTDrk7YbtiqUumHwIYoUJuHERDAS0r4CvgFECgbY+cFAR7KT+g1POmCKFDNw6WggHc3fBtVb4CAoyauBgXIG+g1Xh5mRAGah6cggBd11fK/h7lOprIs0H6uRl6KAo5O7kOv4QmPiwJ4Jqqv4FiwCtXjvD2+tRmfK6kZ/ygI2HritK0rDVGgrClJ6DWMwYC/AGuCBMYcIC2V0CzvjmbRz3j3xUjn6CfeYreUJ2wQkGD75INPX1mFfsEFrrcIYCvdhC4paWQakxajpJMr0C9YFg54i7AsClRmh9/xnr0NHcInzZStk2aLwAcGMAD9pPIazvFKVDD5rdnhJeHLX5RTyRPQHpz5o66emMc9wdlPtvA8wF7Aq2BUHh1525qEo5JtR1WeOXpickO9cJIpyuD6xJmhYiZ5ytWSl3mlnuOaf+2zDaLDXmJrSgZ/MYVEugo+gSh+FkSBa4yd5Ul87DZ5XpFl/AyIEjzYjkau8WqshU2cr13HPbgX4gJOD97n465GZlyVvC9mSKloKI2iTnbwNT+gBX54H+IaXAtxJzE3ycSAFqSAFJACUkAikXD+AHj5/wx2o5osAAAAAElFTkSuQmCC
diff --git a/index.html b/index.html
@@ -6,11 +6,52 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
+  <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
-  <h1>Test</h1>
-  <p>Sarah is a bitch!!</p>
+  <header class="header">
+    <nav class="header__nav">
+      <ul>
+        <li><a href="#">Gmail</a></li>
+        <li><a href="#">Images</a></li>
+        <li><a href="#">Google Apps</a></li>
+        <li><a href="#">0 Notifications</a></li>
+        <li><a href="#">Google Account: Paul Cass</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <img src="images/google-main-image.png" alt="Joanna Baillie’s 256th Birthday">
+
+    <form class="search">
+      <div class="search__input-wrapper">
+        <input type="text" class="search__input">
+        <img src="images/microphone-icon.png" class="search_mic">
+      </div>
+      <input type="submit" value="Google Search">
+      <input type="submit" value="I'm Feeling Lucky">
+    </form>
+  </main>
+
+  <footer class="footer">
+    <div class="footer__top">
+      <p>United Kingdom</p>
+    </div>
+    <div class="footer__bottom">
+      <div class="footer__bottom-l">
+        <a href="#">Advertising</a>
+        <a href="#">Business</a>
+        <a href="#">About</a>
+      </div>
+      <div class="footer__bottom-r">
+        <a href="#">Privacy</a>
+        <a href="#">Terms</a>
+        <a href="#">Settings</a>
+      </div>
+    </div>
+  </footer>
 </body>
 
 </html>
diff --git a/style.css b/style.css