-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
129 lines (113 loc) · 4.42 KB
/
Copy pathindex.html
File metadata and controls
129 lines (113 loc) · 4.42 KB
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
<!DOCTYPE = html5>
<html lang="en">
<head>
<title>TBH™ discord</title>
<meta name="icon" content="./img/icon.png">
<meta name="author" content="TrueBlueCreativeWorks Inc">
<meta charset="UTF-8">
<meta name="theme-color" content="#7289DA">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="The Official invite Page of 🌐|TrueBlueHub™" />
<link
rel="shortcut icon"
type="image/x-icon"
href="./img/icon.png"
/>
<link rel="stylesheet" href="styles.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div id="progressbar"></div>
<div id="scrollPath"></div>
<header>
<div class = "parallax">
<!-- Trigger/Open The Modal -->
<div class=TitlePanel>
<h1>Join Our Discord Server</h1>
<button id="myBtn">Join</button>
</div>
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close">×</span>
<h2>Are you Ready</h2>
</div>
<div class="modal-body">
<p>By joining TrueBlueHub™, you are hereby agreeing to abide by our community guidelines and discord's TOS, and you are acknoledging that if you fail to do so you can and will be Penalized and/or removed form our community</p>
<div class = InvPanel><img width="100em" src="./img/icon.png" alt="icon"><h2>🌐|TrueBlueHub™</h2> <a href="https://discord.gg/D8p3NAa">Join</a> </div>
</div>
<div class="modal-footer">
<h3>Modal Footer</h3>
</div>
</div>
</div>
<div>
<audio autoplay>
<source src="./sounds/Ringtone_Discord.mp3" type="audio/mpeg">
</audio>
</div>
</header>
<main>
<div style='width:100%; '>
<svg viewBox="0 0 1023 83" color=white enable-background="new 0 0 1023 83" xml:space="preserve">
<path fill=" #2F3136" d="M1024,27.68c0,0-109.167-28.004-221.241-28.004S511.5,27.563,511.5,27.563
S364.931,51.268,251.447,51.268S-1,27.5-1,27.5V83h1024.5L1024,27.68z"></path>
</svg>
</div>
<div class = Table>
<div class = "DescPanel" style = 'padding:12px 18px;'>
<h2>What we are about</h2>
<p>We are the social hub of TrueBlueCreativeWorks inc - a technology development company based in Florida, hoping to bring new technologies to life and create a better world.</p>
</div>
</div>
<button class="accordion"><i class="fa fa-comment"></i> LiveChat</button>
<div class="panel">
<div class = Table>
<div>
<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
<widgetbot
server="693825667204251689"
channel="729998775333945344"
height ="30em"
></widgetbot>
</div>
</div>
</div>
<button class="accordion"><i class="fa fa-book"></i> Rules</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime eius animi natus quia quo at in cum, commodi dolorum ea fugiat, facere, molestias officiis libero et tempore totam ratione. Deserunt?</p>
</div>
<button class="accordion">Section 3</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi neque asperiores quae sequi soluta minima beatae cum, repellendus quibusdam blanditiis culpa amet a minus saepe eos ab, reprehenderit quam fugiat.</p>
</div>
</main>
<footer>
<div class="table">
<div class="DescPanel">
<h2><i class="fa fa-code"></i> code</h2>
©TrueBlueCreativeWorks inc™ 2020 all rights reserved
</div>
<div><a href="#"><i class="fa fa-twitter"></i></a> </div>
<div><a href="#"><i class="fa fa-twitter"></i></a> </div>
<div><a href="#"><i class="fa fa-twitter"></i></a> </div>
<div><a href="#"><i class="fa fa-twitter"></i></a> </div>
</div>
</footer>
<script src="assets/js/app.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
new Crate({
server: '722753546033954876', // ❓TBI™ Support
channel: '762668955646558208' // #web-support
})
crate.notify(`**Need Help?** - *click/tap here*`)
</script>
</body>
</html>