-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (68 loc) · 2.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>3D Cube Loader</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- Loader -->
<div class="loader-wrapper" role="alert" aria-live="assertive">
<div class="cube">
<div class="side front"></div>
<div class="side back"></div>
<div class="side left"></div>
<div class="side right"></div>
<div class="side top"></div>
<div class="side bottom"></div>
</div>
</div>
<!-- Main Content -->
<div class="content">
<h1>Welcome to 3D Cube Loader</h1>
<p>
<a
href="https://www.instagram.com/beggarsmind"
target="_blank"
class="social-link instagram"
>Instagram</a
>
|
<a
href="https://github.com/beggarsmind"
target="_blank"
class="social-link github"
>GitHub</a
>
|
<a
href="https://t.me/beggarsmind"
target="_blank"
class="social-link telegram"
>Telegram</a
>
|
<a href="mailto:ranjithravi18110@gmail.com" class="social-link email"
>Email</a
>
</p>
<h3>
This is a simple and interactive web page with a visually appealing 3D
cube loader that will display while your page is loading. The cube
rotates smoothly and is made up of six sides with a modern design. The
page includes animation effects and follows best practices for
accessibility and design. Below, you will find my social media and
contact details. Feel free to reach out or connect with me on any of the
platforms. 🌐
</h3>
</div>
<footer>
<p>
Designed By Ranjithkumar.R (
<a href="https://github.com/beggarsmind">Beggar's Mind</a> )
</p>
</footer>
<script src="script.js"></script>
</body>
</html>