-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (104 loc) · 4.56 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
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VladGG</title>
</head>
<body>
<div class="hero" id="hero">
<nav>
<div class="left"><a href="" class="text-shadow-big no-decoration"><abbr title="Reset this page and get a new splash text">VladGG</abbr></a></div>
<div><a id="about-me-link" href="#about-me" class="text-shadow-big no-decoration">About me</a></div>
<div><a id="my-games-link" href="#my-games" class="text-shadow-big no-decoration">My games</a></div>
<div><a id="my-web-experiments-link" href="#my-web-experiments" class="text-shadow-big no-decoration">My web experiments</a></div>
</nav>
<h1 style="text-shadow: 0px 0px 20px rgba(0, 0, 0, 75%);">VladGG's<br>experiments</h1>
<div class="splash-text text-shadow-big" id="splash-text">################</div>
</div>
<div class="root-margin">
This website is still a work in progress!!!
<br>
<a class="button" href="">Link button</a>
<br>
</div>
<div class="section-container">
<div class="section" id="about-me">
<h2>About Me</h2>
Hello, my name is Vlad and I am <span id="age"></span> years old. When I don't play video games, I spend my time
working on various projects. I have been coding since I was 12 years old and have gained a lot of experience. I mostly make games
with C# in the Unity game engine or thr MonoGame framework, but I can also code in C++, make websites, and use Python.
</div>
<div class="section" id="my-games">
<h2>My Games</h2>
Here are links to all of the games I made.
<div class="card-container">
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis! Lorem ipsum dolor sit amet consectetur adipisicing elit.
Animi labore incidunt neque blanditiis ipsa. Voluptates qui consequuntur enim in repellendus!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at
</div>
</div>
</div>
<div class="section" id="my-web-experiments">
<h2>My Web Experiments</h2>
I want to keep improving my web development skills. I will be making experiment websites and publishing them on this domain.
<div class="card-container">
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
<div class="card">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Totam repudiandae beatae at ipsa suscipit perspiciatis illo rem exercitationem aliquid,
fuga inventore, incidunt corporis!
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>