-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (105 loc) · 5.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TBH™ - LaunchPage </title>
<link rel="stylesheet" href="assets/css/bulma.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/images/favicons/site.webmanifest">
<link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="assets/images/favicons/favicon.ico">
<meta name="description" content="The Official Launch Page of 🌐|TrueBlueHub™" />
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="assets/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body class="body-bg">
<header class="heading section has-text-centered">
<p class="title has-text-white"><i class='fa fa-globe'></i> | TrueBlueHub™</p>
</header>
<main class="has-text-centered">
<div class="section">
<img src="assets/images/icon.png" width="150px">
<p class="title is-1 has-text-white">TrueBlueHub </p>
<p class="subtitle has-text-white">Welcome to our website. This is a placeholder website, more content will be here soon..</p><br />
<p>Expected Release Date: Sep, 1st 2020</p>
<p id="demo" style="font-size:30px"></p>
<div class="buttons is-centered">
<a class="button is-large is-danger" href="https://truebluecreativeworks.github.io/Status.github.io">Status Page</a>
<a class="button is-large is-success" href="https://discord.gg/FQcz2KU">Discord Server</a>
</div>
</div>
<div class="section">
<div class="columns">
<div class="column">
<div class="box has-text-white">
<img src="assets/images/box_icon/software.png" width="100px">
<p class="title is-2 has-text-white">Software Development</p>
<p class="subtitle has-text-white">Custom software built to fit your needs.</p>
</div>
</div>
<div class="column">
<div class="box has-text-white">
<img src="assets/images/box_icon/web.png" width="100px">
<p class="title is-2 has-text-white">Website Development</p>
<p class="subtitle has-text-white">From Front End to Back End. We can build Web Solutions and provide support to ensure your online pressense is known.</p class="subtitle">
</div>
</div>
<div class="column">
<div class="box has-text-white">
<img src="assets/images/box_icon/discord.png" width="100px">
<p class="title is-2 has-text-white solid">Discord Server Development</p>
<p class="subtitle has-text-white">We can build a server into a Flourishing community for you.</p class="subtitle">
</div>
</div>
</div>
</div>
</main>
<hr>
<footer class="footer has-text-white has-text-left">
<p><b>TrueBlueHub</b> | 2020</p>
<p>Thank you for visiting our website.</p>
<a href="https://info.flagcounter.com/vT3S"><img src="https://s11.flagcounter.com/countxl/vT3S/bg_000000/txt_FFFFFF/border_00C5CC/columns_4/maxflags_12/viewers_0/labels_1/pageviews_1/flags_0/percent_1/" style="width: 100%;" alt="Flag Counter" border="0"></a>
<a href="https://info.flagcounter.com/vT3S"><img src="https://s11.flagcounter.com/map/vT3S/size_l/txt_000000/border_CCCCCC/pageviews_1/viewers_0/flags_1/" style="width: 100%;" alt="Free counters!" border="0"></a>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3"></script>
<script>
const button = new Crate({
server: '606954821152669706',
channel: '626828449524219904',
shard: 'https://e.widgetbot.io'
})
button.notify('__Need Help?__\n```js\n Leave us a message.\n```')
</script>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Sep 1, 2020 12:00:00").getTime();
// Update the count down every 1 second
var countdownfunction = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(countdownfunction);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 0);
</script>
</body>
</html>