-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (67 loc) · 2.67 KB
/
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
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<!--
This is an HTML comment
You can write text in a comment and the content won't be visible in the page
-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--
This is the page head - it contains info the browser uses
Like the title, which appears on the browser tab but not inside the page
Further down you'll see the content that displays in the page
-->
<title>Hello World!</title>
<!--
The website stylesheet
This connects your CSS file to your HTML
-->
<link rel="stylesheet" href="style.css" />
<!--
Here you can import your fonts
You can find all sort of fonts here: https://fonts.google.com/
Find the one that you like and copy hte <link> part from Selected family
-->
<link
href="https://fonts.googleapis.com/css2?family=Sono&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!--
The body includes the content you see in the page
Each element is defined using tags, like this <div></div>
The attributes like class="wrapper" let us style elements in the CSS
We have already prepared basic structure for your elements, but you can change them anyway you like
-->
<div class="wrapper">
<div class="content">
<!-- Our main title -->
<h1 class="title">Hello Green Fox Academy!</h1>
<!--
Here you can implement the logo from assets folder
For source attribute you will need to copy the url link of the picture,
because it's uploaded online
-->
<img src="https://cdn.glitch.global/471bb24d-9f41-4171-8b34-b98165afae17/Joy%20of%20Coding.png?v=1679936481620" alt="Main logo" class="logo" title="Click me!" />
<!--
This is our main text area
Look closely on the page that you should recreate and figure out what tags you have to add
-->
<div class="main">
<h2>Beggining of something big</h2>
<p>Welcome to my <strong>First Website Project!</strong> First let me introduce myself. My name is Csaba Deák and I want to become the very best software developer, that works day and night. Here is a list of my bigest achievemnts:</p>
<div class="list">
<ul>
<li>I think I managed to do the 0th homework</li>
<li>I did some changes in my First Website Project</li>
<li>I hope it's not a problem 😇</li>
</ul>
</div>
<!-- Add more elements and style them in the CSS file -->
</div>
</div>
</div>
</body>
</html>