add simple header/menu - start

sparkfun · Aug 21, 2023 · 8d21473 · 8d21473
1 parent 4cd99b9
commit 8d21473
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -47,10 +47,48 @@
   color: #9c2214;
   text-decoration: underline;
  }
+ hr {
+  border-color: red;
+  border-width: 1px;
+ }
 
+.menu-entry {
+  background-color: #E3DCCD;
+  font-size: 16px;
+  font-weight: bold;
+  color: #000000;
+  height: 25px;
+  vertical-align: top;
+  border-radius: 6px;
+  border-width: 2px;
+}
   </style>
 </head>
 <body>
+  <table style="width: 30%; padding:5; border-width: 2px;">
+    <tr>
+      <td width=10 rowspan="2">&nbsp;</td>
+      <td rowspan="2">
+        <a href="https://www.sparkfun.com" target="_blank"><img src="resource/sparkfun-logo.png"></a>
+      </td>
+      <td></td><td></td><td></td><td></td>
+    </tr>
+    <tr>
+      <td align="center" class="menu-entry">
+        <a href="https://www.sparkfun.com/categories" target="_blank">SHOP</a>
+      </td>
+      <td align="center" class="menu-entry">
+        <a href="https://learn.sparkfun.com/" target="_blank">LEARN</a>
+      </td>
+      <td align="center" class="menu-entry">
+        <a href="https://www.sparkfun.com/news" target="_blank">BLOG</a>
+      </td>
+      <td align="center" class="menu-entry">
+        <a href="https://www.sparkfun.com/services" target="_blank">SERVICES</a>
+      </td>                  
+    </tr>
+  </table>
+  <hr>
   <img src="resource/studio-red-box-wall.jpg" width="100%">
 
   <h1>SparkFun's Latest Product Documentation</h1>

diff --git a/resource/sparkfun-logo.png b/resource/sparkfun-logo.png