diff options
| -rw-r--r-- | index.html | 47 | ||||
| -rw-r--r-- | neuarriero.css | 31 |
2 files changed, 60 insertions, 18 deletions
@@ -13,19 +13,48 @@ </a> <div> <h1> - <a href="/index.html">NuArriero</a> + <a href="/index.html">El Arriero's Directory</a> </h1> <small>Furry girls, computers, milshit, and art</small> - <nav> - <a href="thingy">Link1</a> - <a href="thingy">Link2</a> - <a href="thingy">Link3</a> - <a href="thingy">Link1</a> - <a href="thingy">Link2</a> - <a href="thingy">Link3</a> - </nav> </div> </header> + <nav> + <a href="thingy"> + <img src="/icons/information.png"> + About + </a> + <a href="thingy"> + <img src="/icons/email.png"> + Contact + </a> + <a href="thingy"> + <img src="/icons/money.png"> + Donate + </a> + + <a href="thingy"> + <img src="/icons/group.png " alt=""> + HMOFA + </a> + <a href="thingy"> + <img src="/icons/computer.png"> + Fun Tech + </a> + <a href="thingy"> + <img src="/icons/film.png"> + Kinoplex + </a> + <a href="" > + <img src="/icons/bomb.png" alt=""> + Military + </a> + + </nav> + <hr> + <main> + + </main> + </body> </html> diff --git a/neuarriero.css b/neuarriero.css index 41db436..4726319 100644 --- a/neuarriero.css +++ b/neuarriero.css @@ -8,7 +8,7 @@ body { margin: 0; font-family:Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; - + } header { @@ -22,17 +22,24 @@ header { header img { object-fit: cover; margin-right: 1rem; - height: 12rex; + height: 8rex; + align-items: center; } nav { - margin-top: 1rex; - background-color: white; - justify-content: flex-end; - flex-wrap: wrap; + display: flex; + flex-direction: row; + align-items: center; + font-size: 80%; } + nav a { - margin-top: 0; - padding: 0 1rem; + margin: 0 2rex; + display: flex; + flex-direction: row; + align-items: center; +} +nav img { + margin-right: 0.5rex; } header h1 { margin: 0; @@ -44,5 +51,11 @@ header h1 a { text-decoration: none; } hr { - color: white; + padding: 0; + margin: 0; + border-color: white; +} + +main { + padding-left: 1%; } |