add logo and search bar

PortAISociety · Jun 28, 2019 · cb74992 · cb74992
1 parent 0429afa
commit cb74992
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,4 +1,23 @@
 * {
     padding: 0;
     margin: 0;
+}
+
+body {
+    display: flex;
+}
+
+header {
+    display: flex;
+    width: 50vw;
+    flex-direction: column;
+    padding: 1em 25vw 0 25vw;
+}
+
+#banner-img {
+    margin: 0 auto;
+}
+
+#search {
+    width: 100%;
 }
diff --git a/img/logo.png b/img/logo.png
diff --git a/index.html b/index.html
@@ -7,5 +7,11 @@
     <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
+<header>
+    <img src="img/logo.png" alt="Portsmouth Artificial Intelligence & Robotics Society" id="banner-img">
+    <nav>
+        <input id="search" placeholder="Search" autofocus>
+    </nav>
+</header>
 </body>
 </html>