diff --git a/Images/Logo.png b/Images/Logo.png new file mode 100644 index 0000000..559f111 Binary files /dev/null and b/Images/Logo.png differ diff --git a/Images/icon.png b/Images/icon.png new file mode 100644 index 0000000..8c2348d Binary files /dev/null and b/Images/icon.png differ diff --git a/SubFiles/aboutUs.html b/SubFiles/aboutUs.html new file mode 100644 index 0000000..6a40a62 --- /dev/null +++ b/SubFiles/aboutUs.html @@ -0,0 +1,58 @@ + + + + + + + Apophis Coding - About Us + + + + +
+
+ Icon of Apophis Coding +

Apophis Coding - About Us

+
+
+ +
+
+

This page is currently under construction.

+
+
+ + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..b1d4020 --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + + Apophis Coding + + + + +
+
+ Icon of Apophis Coding +

Apophis Coding

+
+
+ +
+
+

Welcome to the home page of Apophis Coding.

+

This side is currently under construction.

+
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..498840e --- /dev/null +++ b/style.css @@ -0,0 +1,108 @@ +:root +{ + --main-bg-color: gray; + --main-bg-overlay-color: rgba(26, 26, 26, 0.596); + --main-font-color: rgb(177, 177, 147); +} + + +.page-head +{ + height: 75px; +} + +.page-head div +{ + position: fixed; + width: 100%; + background-color: var(--main-bg-overlay-color); + color: white; + padding: 1px; + margin: 0; + vertical-align: middle; +} + +.page-head img +{ + width: 75px; + display: inline; + vertical-align: middle; +} + +.page-head h1 +{ + display: inline; + vertical-align: middle; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.navigation +{ + text-align: center; + padding: 0; +} + +.navigation li, .navigation a +{ + display: inline-block; + width: 100px; + background-color: rgba(39, 39, 39, 0.596); + color: var(--main-font-color); + font-size: larger; + text-decoration: none; +} + +body +{ + background-color: var(--main-bg-color); + margin: 0; + background-image: url('Images/Logo.png'); + background-repeat: no-repeat; + background-attachment: fixed; + background-position: center; + background-size: 600px; +} + +.center-panel +{ + background-color: var(--main-bg-overlay-color); + padding: 10px; + margin: 0px 200px; + border: black; + border-spacing: 3px; + color: var(--main-font-color); + border-style: solid; + vertical-align: middle; +} + +.center-panel p +{ + margin: 0; + color: var(--main-font-color); + font-size: larger; +} + +h1 +{ + font-size: 40px; + color: var(--main-font-color); +} + +.test-class +{ + font-size: 80px; +} + +.test-class p +{ + color: var(--main-font-color); +} + +.footer +{ + position: fixed; + bottom: 0; + left: 10px; +} \ No newline at end of file