-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (142 loc) · 7.45 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home - RaduTek's Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/x-icon" href="/images/logo/Favicon.ico" />
<!-- Local Includes -->
<link rel="stylesheet" href="/style.css" />
<script src="/main.js"></script>
<!-- Third party includes -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/iconify-icon.min.js"></script>
</head>
<body>
<div class="background"></div>
<div class="header-container">
<div class="header">
<div class="header-logo">
<img src="/images/logo/TabletMan_Transparent.png" alt="Logo Image" class="logo-image" />
<a href="/" class="logo-link">RaduTek</a>
</div>
<button class="mobile-header-expand button" onclick="showHideHeaderLinks()">
<svg><use href="/images/icons/icons.svg#mobile-expand" /></svg>
</button>
<div class="header-links" id="header-links">
<div class="header-left">
<a href="/" class="link tt-parent">
<span class="tt tt-bottom tt-2 tt-delayed">Home Page</span>
<span class="link-button">
<iconify-icon icon="mdi:home-outline" width="16"></iconify-icon>
Home
</span>
</a>
<a href="https://github.com/RaduTek?tab=repositories" class="link tt-parent">
<span class="tt tt-bottom tt-5 tt-delayed">Here are my projects</span>
<span class="link-button"
><iconify-icon icon="mdi:toy-brick-outline" width="16"></iconify-icon>
Projects
</span>
</a>
<!-- <a href="#" class="link tt-parent">
<span class="tt tt-bottom tt-5 tt-delayed">Read what I've posted</span>
<span class="link-button">
<iconify-icon icon="mdi:clipboard-text-outline" width="16"></iconify-icon>
Posts
</span>
</a>
<a href="#" class="link tt-parent">
<span class="tt tt-bottom tt-5 tt-delayed">Download some stuff</span>
<span class="link-button">
<iconify-icon icon="mdi:folder-download-outline" width="16"></iconify-icon>
Files
</span>
</a>
<a href="#" class="link tt-parent">
<span class="tt tt-bottom tt-3 tt-delayed">More about me</span>
<span class="link-button">
<iconify-icon icon="mdi:account-outline" width="16"></iconify-icon>
About
</span>
</a> -->
</div>
<div class="header-right">
<!-- <a href="#" class="link tt-parent">
<span class="tt tt-bottom tt-4 tt-delayed">Let's get in touch!</span>
<span class="link-button">
<iconify-icon icon="mdi:share-variant" width="16"></iconify-icon>
Social
</span>
</a>
<a href="#" class="link tt-parent">
<span class="tt tt-bottom tt-3 tt-delayed">Find some stuff</span>
<span class="link-button">
<iconify-icon icon="mdi:magnify" width="16"></iconify-icon>
Search
</span>
</a> -->
</div>
</div>
</div>
</div>
<div class="content-container">
<div class="title">
<img src="/images/logo/TabletMan_Transparent.png" alt="Logo Image" class="title-picture" />
<h1>Hi, I'm Radu!</h1>
<h3>Welcome to my website</h3>
</div>
<div class="content">
<div class="sub">
<h4 class="heading">A bit of info</h4>
<p>
Hello, I am Radu and I'm a teenage computer nerd. I love computers, old and new and I especially
love making programs for them.
</p>
<p>My favorite programming language is C#, but I also like designing websites and UIs.</p>
</div>
<div class="sub">
<h4 class="heading">Site stuff</h4>
<p>This site really needs more functionality added to it and that will come with more time.</p>
</div>
</div>
</div>
<div class="footer-container">
<div class="footer">
<div class="float-right social-bar">
<a href="/" class="tt-parent">
<span class="tt tt-top tt-3">Website Home</span>
<iconify-icon icon="mdi:home-outline" width="32"></iconify-icon>
</a>
<a href="https://github.com/RaduTek" class="tt-parent">
<span class="tt tt-top tt-1">GitHub</span>
<iconify-icon icon="mdi:github" width="32"></iconify-icon>
</a>
<a href="https://youtube.com/RaduTek" class="tt-parent">
<span class="tt tt-top tt-1">YouTube</span>
<iconify-icon icon="mdi:youtube" width="32"></iconify-icon>
</a>
<!-- <a href="https://twitter.com/RaduTek13" class="tt-parent">
<span class="tt tt-top tt-1">Twitter</span>
<iconify-icon icon="mdi:twitter" width="32"></iconify-icon>
</a>
<a href="https://reddit.com/u/RaduTek" class="tt-parent">
<span class="tt tt-top tt-1">Reddit</span>
<iconify-icon icon="ic:baseline-reddit" width="32"></iconify-icon>
</a> -->
<a href="https://discord.gg/5dkP6xUTbp" class="tt-parent">
<span class="tt tt-top tt-1">Discord</span>
<iconify-icon icon="ic:baseline-discord" width="32"></iconify-icon>
</a>
</div>
<p>
Made by RaduTek with
<iconify-icon icon="mdi:cards-heart-outline" width="12"></iconify-icon>
</p>
<p>
<!-- <a href="#">Privacy Policy</a> -->
<a href="#">Contact</a>
</p>
</div>
</div>
</body>
</html>