First Client Showing

README.md

-![Build Status](https://gitlab.com/pages/plain-html/badges/master/build.svg)
-
----
-
-Example plain HTML site using GitLab Pages.
-
-Learn more about GitLab Pages at https://pages.gitlab.io and the official
-documentation https://docs.gitlab.com/ce/user/project/pages/.
-
----
-
-<!-- START doctoc generated TOC please keep comment here to allow auto update -->
-<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
-
-- [GitLab CI](#gitlab-ci)
-- [GitLab User or Group Pages](#gitlab-user-or-group-pages)
-- [Did you fork this project?](#did-you-fork-this-project)
-- [Troubleshooting](#troubleshooting)
-
-<!-- END doctoc generated TOC please keep comment here to allow auto update -->
-
-## GitLab CI
-
-This project's static Pages are built by [GitLab CI][ci], following the steps
-defined in [`.gitlab-ci.yml`](.gitlab-ci.yml):
-
-```
-image: alpine:latest
-
-pages:
-  stage: deploy
-  script:
-  - echo 'Nothing to do...'
-  artifacts:
-    paths:
-    - public
-  only:
-  - master
-```
-
-The above example expects to put all your HTML files in the `public/` directory.
-
-## GitLab User or Group Pages
-
-To use this project as your user/group website, you will need one additional
-step: just rename your project to `namespace.gitlab.io`, where `namespace` is
-your `username` or `groupname`. This can be done by navigating to your
-project's **Settings**.
-
-Read more about [user/group Pages][userpages] and [project Pages][projpages].
-
-## Did you fork this project?
-
-If you forked this project for your own use, please go to your project's
-**Settings** and remove the forking relationship, which won't be necessary
-unless you want to contribute back to the upstream project.
-
-## Troubleshooting
-
-1. CSS is missing! That means that you have wrongly set up the CSS URL in your
-   HTML files. Have a look at the [index.html] for an example.
-
-[ci]: https://about.gitlab.com/gitlab-ci/
-[index.html]: https://gitlab.com/pages/plain-html/blob/master/public/index.html
-[userpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#user-or-group-pages
-[projpages]: https://docs.gitlab.com/ce/user/project/pages/introduction.html#project-pages
+# archon-beta
+Beta site repo for the Archon Website. Will be used as a hosting platform to show clients.
\ No newline at end of file

public/images/ArchonVector.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="568.906px" height="155.711px" viewBox="0 0 568.906 155.711" enable-background="new 0 0 568.906 155.711"
+	 xml:space="preserve">
+<g>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FDC000" points="44.368,75.891 447.191,75.891 447.072,81.54 0,81.54 
+		44.368,75.891 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#089AB7" d="M199.292,155.625c-0.624-54.965-30.723-144.099-67.763-144.099
+		S64.39,100.66,63.766,155.625h16.767c0.504-51.072,23.143-133.745,50.996-133.745c27.853,0,50.491,82.672,50.996,133.745H199.292
+		L199.292,155.625z"/>
+	<path fill="#089AB7" d="M246.938,112.224H225.57v14.637h21.369c1.647,0,2.769-0.306,3.375-0.917c0.607-0.611,0.91-1.698,0.91-3.26
+		v-6.334c0-1.528-0.303-2.599-0.91-3.209C249.707,112.528,248.586,112.224,246.938,112.224L246.938,112.224z M216.223,155.711
+		v-52.59h34.92c3.243,0,5.589,0.799,7.053,2.412c1.45,1.613,2.175,4.211,2.175,7.777v12.361c0,3.549-0.725,6.13-2.175,7.743
+		c-1.463,1.63-3.81,2.445-7.053,2.445h-5.326l18.838,19.851h-13.63l-16.453-19.851h-9.003v19.851H216.223L216.223,155.711z
+		 M313.906,112.528h-25.602v33.283h25.602v-11.293l9.504,2.53v6.232c0,4.806-0.697,8.083-2.107,9.814
+		c-1.398,1.749-4.074,2.615-8.016,2.615h-24.361c-3.968,0-6.645-0.866-8.042-2.615c-1.384-1.731-2.083-5.009-2.083-9.814v-27.713
+		c0-4.788,0.699-8.049,2.083-9.814c1.397-1.749,4.074-2.633,8.042-2.633h24.361c3.941,0,6.617,0.884,8.016,2.633
+		c1.41,1.766,2.107,5.026,2.107,9.814v4.976l-9.504,1.936V112.528L313.906,112.528z M342.986,155.711v-52.59h9.506v20.395h29.646
+		v-20.395h9.584v52.59h-9.584v-22.635h-29.646v22.635H342.986L342.986,155.711z M411.734,115.568c0-4.788,0.699-8.049,2.082-9.814
+		c1.398-1.749,4.074-2.633,8.043-2.633h30.029c3.969,0,6.645,0.884,8.041,2.633c1.385,1.766,2.084,5.026,2.084,9.814v27.713
+		c0,4.806-0.699,8.083-2.084,9.814c-1.396,1.749-4.072,2.615-8.041,2.615h-30.029c-3.969,0-6.645-0.866-8.043-2.615
+		c-1.383-1.731-2.082-5.009-2.082-9.814V115.568L411.734,115.568z M421.238,145.812h31.311v-33.283h-31.311V145.812L421.238,145.812
+		z M481.945,155.711v-52.59h6.486l28.752,30.99c0.975,1.036,1.832,2.004,2.582,2.921c0.752,0.917,1.424,1.851,2.043,2.802
+		c-0.145-2.955-0.25-5.043-0.303-6.266s-0.078-2.174-0.078-2.836v-27.611h8.529v52.59h-6.486l-29.977-32.484
+		c-0.727-0.832-1.359-1.579-1.898-2.241c-0.541-0.662-1.043-1.342-1.504-2.038c0.119,1.613,0.225,3.159,0.291,4.603
+		c0.064,1.443,0.092,2.683,0.092,3.752v28.409H481.945L481.945,155.711z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#EB7826" d="M521.916,0c-25.951,0-46.99,21.038-46.99,46.99
+		s21.039,46.99,46.99,46.99c25.953,0,46.99-21.038,46.99-46.99S547.869,0,521.916,0L521.916,0z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#C25200" d="M439.551,19.978c-8.473,0-15.34,6.868-15.34,15.339
+		c0,8.472,6.867,15.34,15.34,15.34c8.471,0,15.338-6.868,15.338-15.34C454.889,26.845,448.021,19.978,439.551,19.978L439.551,19.978
+		z"/>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="386,29.226 383.229,44.571 
+		374.201,49.285 383.229,54 386,69.345 388.773,54 397.801,49.285 388.773,44.571 386,29.226 	"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" points="386,29.226 383.229,44.571 374.201,49.285 383.229,54 
+		386,69.345 388.773,54 397.801,49.285 388.773,44.571 386,29.226 	"/>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="357.566,9.09 355.07,19.923 
+		346.947,23.25 355.07,26.578 357.566,37.41 360.063,26.578 368.186,23.25 360.063,19.923 357.566,9.09 	"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" points="357.566,9.09 355.07,19.923 346.947,23.25 355.07,26.578 
+		357.566,37.41 360.063,26.578 368.186,23.25 360.063,19.923 357.566,9.09 	"/>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="200.745,33.946 198.803,44.778 
+		192.485,48.105 198.803,51.433 200.745,62.266 202.686,51.433 209.004,48.105 202.686,44.778 200.745,33.946 	"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" points="200.745,33.946 198.803,44.778 192.485,48.105 
+		198.803,51.433 200.745,62.266 202.686,51.433 209.004,48.105 202.686,44.778 200.745,33.946 	"/>
+	<g>
+		<defs>
+			<path id="SVGID_1_" d="M478.949,72.807c-2.143-4.053-3.959-7.304-6.699-12.332c-4.277,0.177-9.283,0.116-13.811,0.109
+				c6.25,8.465,6.305,10.949,5.049,13.438L478.949,72.807L478.949,72.807z"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  overflow="visible"/>
+		</clipPath>
+		<g clip-path="url(#SVGID_2_)">
+			<defs>
+				<rect id="SVGID_3_" x="458.439" y="60.475" width="20.51" height="13.548"/>
+			</defs>
+			<clipPath id="SVGID_4_">
+				<use xlink:href="#SVGID_3_"  overflow="visible"/>
+			</clipPath>
+			<g transform="matrix(1 0 0 1 1.366891e-006 -5.422989e-007)" clip-path="url(#SVGID_4_)">
+				
+					<image overflow="visible" width="48" height="32" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAhCAYAAACbffiEAAAACXBIWXMAABcRAAAXEQHKJvM/AAAA
+GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNrsWLsNwjAQtQV2KNPR
+MQICUdKwCgUDMAkDMAwMQJEdaEiXAYIMEXL4hMSf3F0cxEUCpyDHy3vPd2fG/hFWDPRiulzvxpN5
+mp6TSx+BcL1YrDYHznnMOctsfqgUwb9rTrI9HfeJvhnqxSiSxdfM6vn3iyEDUeVHbcSvNyWQ6AHE
+DgY6G+45nkCk6FznSlPg8aI+pWVO0pklbBmJhFmzmI5omaCRkTZUO5kaIBrMTmRqeCCCGARsVKRF
+UyPgc1QYwWVCoeV4B4JtakUgrUhKXDEpIo+Y6kgQeyxEZQ/F1B51JHw51TAiemPsb2UUmBG87dXE
+NKjZKVqaOqZBzB7CxAgyWBFMKka2W3pE4bNgmcZbWvgTo9v27W12iuYSrbKHPDE6MRLyxGhpdqLt
+FbNppGn82vdl5dlvnl+L49K4KieK8yyvHImUImO/FjcBBgDUyImKFKFMlgAAAABJRU5ErkJggg==" transform="matrix(0.48 0 0 -0.48 457.1211 75.0874)">
+				</image>
+			</g>
+		</g>
+	</g>
+	<path fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" d="M478.949,72.807
+		c-2.143-4.053-3.959-7.304-6.699-12.332c-4.277,0.177-9.283,0.116-13.811,0.109c6.25,8.465,6.305,10.949,5.049,13.438
+		L478.949,72.807L478.949,72.807z"/>
+	
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#284983" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" d="
+		M479.002,84.13c-2.105,4.072-3.891,7.34-6.586,12.393c-4.279-0.137-9.283-0.03-13.813,0.019c6.174-8.523,6.205-11.007,4.928-13.485
+		L479.002,84.13L479.002,84.13z"/>
+	<g>
+		<defs>
+			<path id="SVGID_5_" d="M566.527,78.464c-26.553,11-98.984,4.333-120.889,4.343c-0.012-2.815-0.025-5.632-0.037-8.448
+				C464.869,74.27,539.096,66.937,566.527,78.464L566.527,78.464z"/>
+		</defs>
+		<clipPath id="SVGID_6_">
+			<use xlink:href="#SVGID_5_"  overflow="visible"/>
+		</clipPath>
+		<g clip-path="url(#SVGID_6_)">
+			<defs>
+				<rect id="SVGID_7_" x="445.602" y="66.937" width="120.926" height="22.527"/>
+			</defs>
+			<clipPath id="SVGID_8_">
+				<use xlink:href="#SVGID_7_"  overflow="visible"/>
+			</clipPath>
+			<g transform="matrix(1 0 0 1 1.163830e-005 -1.169137e-006)" clip-path="url(#SVGID_8_)">
+				
+					<image overflow="visible" width="260" height="51" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQcAAAA2CAYAAADK+lwbAAAACXBIWXMAABcRAAAXEQHKJvM/AAAA
+GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxdJREFUeNrsnUFO40AQRbsT7IQd
+R0FCsx4xd4E9J+ECSByFmQXbUTQnyQ16EiFCIoTSMa5q/8p7CJENltP1+3dVu2ynBAAAAAAAAAAA
+AAAAAAAAAAAAAAAAAAAAAAAAB+T3Dzc/7642f65r/qlsfiwpxfr4xqOqfv6nx3j97/V5xXSKxcX7
+h9ksb43hpU442VT5JWenyWU0y4r4+e9iXHv8vPrx6/5hqkanbtaGi/H675+n1VFzWCz6SYrUfNiL
+hy6LqDCrZVm9sDTRkItZWxu1Cb83v7dHzWG56CbunrYishapSylgLFLrk/er9ojxSWXFkMyhXcqr
+LdIknU0EiLFDxqgeYxNzOBgdcZHKC1S+rLGPhnlZJhzjvbKil03Z/coa3b2DRDZROUTE+LM5LLsQ
+Tiq/SRpApMR4KhldGcccDsqKYr8B6FHYy1+JSOKTLEKMz9ioPzKHvgsr0gh1pXxZ5hZjxf0nn4zx
+1EOftCFZAog0nUffwQhlK2XN8YmgaUS14zPwaoV9LufX16BeV6oWNRH6DvTLmrqyYmATlEsAxCdx
+nEu66mUNRm1WVrQWqfoqEEGkbJJGj/GImUOzlcBlJWMDsJ1X62eM6jE27JD0Tnk1BfrxJRBpm8Xe
+6WqTYIzNzeFgdOg7aCrSCJ2q2uevFeOdOVwue7+VIMLdceIi5b6X2iE63xjvZQ5dYCdVb6VmtQwb
+Y9eMrgw1h76tSLk7rvlqqX2loJAxjjxGVe3TbUTKShm39vaMseJGuE/GeOzQ33tMnPEXYBe5wojE
+RRqhizGJZ4wm5uB2+vKbQzFaheXLMsqaYeYwVhOUeoeeh0hpp26fMdJO7ZY5NJpk4umoft8B7dSR
+Y+z8mDjddItW29ZeTTu1d4z3HhPXJ56e1F6gKcLzNulUDRHjL5ug1Dv0EOkE9ia4pCsd45059N3F
+Or29AafBSiP+7k2XrNpNRdXknK5ynl1bi7R9xhijU3XwY+Lm8/n2nXm3CaDesLbG8Di9xUA3U3Fe
+jHn5MQAAAAAAAAAAAAAAAAAAAAAAAAAAAEBK/wUYABlEsrBMnQroAAAAAElFTkSuQmCC" transform="matrix(0.48 0 0 -0.48 444.3926 90.8623)">
+				</image>
+			</g>
+		</g>
+	</g>
+	<path fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" d="M566.527,78.464
+		c-26.553,11-98.984,4.333-120.889,4.343c-0.012-2.815-0.025-5.632-0.037-8.448C464.869,74.27,539.096,66.937,566.527,78.464
+		L566.527,78.464z"/>
+	
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FF0000" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" d="
+		M442.207,60.454c7.936,0.128,38.607,1.363,38.201-2.125c-0.236-3.971-29.555-1.164-38.285-0.185L442.207,60.454L442.207,60.454z"/>
+	
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FF0000" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" d="
+		M442.373,96.727c7.934-0.2,38.594-1.718,38.221,1.774c-0.201,3.973-29.545,1.436-38.281,0.537L442.373,96.727L442.373,96.727z"/>
+	
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FF0000" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" d="
+		M437.125,77.082c8.645-0.592,44.451-2.16,44.031,1.434c0.508,3.927-35.373,2.217-44.1,1.405L437.125,77.082L437.125,77.082z"/>
+</g>
+</svg>

public/images/StarBG.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="568.906px" height="155.711px" viewBox="0 0 568.906 155.711" enable-background="new 0 0 568.906 155.711"
+	 xml:space="preserve">
+<g>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="384.923,82.995 382.151,98.339 
+		373.124,103.054 382.151,107.769 384.923,123.114 387.696,107.769 396.724,103.054 387.696,98.339 	"/>
+	<polygon fill="#FFFFFF" points="384.923,82.995 382.151,98.339 373.124,103.054 382.151,107.769 384.923,123.114 387.696,107.769 
+		396.724,103.054 387.696,98.339 	"/>
+</g>
+<g>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="493.695,27.267 491.752,38.099 
+		485.434,41.427 491.752,44.755 493.695,55.587 495.635,44.755 501.953,41.427 495.635,38.099 	"/>
+	<polygon fill="#FFFFFF" points="493.695,27.267 491.752,38.099 485.434,41.427 491.752,44.755 493.695,55.587 495.635,44.755 
+		501.953,41.427 495.635,38.099 	"/>
+</g>
+<g>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="259.676,33.166 257.732,43.998 
+		251.414,47.324 257.732,50.652 259.676,61.486 261.615,50.652 267.934,47.324 261.615,43.998 	"/>
+	<polygon fill="#FFFFFF" points="259.676,33.166 257.732,43.998 251.414,47.324 257.732,50.652 259.676,61.486 261.615,50.652 
+		267.934,47.324 261.615,43.998 	"/>
+</g>
+<g>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="59.725,21.368 56.953,36.712 
+		47.926,41.426 56.953,46.142 59.725,61.486 62.499,46.142 71.526,41.426 62.499,36.712 	"/>
+	<polygon fill="#FFFFFF" points="59.725,21.368 56.953,36.712 47.926,41.426 56.953,46.142 59.725,61.486 62.499,46.142 
+		71.526,41.426 62.499,36.712 	"/>
+</g>
+<g>
+	<polygon fill="none" stroke="#000000" stroke-width="1.0001" stroke-miterlimit="2.6131" points="154.838,82.995 152.342,93.827 
+		144.219,97.155 152.342,100.482 154.838,111.314 157.334,100.482 165.457,97.155 157.334,93.827 	"/>
+	<polygon fill="#FFFFFF" points="154.838,82.995 152.342,93.827 144.219,97.155 152.342,100.482 154.838,111.314 157.334,100.482 
+		165.457,97.155 157.334,93.827 	"/>
+</g>
+</svg>

public/images/facebook-icon.svg

+<svg id="SvgjsSvg1015" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="17" height="35" viewBox="0 0 17 35"><title>Fill 4</title><desc>Created with Avocode.</desc><defs id="SvgjsDefs1016"></defs><path id="SvgjsPath1017" d="M276 119.47H279.58V115.99C279.58 114.44999999999999 279.62 112.08 280.74 110.61C281.92 109.06 283.53000000000003 108 286.31 108C290.83 108 292.74 108.65 292.74 108.65L291.84000000000003 113.96000000000001C291.84000000000003 113.96000000000001 290.34000000000003 113.53 288.95000000000005 113.53C287.56000000000006 113.53 286.31000000000006 114.03 286.31000000000006 115.42V119.47H292.02000000000004L291.63000000000005 124.66H286.31000000000006V142.68H279.58000000000004V124.66000000000001H276.00000000000006Z " fill="#000" fill-opacity="1" transform="matrix(1,0,0,1,-276,-108)"></path></svg>
\ No newline at end of file

public/images/instagram-icon.svg

+<svg id="SvgjsSvg1009" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="35" height="35" viewBox="0 0 35 35"><title>Fill 4</title><desc>Created with Avocode.</desc><defs id="SvgjsDefs1010"></defs><path id="SvgjsPath1011" d="M48.3 135.98C48.3 137.81 46.809999999999995 139.29999999999998 44.98 139.29999999999998H23.699999999999996C21.869999999999997 139.29999999999998 20.379999999999995 137.80999999999997 20.379999999999995 135.98V121.77999999999999H25.559999999999995C25.109999999999996 122.87999999999998 24.859999999999996 124.07999999999998 24.859999999999996 125.33999999999999C24.859999999999996 130.57 29.109999999999996 134.82 34.339999999999996 134.82C39.56999999999999 134.82 43.81999999999999 130.57 43.81999999999999 125.33999999999999C43.81999999999999 124.07999999999998 43.56999999999999 122.88 43.129999999999995 121.77999999999999H48.3ZM34.34 119.24C36.38 119.24 38.18000000000001 120.24 39.290000000000006 121.78C40.02 122.78 40.45 124.01 40.45 125.34C40.45 128.71 37.71 131.44 34.34 131.44C30.980000000000004 131.44 28.240000000000002 128.71 28.240000000000002 125.34C28.240000000000002 124.01 28.67 122.78 29.39 121.78C30.5 120.24 32.3 119.24 34.34 119.24ZM46.9 112L47.67 111.99V117.86999999999999L41.81 117.88999999999999L41.79 112.00999999999999ZM23.7 108C20.009999999999998 108 17 111.01 17 114.7V135.98000000000002C17 139.67000000000002 20.009999999999998 142.68 23.7 142.68H44.980000000000004C48.68000000000001 142.68 51.68000000000001 139.67000000000002 51.68000000000001 135.98000000000002V114.70000000000002C51.68000000000001 111.01000000000002 48.68000000000001 108.00000000000001 44.980000000000004 108.00000000000001Z " fill="#000000" fill-opacity="1" transform="matrix(1,0,0,1,-17,-108)"></path></svg>
\ No newline at end of file

public/images/twitter-icon.svg

+<svg id="SvgjsSvg1012" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="35" height="29" viewBox="0 0 35 29"><title>Fill 4</title><desc>Created with Avocode.</desc><defs id="SvgjsDefs1013"></defs><path id="SvgjsPath1014" d="M176.74 116.34C175.46 116.91 174.09 117.29 172.65 117.46000000000001C174.12 116.58000000000001 175.25 115.19000000000001 175.78 113.52000000000001C174.4 114.34 172.88 114.93 171.25 115.25000000000001C169.96 113.86000000000001 168.1 113.00000000000001 166.05 113.00000000000001C162.12 113.00000000000001 158.93 116.19000000000001 158.93 120.13000000000001C158.93 120.69000000000001 158.99 121.23 159.11 121.75000000000001C153.19000000000003 121.45000000000002 147.94000000000003 118.62000000000002 144.42000000000002 114.30000000000001C143.8 115.36000000000001 143.45000000000002 116.58000000000001 143.45000000000002 117.89000000000001C143.45000000000002 120.36000000000001 144.71 122.54000000000002 146.62 123.82000000000002C145.46 123.79000000000002 144.36 123.46000000000002 143.39000000000001 122.93000000000002V123.02000000000002C143.39000000000001 126.47000000000003 145.85000000000002 129.35000000000002 149.11 130.01000000000002C148.52 130.17000000000002 147.89000000000001 130.26000000000002 147.23000000000002 130.26000000000002C146.78000000000003 130.26000000000002 146.33 130.21 145.89000000000001 130.13000000000002C146.8 132.96000000000004 149.43 135.02 152.55 135.08C150.11 136.99 147.04000000000002 138.13000000000002 143.70000000000002 138.13000000000002C143.13000000000002 138.13000000000002 142.56000000000003 138.10000000000002 142.00000000000003 138.03000000000003C145.15000000000003 140.05000000000004 148.90000000000003 141.23000000000002 152.93000000000004 141.23000000000002C166.04000000000002 141.23000000000002 173.21000000000004 130.37 173.21000000000004 120.95000000000002C173.21000000000004 120.64000000000001 173.20000000000005 120.33000000000001 173.18000000000004 120.03000000000002C174.58000000000004 119.03000000000002 175.79000000000005 117.77000000000001 176.74000000000004 116.34000000000002 " fill="#000000" fill-opacity="1" transform="matrix(1,0,0,1,-142,-113)"></path></svg>
\ No newline at end of file

public/index.html

 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Plain HTML site using GitLab Pages</title>
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <div class="navbar">
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
-      <a href="https://gitlab.com/pages/">Other Examples</a>
+
+<head>
+  <title>Archon STL - Home</title>
+
+  <meta name="keywords" content="science fiction, science, st. louis, saint louis, stl, fantasy, 
+    swords, anime, costuming, convention, science fiction, fantasy, SF, gaming, masquerade, masq, 
+    advanced, dungeons, dragons, art, art show, art auction, children, adult, video, dealers, 
+    hucksters, books, author, artist, fandom, fun, convention, history, chairpersons, guests, 
+    venue, guest of honor, toastmaster, SF convention, writers workshop, plastic modeling contest, 
+    amateur video contest, miniatures contest, star trek, star wars, role, play">
+  <meta name="description" content="The Midwest's Premier Science Fiction and Fantasy Event">
+
+  <link rel="stylesheet" type="text/css" href="styles/shared.css">
+  <link rel="stylesheet" type="text/css" href="styles/main.css">
+
+  <script type="text/javascript" src="scripts/nav.js"></script>
+</head>
+
+<body>
+  <header>
+    <div id="headLogo">
+      <a href="http://archonstl.org/index.html"><img src="/images/ArchonVector.svg" width="400" height="138" alt="Archon logo."></a>
+    </div>
+  </header>
+
+  <!--
+   ##    ##    ###    ##     ##
+   ###   ##   ## ##   ##     ##
+   ####  ##  ##   ##  ##     ##
+   ## ## ## ##     ## ##     ##
+   ##  #### #########  ##   ## 
+   ##   ### ##     ##   ## ##  
+   ##    ## ##     ##    ###   
+  -->
+  <div class="topnav" id="myTopnav">
+    <a href="#home" class="active">Home</a>
+    <div class="dropdown">
+      <button class="dropbtn">Activities</button>
+      <div class="dropdown-content">
+        <a href="/progs.html">Programming</a>
+        <a href="/posies.html">Children's Activities</a>
+        <a href="/miniatures.html">Miniatures</a>
+        <a href="/filking.html">Filking</a>
+        <a href="/diceskippin.html">Gaming</a>
+        <a href="/masq.html">Masquerade</a>
+        <a href="/artsyshow.html">Art Show &amp; Auction</a>
+        <a href="/readinggrp.html">Reading Group</a>
+        <a href="/theDance.html">Dances at Night</a>
+        <a href="/hallcostume.html">Hallway Costume Contest</a>
+        <a href="/roomcelebrations.html">Room Parties</a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn">Guests</button>
+      <div class="dropdown-content">
+        <a href="/goh.html">Guests of Honor</a>
+        <a href="/pgoh.html">Pro Guests</a>
+        <a href="/invitedguests.html">Invited Guest Policy</a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn">Merchants</button>
+      <div class="dropdown-content">
+        <a href="/artsyalley.html">Artist's (Creator's) Alley</a>
+        <a href="/hucksters.html">Hucksters</a>
+        <a href="/glassworm.html">Bookseller's Row</a>
+        <a href="/fanclub.html">Fan Clubs</a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn">Participating</button>
+      <div class="dropdown-content">
+        <a href="/badge.html">Registration</a>
+        <a href="/sleepthyhead.html">Lodging</a>
+        <a href="/gateway.html">Gateway Convention Center</a>
+        <a href="/sleepthyhead.html">DoubleTree Hotel</a>
+        <a href="/roomcelebrations.html">Room Parties</a>
+        <a href="/weapons.html">Props &amp; Weapons</a>
+        <a href="/badmouth.html">Harassment</a>
+        <a href="/pbadvertz.html">Program Book Advertising</a>
+        <a href="/volunteers.html">Volunteering</a>
+        <a href="/chimera.html">Safety &amp; Security</a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn">About Us</button>
+      <div class="dropdown-content">
+        <a href="/who.html">Who We Are</a>
+        <a href="/inmemoriam.html">In Memoriam</a>
+        <a href="/history/hmatrix_yr.html">Historical</a>
+        <a href="/snedia.html">In the Media</a>
+        <a href="/concom.html">Con Committee</a>
+        <a href="/donate.html">Charity</a>
+        <a href="/privacy.html">Disclaimer &amp; Privacy</a>
+        <a href="#">Social</a>
+        <a href="https://www.facebook.com/archonstl" target="_blank">-Facebook</a>
+        <a href="https://twitter.com/ArchonStl" target="_blank">-Twitter</a>
+        <a href="https://www.tumblr.com/blog/archonstl" target="_blank">-Tumblr</a>
+        <a href="http://archonstl.deviantart.com/" target="_blank">-DeviantArt</a>
+        <a href="https://www.instagram.com/archonstl/" target="_blank">-Instagram</a>
+        <a href="/local.html">Local Links</a>
+      </div>
     </div>
+    <a href="/badges.html" class="register">Register Now!</a>
+    <a href="javascript:void(0);" class="icon" onclick="openNav()">&#9776;</a>
+  </div>
 
-    <h1>Hello World!</h1>
+  <!--
+  ########   #######  ########  ##    ##
+  ##     ## ##     ## ##     ##  ##  ## 
+  ##     ## ##     ## ##     ##   ####  
+  ########  ##     ## ##     ##    ##   
+  ##     ## ##     ## ##     ##    ##   
+  ##     ## ##     ## ##     ##    ##   
+  ########   #######  ########     ##   
+  -->
+  <main>
+    <section id="archonDesc">
+      <h1>The Midwest's Premier Science Fiction and Fantasy Event</h1>
+      <p>A Celebration of the Imagination</p>
+    </section>
 
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
-  </body>
-</html>
+    <section>
+      <hr width="80%">
+      <div id="GoHs">
+        <div>
+          <a href="/goh.html">GoH</a>
+          <br> James S.A. Corey
+        </div>
+        <div>
+          <a href="/goh.html">Artist-GoH</a>
+          <br> Mitch Bentley
+        </div>
+        <div>
+          <a href="/goh.html">ToastMaster</a>
+          <br> <a href="http://charliejane-anders.tumblr.com/" target="_blank">Caroline Spector</a>
+        </div>
+        <div>
+          <a href="/goh.html">Media-GoH</a>
+          <br> TBA
+        </div>
+      </div>
+      <hr width="80%">
+    </section>
+
+    <section id="mainContent">
+      <aside>
+        <h2>Archon 43</h2>
+        <p>October 4 - 6, 2019</p>
+        <p>Gateway Convention Center and DoubleTree Hotel</p>
+        <p>Collinsville, IL (outside St. Louis, MO, USA)</p>
+        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1557.302345656226!2d-90.01760886247483!3d38.680952129601046!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa3a95eb92b638f85!2sGateway+Center!5e0!3m2!1sen!2sus!4v1554836367597!5m2!1sen!2sus"
+          width="300" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
+      </aside>
+
+      <div id="infoBoxes">
+        <img id="leftBank" src="/images/sci-fi-stl.jpg" width="92" height="100">
+        <h3>Introducting SF STL, </h3>
+        <a href="http://www.left-bank.com/sfstl" target="_blank">a new science fiction and fantasy author event series presented by Left Bank Books and Archon</a>
+
+        <h3>REGISTRATION</h3>
+        Pre-registration is currently not open. Prices will remain from 2018. <a href="/badge.html">We will make an announcement when the registration portal  is available.</a>
+        <a href="http://www.eventbrite.com/e/archon-40-tickets-18803669281?aff=es2" target="_blank"><br>
+        </a>
+
+        <h3>CHARITY AND DONATIONS</h3>
+        Archon gratefully <a href="/donate.html">accepts donated items</a> in order to auction off in support of our designated charity, <a href="https://www.challengerstl.org">Challenger Learning Center-St. Louis</a>
+
+        <h3>LODGING</h3>
+        <a href="/sleepthyhead.html">Archon43 DoubleTree room block is SOLD OUT!</a> Learn more about other lodging options.
+
+        <h3>PRESENTATIONS, PANELISTS AND VOLUNTEERING</h3>
+        <a href="/progs.html">Share your ideas</a> with Archon fans or <a href="/volunteers.html">Volunteer</a> in one of our departments
+
+        <h3>PUBLIC PLANNING MEETINGS</h3>
+        <a href="/hearyehearye.html">Come be apart of the action or suggest ideas. Learn about our upcoming planning schedule</a>. Stay tuned for the 2019 planning schedule.<br>
+
+        <h3> PLANNING AHEAD?</h3>
+        Archon 44 - October 2-4, 2020 Archon 45 - October 1-3, 2021
+
+        <h3>In Memoriam</h3>
+        <a href="/inmemoriam.html" target="_blank">Kevin Michael McFadden<br>
+                  Victor “Vic” Woodward Milán</a>
+      </div>
+    </section>
+  </main>
+
+  <!--
+   ########  #######   #######  ######## ######## ######## 
+   ##       ##     ## ##     ##    ##    ##       ##     ##
+   ##       ##     ## ##     ##    ##    ##       ##     ##
+   ######   ##     ## ##     ##    ##    ######   ######## 
+   ##       ##     ## ##     ##    ##    ##       ##   ##  
+   ##       ##     ## ##     ##    ##    ##       ##    ## 
+   ##        #######   #######     ##    ######## ##     ##
+  -->
+  <footer>
+    <div id="footBody">
+      <div id="footContent">
+        <a href="/chimera.html">Con Rules</a> | <a href="/privacy.html">Privacy Policy</a> | <a href="/who.html">About Us</a>
+        <div id="copyright">
+          © 1977 - 2018 ARCHON, All Rights Reserved. ST. LOUIS SCIENCE FICTION, LTD.
+          <br> Archon logo by Ray Van Tilburg
+        </div>
+      </div>
+      <div id="socials">
+        <a href="https://www.facebook.com/archonstl" target="_blank"><img src="images/facebook-icon.svg"></a>
+        <a href="https://twitter.com/ArchonStl" target="_blank"><img src="images/twitter-icon.svg"></a>
+        <a href="https://www.instagram.com/archonstl/" target="_blank"><img src="images/instagram-icon.svg"></a>
+      </div>
+    </div>
+  </footer>
+</body>
 
+</html>
\ No newline at end of file

public/privacy.html

+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Archon STL - Privacy</title>
+
+  <meta name="keywords" content="science fiction, science, st. louis, saint louis, stl, fantasy, 
+    swords, anime, costuming, convention, science fiction, fantasy, SF, gaming, masquerade, masq, 
+    advanced, dungeons, dragons, art, art show, art auction, children, adult, video, dealers, 
+    hucksters, books, author, artist, fandom, fun, convention, history, chairpersons, guests, 
+    venue, guest of honor, toastmaster, SF convention, writers workshop, plastic modeling contest, 
+    amateur video contest, miniatures contest, star trek, star wars, role, play">
+  <meta name="description" content="The Midwest's Premier Science Fiction and Fantasy Event">
+
+  <link rel="stylesheet" type="text/css" href="/styles/shared.css">
+
+  <script type="text/javascript" src="/scripts/nav.js"></script>
+</head>
+
+<body>
+  <header>
+    <div id="headLogo">
+      <a href="/index.html"><img src="/images/ArchonVector.svg" width="400" height="138" alt="Archon logo."></a>
+    </div>
+  </header>
+
+  <!--
+   ##    ##    ###    ##     ##
+   ###   ##   ## ##   ##     ##
+   ####  ##  ##   ##  ##     ##
+   ## ## ## ##     ## ##     ##
+   ##  #### #########  ##   ## 
+   ##   ### ##     ##   ## ##  
+   ##    ## ##     ##    ###   
+  -->
+  <div class="topnav" id="myTopnav">
+    <a href="#home"> Home </a>
+    <div class="dropdown">
+      <button class="dropbtn"> Activities </button>
+      <div class="dropdown-content">
+        <a href="/progs.html"> Programming </a>
+        <a href="/posies.html"> Children 's Activities</a>
+        <a href="/miniatures.html"> Miniatures </a>
+        <a href="/filking.html"> Filking </a>
+        <a href="/diceskippin.html"> Gaming </a>
+        <a href="/masq.html"> Masquerade </a>
+        <a href="/artsyshow.html"> Art Show & amp;Auction </a>
+        <a href="/readinggrp.html"> Reading Group </a>
+        <a href="/theDance.html"> Dances at Night </a>
+        <a href="/hallcostume.html"> Hallway Costume Contest </a>
+        <a href="/roomcelebrations.html"> Room Parties </a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn"> Guests </button>
+      <div class="dropdown-content">
+        <a href="/goh.html"> Guests of Honor </a>
+        <a href="/pgoh.html"> Pro Guests </a>
+        <a href="/invitedguests.html"> Invited Guest Policy </a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn"> Merchants </button>
+      <div class="dropdown-content">
+        <a href="/artsyalley.html"> Artist 's (Creator's) Alley </a>
+        <a href="/hucksters.html"> Hucksters </a>
+        <a href="/glassworm.html"> Bookseller 's Row</a>
+        <a href="/fanclub.html"> Fan Clubs </a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn"> Participating </button>
+      <div class="dropdown-content">
+        <a href="/badge.html"> Registration </a>
+        <a href="/sleepthyhead.html"> Lodging </a>
+        <a href="/gateway.html"> Gateway Convention Center </a>
+        <a href="/sleepthyhead.html"> DoubleTree Hotel </a>
+        <a href="/roomcelebrations.html"> Room Parties </a>
+        <a href="/weapons.html"> Props & amp;Weapons </a>
+        <a href="/badmouth.html"> Harassment </a>
+        <a href="/pbadvertz.html"> Program Book Advertising </a>
+        <a href="/volunteers.html"> Volunteering </a>
+        <a href="/chimera.html"> Safety & amp;Security </a>
+      </div>
+    </div>
+    <div class="dropdown">
+      <button class="dropbtn"> About Us </button>
+      <div class="dropdown-content">
+        <a href="/who.html"> Who We Are </a>
+        <a href="/inmemoriam.html"> In Memoriam </a>
+        <a href="/history/hmatrix_yr.html"> Historical </a>
+        <a href="/snedia.html"> In the Media </a>
+        <a href="/concom.html"> Con Committee </a>
+        <a href="/donate.html"> Charity </a>
+        <a href="/privacy.html"> Disclaimer & amp;Privacy </a>
+        <a href="#"> Social </a>
+        <a href="https://www.facebook.com/archonstl" target="_blank"> -Facebook </a>
+        <a href="https://twitter.com/ArchonStl" target="_blank"> -Twitter </a>
+        <a href="https://www.tumblr.com/blog/archonstl" target="_blank"> -Tumblr </a>
+        <a href="http://archonstl.deviantart.com/" target="_blank"> -DeviantArt </a>
+        <a href="https://www.instagram.com/archonstl/" target="_blank"> -Instagram </a>
+        <a href="/local.html"> Local Links </a>
+      </div>
+    </div>
+    <a href="/badges.html" class="register"> Register Now! </a>
+    <a href="javascript:void(0);" class="icon" onclick="openNav()"> & #9776;</a>
+  </div>
+
+  <!--
+    ########   #######  ########  ##    ##
+    ##     ## ##     ## ##     ##  ##  ## 
+    ##     ## ##     ## ##     ##   ####  
+    ########  ##     ## ##     ##    ##   
+    ##     ## ##     ## ##     ##    ##   
+    ##     ## ##     ## ##     ##    ##   
+    ########   #######  ########     ##   
+  -->
+  <main>
+    <div id="pageTitle">
+      <h1>Disclaimer &amp; Privacy</h1>
+    </div>
+    <h2>Website Disclaimer</h2>
+
+    <p>ST. LOUIS SCIENCE FICTION, LTD. or Archon is not responsible for, and expressly disclaims all liability for, damages of any kind arising out of use, reference to, or reliance on any information contained within the site. While the information contained
+      within the site is periodically updated, no guarantee is given that the information provided in this Web site or any social media is correct, complete, and up-to-date.</p>
+    <p>Although the ST. LOUIS SCIENCE FICTION, LTD. or the Archon Web site may include links providing direct access to other Internet resources, including Web sites, ST. LOUIS SCIENCE FICTION, LTD. and Archon is not responsible for the accuracy or content
+      of information contained in these sites.</p>
+    <p>Links from ST. LOUIS SCIENCE FICTION, LTD. to third-party sites do not constitute an endorsement by ST. LOUIS SCIENCE FICTION, LTD. of the parties or their products and services. The appearance on the Web site of advertisements and product or service
+      information does not constitute an endorsement by ST. LOUIS SCIENCE FICTION, LTD., and ST. LOUIS SCIENCE FICTION, LTD. has not investigated the claims made by any advertiser.</p>
+    <h2>Privacy Policy</h2>
+    <p>You may give us personal information about you, such as your name, your contact email and other contact details on various places on our website. This privacy policy describes how we collect and use your personal information.</p>
+    <p>How and where we collect personal information:</p>
+    <ul>
+      <li>electronic newsletters</li>
+      <li>discussion boards and forums</li>
+      <li>chats and blogs</li>
+      <li>customer registration</li>
+      <li>etc ...</li>
+    </ul>
+    <p>How we use your personal information:</p>
+    <p>The information you give us is absolute safe with us. We will never rent, sell, share or otherwise disclose your personal information to third parties. We might contact you from time to time regarding ARCHON (like forums and announcement lists) you
+      have subscribed to.</p>
+    <p>We may also send you promotional announcements from time to time about ARCHON that you might find useful.</p>
+    <p>You may also opt out from receiving information from us at any time and ask us to remove your contact information from our database.</p>
+    <h2>Opinions</h2>
+    <p>The views and opinions expressed on this web site are soley those of the original authors and other contributors. These views and opinions do not necessarily represent those of ST. LOUIS SCIENCE FICTION, LTD., the Archonstl.org staff, Archon, and/or
+      any/all contributors to this site.</p>
+  </main>
+  <!--
+    ########  #######   #######  ######## ######## ######## 
+    ##       ##     ## ##     ##    ##    ##       ##     ##
+    ##       ##     ## ##     ##    ##    ##       ##     ##
+    ######   ##     ## ##     ##    ##    ######   ######## 
+    ##       ##     ## ##     ##    ##    ##       ##   ##  
+    ##       ##     ## ##     ##    ##    ##       ##    ## 
+    ##        #######   #######     ##    ######## ##     ##
+  -->
+  <footer>
+    <div id="footBody">
+      <div id="footContent">
+        <a href="/chimera.html"> Con Rules </a> | <a href="/privacy.html"> Privacy Policy </a> | <a href="/who.html"> About Us </a > 
+        <div id="copyright"> 
+          © 1977 - 2018 ARCHON, All Rights Reserved. ST. LOUIS SCIENCE FICTION, LTD.
+          <br> Archon logo by Ray Van Tilburg
+        </div>
+      </div>
+      <div id="socials"> 
+        <a href="https://www.facebook.com/archonstl" target = "_blank"><img src = "images/facebook-icon.svg"></a>
+        <a href="https://twitter.com/ArchonStl" target="_blank"><img src="images/twitter-icon.svg"></a>
+        <a href="https://www.instagram.com/archonstl/" target="_blank"><img src="images/instagram-icon.svg"></a>
+      </div>
+    </div>
+  </footer>
+</body>
+
+</html>
\ No newline at end of file

public/scripts/nav.js

+ /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
+ function openNav() {
+   var x = document.getElementById("myTopnav");
+   if (x.className === "topnav") { x.className += " responsive"; } else {
+     x.className = "topnav";
+   }
+ }
\ No newline at end of file

public/style.css

-body {
-  font-family: sans-serif;
-  margin: auto;
-  max-width: 1280px;
-}
-
-.navbar {
-  background-color: #313236;
-  border-radius: 2px;
-  max-width: 800px;
-}
-
-.navbar a {
-  color: #aaa;
-  display: inline-block;
-  font-size: 15px;
-  padding: 10px;
-  text-decoration: none;
-}
-
-.navbar a:hover {
-  color: #ffffff;
-}
-

public/styles/main.css

+#archonDesc {
+  text-align: center;
+}
+
+#archonDesc h2 {
+  display: inline;
+}
+
+#GoHs {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+#GoHs div {
+  background-color: #089AB7;
+  margin: 15px;
+  padding: 5px;
+  width: 200px;
+  text-align: center;
+}
+
+#GoHs div a[href="goh.html"] {
+  text-decoration: none;
+  color: inherit;
+  font-weight: bold;
+  font-size: 20px;
+}
+
+#mainContent {
+  display: flex;
+}
+
+aside {
+  float: left;
+  background-color: #089AB7;
+  max-width: 300px;
+  text-align: center;
+  padding: 10px;
+  margin-right: 10px;
+}
+
+#infoBoxes {
+  width: auto;
+  flex-shrink: 3;
+}
+
+#leftBank {
+  float: left;
+  padding-right: 5px;
+}
+
+@media screen and (max-width: 600px) {
+  #mainContent {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  #infoBoxes {
+    width: auto;
+  }
+}
\ No newline at end of file

public/styles/shared.css

+@font-face {
+  font-family: archon;
+  src: url(/fonts/Arcon-Regular.otf);
+}
+
+body {
+  font-family: "Arcon-Regular.otf", "Trebuchet MS", Arial, Helvetica, sans-serif;
+  background-color: #D5D7E2;
+  margin: 0;
+  padding: 0;
+}
+
+main {
+  margin: 5px;
+  padding: 5px;
+}
+
+header {
+  background-color: #284983;
+  text-align: center;
+  background-image: url(/images/StarBG.svg)
+}
+
+#headLogo {
+  background-color: #284983;
+  width: 400px;
+  margin: 0 auto;
+}
+
+#pageTitle {
+  text-align: center;
+}
+
+
+/* #region footer */
+
+footer {
+  background-color: #284983;
+  color: #CFCFCF;
+  text-align: center;
+  padding: 5px;
+}
+
+footer a {
+  text-decoration: none;
+  color: #DFDFDF;
+}
+
+#footBody {
+  display: inline-block;
+  text-align: initial;
+  width: 80%;
+}
+
+#footContent {
+  float: left;
+}
+
+#copyright {
+  padding-top: 5px;
+  font-size: 10px;
+}
+
+#socials {
+  vertical-align: middle;
+  float: right;
+}
+
+#socials a {
+  background-color: #DFDFDF;
+  border-radius: 50%;
+  width: 32px;
+  height: 32px;
+  display: inline-block;
+}
+
+#socials img {
+  vertical-align: middle;
+  margin: 6px;
+  width: 20px;
+  height: 20px;
+}
+
+
+/* #endregion */
+
+
+/* #region Navbar*/
+
+.topnav {
+  background-color: #089AB7;
+  overflow: hidden;
+}
+
+.topnav a {
+  float: left;
+  display: block;
+  color: black;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 17px;
+}
+
+.active {
+  background-color: #EB7724;
+  color: white;
+}
+
+.topnav .icon {
+  display: none;
+}
+
+.dropdown {
+  float: left;
+  overflow: hidden;
+}
+
+.dropdown .dropbtn {
+  font-size: 17px;
+  border: none;
+  outline: none;
+  color: black;
+  padding: 14px 16px;
+  background-color: inherit;
+  font-family: inherit;
+  margin: 0;
+}
+
+.dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #189FBD;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  z-index: 1;
+}
+
+.dropdown-content a {
+  float: none;
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+  text-align: left;
+}
+
+.topnav a:hover,
+.dropdown:hover .dropbtn {
+  background-color: #EB7724;
+  color: black;
+}
+
+.dropdown-content a:hover {
+  background-color: #F17D2A;
+  color: black;
+}
+
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+
+.topnav .register {
+  float: right;
+  background-color: #FDC000;
+}
+
+@media screen and (max-width: 600px) {
+  .topnav a:not(:first-child),
+  .dropdown .dropbtn {
+    display: none;
+  }
+  .topnav a.icon {
+    float: right;
+    display: block;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .topnav.responsive {
+    position: relative;
+  }
+  .topnav.responsive a.icon {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  .topnav.responsive a {
+    float: none;
+    display: block;
+    text-align: left;
+  }
+  .topnav.responsive .dropdown {
+    float: none;
+  }
+  .topnav.responsive .dropdown-content {
+    position: relative;
+  }
+  .topnav.responsive .dropdown .dropbtn {
+    display: block;
+    width: 100%;
+    text-align: left;
+  }
+}
+
+
+/* #endregion */
\ No newline at end of file