summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--desktop.css0
-rw-r--r--index.css29
-rw-r--r--index.php95
-rw-r--r--widescreen.css0
4 files changed, 124 insertions, 0 deletions
diff --git a/desktop.css b/desktop.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/desktop.css
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..37bdccb
--- /dev/null
+++ b/index.css
@@ -0,0 +1,29 @@
+html {
+ font-family: "Vollkorn", serif;
+}
+
+a.closeMenu {
+ float: right;
+ display: none;
+}
+
+#menu:target nav {
+ display: block;
+}
+
+#menu:target a.openMenu {
+ display: none;
+}
+
+a.openMenu {
+ float: right;
+}
+
+#menu:target a.closeMenu {
+ display: block;
+}
+
+nav {
+ background-color: red;
+ display: none;
+}
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..d9f2943
--- /dev/null
+++ b/index.php
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <title>The University Edge</title>
+ <style>
+ <?php include('index.css'); ?>
+ </style>
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Vollkorn&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="/desktop.css" />
+ <link rel="stylesheet" href="/widescreen.css" />
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="description" content="++description++" />
+ <meta property="og:description" content="++description++" />
+ <meta
+ property="og:image"
+ content="http://theuniversityedge.com/assets/logo.webp"
+ />
+ <meta
+ property="og:image:secure_url"
+ content="https://theuniversityedge.com/assets/logo.webp"
+ />
+ <meta property="og:site_name" content="The University Edge" />
+ <meta property="og:title" content="The University Edge" />
+ <meta property="og:type" content="website" />
+ <meta property="og:url" content="https://theuniversityedge.com" />
+ </head>
+
+ <body id="menu">
+ <main>
+ <nav>
+ <a class="closeMenu" href="#">
+ <svg style="width: 24px; height: 24px" viewBox="0 0 24 24">
+ <path fill="#ffffff"
+ d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" />
+ </svg>
+ </a>
+ <a href="/#"><img src="/assets/logo-simple.png" /></a>
+ <a href="/#contact">Contact Me</a>
+ <a href="/#reviews">Reviews</a>
+ <a href="/about">About</a>
+ <a href="/policies">Policies</a>
+ <a href="/#pricing">Pricing</a>
+ <a href="/#offerings">Offerings</a>
+ </nav>
+ <a class="openMenu" href="#menu">
+ <svg style="width: 24px; height: 24px" viewBox="0 0 24 24">
+ <path fill="#195970" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" />
+ </svg>
+ </a>
+ <section>
+ <p>
+ Nostrum eum pariatur pariatur qui libero dolores modi incidunt.
+ Tempora asperiores nostrum asperiores non nihil. Dolores adipisci quia
+ sed aut excepturi. Nobis harum perspiciatis molestiae atque.
+ </p>
+
+ <p>
+ Reprehenderit quaerat maiores voluptas non reiciendis. Porro dicta
+ necessitatibus voluptatibus alias qui at quaerat. Non explicabo neque
+ impedit. Non velit amet accusantium aut itaque necessitatibus. Eveniet
+ sunt consequatur officia.
+ </p>
+
+ <p>
+ Fugiat consequatur sunt officia neque magni nihil exercitationem.
+ Placeat fuga consequatur ipsa. Quia velit non aut dolor excepturi
+ impedit. Voluptates ipsa ut sunt consequatur quisquam. Nisi commodi
+ est qui id qui consequuntur.
+ </p>
+
+ <p>
+ Recusandae deserunt ullam corrupti et. Quam est et voluptatum
+ consequatur. Voluptates quia suscipit in voluptates.
+ </p>
+
+ <p>
+ Quia porro aliquam illum eius possimus reprehenderit hic. Sed
+ similique qui et. Eos aut illum veniam. Voluptas dolores minima et
+ dolor reiciendis.
+ </p>
+ </section>
+ </main>
+
+ <footer>
+ <p>
+ &copy;
+ <?php echo date('Y'); ?>
+ The University Edge. All rights reserved.
+ </p>
+ </footer>
+ </body>
+</html>
diff --git a/widescreen.css b/widescreen.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/widescreen.css