Initial commit
This commit is contained in:
		
						commit
						72c0ff388d
					
				| 
						 | 
				
			
			@ -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;
 | 
			
		||||
  } 
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
console.log("hello");
 | 
			
		||||
| 
						 | 
				
			
			@ -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.
 | 
			
		||||
		Loading…
	
		Reference in New Issue