-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
99 lines (89 loc) · 3.96 KB
/
about.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<!-- ABOUT -->
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- BOOTSTRAP -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!-- CSS -->
<link href="styles.css" rel="stylesheet">
<title>Minecraft P-SET 8 | About</title>
<link rel="icon" type="image/png" href="images/logos/grass.png">
<meta name="theme-color" content="#8bb0fb">
<!-- FOR MOBILE RESPONSIVENESS -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- JAVASCRIPT -->
<script src="script.js"></script>
<!-- MAIN SQUARE -->
<div id="main-square">
<!-- NAVBAR -->
<nav>
<!--
STEVE ON TOP OF NAVBAR
IT'S INSIDE <NAV> BECAUSE HE NEEDS TO BE BETWEEN NAV WIDTH
-->
<img alt="Steve Character" id="steve" height="32" width="24" src="images/steve/0.png">
<!--
WASD BUTTONS ON RIGHT SIDE
IT'S INSIDE <NAV> WITHOUT REASON
-->
<div id="wasd">
<p>Try in your keyboard:</p>
<button type="button" id="w" disabled>w</button><br>
<button type="button" id="a">a</button>
<button type="button" id="s" disabled>s</button>
<button type="button" id="d">d</button>
</div>
<!-- STUFF INSIDE NAVBAR -->
<div id="nav-space">
<!-- MINECRAFT LOGO ON LEFT SIDE -->
<a id="logo" href="index.html"><img alt="Minecraft Logo" width="200" src="images/logos/minecraft.svg"></a>
<!-- MENU OPTIONS ON RIGHT SIDE-->
<ul id="menu">
<li><a class="pag" href="index.html">Home</a></li>
<li><a class="pag" href="java.html">Java</a></li>
<li><a class="pag" href="bedrock.html">Bedrock</a></li>
<li><a class="pag" href="#">About</a></li>
</ul>
</div>
</nav>
<!-- CONTENT -->
<article>
<h1>About</h1>
<section>
<h2 class="title">Who are you</h2>
<p>
I am a brazilian student that loves programming, and I am taking the
<a href="https://pll.harvard.edu/course/cs50-introduction-computer-science?delta=0"
target="_blank">CS50 Course</a> before I enter in university, and
it is wonderful course indeed.
</p>
<a id="github" href="https://github.com/euyogi" target="_blank">Check out my <img alt="GitHub Logo" height="43" width="73" src="images/logos/github.png"></a>
</section>
<section>
<h2 class="title">Why the page</h2>
<p>
One of CS50's problem sets is creating a homepage about something.
It could be about myself, or some hobby, or anything else that I
have some interest, so I thought about Minecraft, because it is a
game that I played a lot when I was younger, and had a lot of fun
with people across my country, could live some wonderful experiences
in some servers that probably does not even exists anymore. As there
is some time that I do not play, it is possible that the game changed
a lot and it lost some of that essence of the past. But it will be
forever something that was part of my life and I really liked the
gold times expend in it :)
</p>
</section>
</article>
<footer>Problem Set 8 - Homepage [CS50] - <a id="to-top" href="#">Return to top</a></footer>
</div>
</body>
</html>