HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • index.css
  • index.js
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Welcome to Nitrogen</title>
		<link rel="stylesheet" href="https://necolas.github.io/normalize.css/8.0.0/normalize.css">
		<style type="text/css">
			/* put CSS styles here */

			@import url('https://fonts.googleapis.com/css?family=Overpass:300,300i');

			:root {
				font-size: 1em;
				display: flex;
				min-height: 100vh;
			}

			.logo {
				height: 2.5rem;
				display: block;
			}

			body {
				margin: auto;
				padding: 1.5rem;
				line-height: 1.5;
				font-family: Overpass;
				max-width: 80ch;
			}

			body > img + p {
				margin-top: 0;
			}

			body > p:last-child {
				margin-bottom: 0;
			}

			a {
				color: #00acc1;
			}
		</style>
		<script type="text/javascript">
			/* put JavaScript here */
		</script>
	</head>
	<body>
		<img class="logo" src="https://puu.sh/AyXDx/54101043a8.svg">
		<p>
			Hey there, welcome to Nitrogen! The internet's a weird and wonderful place, and here's your little slice of it. We love the internet, and we also love the people on it. We want the Internet and coding to be accessible to everyone, so please, build something great. Build something strange. Build something funny. It's not even <i>what</i> you build that's important. It's that you have <i>fun</i> building it. We've given you the tools to do it, and the sky's the limit. We'd love to see it when you're done.
		</p>
		<p>
			Thanks, from the Allotrope team.
		</p>
		<p>
			Also, to learn more about HTML, head over to the <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML" target="_blank" rel="noopener noreferrer">Mozilla Developer Network</a>.
		</p>
	</body>
</html>
result
console