Initial commit

This commit is contained in:
github-classroom[bot] 2024-02-04 16:29:54 +00:00 committed by GitHub
commit 72c0ff388d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 67 additions and 0 deletions

34
css/styles.css Normal file
View File

@ -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;
}
}

15
index.html Normal file
View File

@ -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>

1
js/scripts.js Normal file
View File

@ -0,0 +1 @@
console.log("hello");

17
readme.md Normal file
View File

@ -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.