From 72c0ff388d717d643b7ccbd88740b31b84194178 Mon Sep 17 00:00:00 2001
From: "github-classroom[bot]"
 <66690702+github-classroom[bot]@users.noreply.github.com>
Date: Sun, 4 Feb 2024 16:29:54 +0000
Subject: [PATCH] Initial commit

---
 css/styles.css | 34 ++++++++++++++++++++++++++++++++++
 index.html     | 15 +++++++++++++++
 js/scripts.js  |  1 +
 readme.md      | 17 +++++++++++++++++
 4 files changed, 67 insertions(+)
 create mode 100644 css/styles.css
 create mode 100644 index.html
 create mode 100644 js/scripts.js
 create mode 100644 readme.md
diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 0000000..d68ead3
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,34 @@
+/* MOBILE AND GLOBAL STYLES */
+
+/* applies to screens smaller than 500px (first breakpoint) */
+/* and above unless overwritten below */
+
+body {
+  background: #fcc;
+} 
+
+
+
+/* TABLET STYLES */
+
+@media screen and (min-width: 500px) {
+
+  /* applies to screens wider than 499px */
+  
+  body {
+    background: #cfc;
+  } 
+}
+
+
+
+/* DESKTOP STYLES */
+
+@media screen and (min-width: 1000px) {
+
+  /* applies to screens wider than 999px */
+
+  body {
+    background: #ccf;
+  } 
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f906c2d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>P-Number</title>
+  <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+  
+  <h1>Hello World</h1>
+
+  <script src="js/scripts.js"></script>
+</body>
+</html>
diff --git a/js/scripts.js b/js/scripts.js
new file mode 100644
index 0000000..ad86b2e
--- /dev/null
+++ b/js/scripts.js
@@ -0,0 +1 @@
+console.log("hello");
\ No newline at end of file
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..f5bb85e
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,17 @@
+# CTEC3905 Assignment
+
+This repository contains basic boilerplate code for you to get started with.
+
+You will need to replace the contents of these files with your own code.
+
+## index.html
+
+The `index.html` file includes a basic template with a link to the `css/styles.css` file and a script tag after the main content which links to the `js/scripts.js` file.
+
+## css/styles.css
+
+The `css/styles.css` file contains a basic starting template for a responsive page.
+
+## js/scripts.js
+
+The `js/scripts.js` file contains a simple console.log statement to confirm that it is being executed.
