This repository has been archived by the owner on Jul 17, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (140 loc) · 6.15 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
<style>
.home {
display: none;
}
.center {
text-align: center;
}
h1, p {
color: white;
}
.logo {
color: #5856d6;
}
button {
width: 150px;
height: 50px;
}
a {
color: black;
}
body {
background: url(https://i.ibb.co/3F75zJ1/fakurian-design-Ng-Ltd-Wk-6-FI-unsplash.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.about {
display: none;
}
</style>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<!-- style -->
<style>
/* Lol this has no CSS :) */
@font-face {
font-family: 'font2';
src: url("https://cdn-secretgunner.tixte.co/r/Inter-VariableFont_slnt,wght.ttf");
}
@font-face {
font-family: 'font3';
src: url("https://cdn-secretgunner.tixte.co/r/Inter-VariableFont_slnt,wght.ttf");
}
.font {
font-family: 'font2';
}
p, span {
font-family: 'font3';
}
a {
font-family: 'font2';
}
.home {
margin-top: 35vh;
}
</style>
<!-- Bootstrap Navbar -->
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 bg-dark text-dark navbar nav fixed-top shadow-lg">
<a href="/" class="logo text-decoration-none" style="display: flex; position: fixed; left: 6%;">
Hello World!
</a>
<ul class="nav nav-pills">
<li class="nav-item">
<a href="#home" onclick="home()" class="nav-link" aria-current="page">Home
</a>
</li>
<li class="nav-item">
<a href="#about" onclick="about()" class="nav-link">About & Team
</a>
</li>
<li class="nav-item">
<a href="https://discord.gg/RFvZX8qbZb" class="nav-link">Join
</a>
</li>
</ul>
</header>
<div class="home">
<!-- Bootstap Hero -->
<section class="marginn" style="margin-top: 100px;">
<section class="one" id="one">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5" style="margin-left: 25px; margin-right: 25px;">
<div class="center text-center">
<h1 class="display-5 fw-bold lh-1 mb-3 font">Hello World!
</h1>
<p class="lead">Hello World! is a code help server aiming to provide
</br>a blend of easygoing interaction with genuine answers.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-center">
<button type="button" class="btn btn-lg" style="color: white; border-radius: 30px; border: 0; background-color: #007aff" onclick="window.location.href='https://discord.gg/bACX3A6vkd'" >Join
</button>
</div>
</div>
</div>
</div>
</span>
</section>
</div>
<div class="about">
<!-- Bootstap Hero -->
<section class="marginn" style="margin-top: 100px;">
<section class="one" id="one">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5" style="margin-left: 25px; margin-right: 25px;">
<div class="col-lg text-center" style="text-align: center;">
<h1 class="display-5 fw-bold lh-1 mb-3 font">About us
</h1>
<p class="lead">Hello World! is a code help server aiming to provide a blend of easygoing interaction with genuine answers. This site was made by one of the users, which you can check them out
<a href="https://triscord.repl.co">here</a>.
Providing a comfortable environment where you can ask
for coding help or chat without toxicity is the reason Blizzy and net-tech- started the server. In other
code help servers, they experienced either toxic or useless answers, like redirecting to the documentation
of a library even though they'd already looked through it and were unable to find an answer. <br> <br> The Dream Team <br> <br> Neb#7506 <br>
Neb is a moderator and manager for various communities on discord, from bot support to gaming. One of his main motives to keep on moderating and managing is to help everyone find friends, no matter their background. In the future, he hopes to become an areospace engineer following his passion for physics. <br> <br> Blizzy#8953 <br> Blizzy is an experienced senior manager and moderator at various types of servers across Discord. Hailing from humble beginnings in PS4 gaming communities, he has since grown to larger heights in advertising servers, safety servers, community servers, and development. Outside of being senior management at various servers, he also provides independent HR consultancy for any server owner who feels they have improvements to make in their staff departments. Blizzy is a 2nd-year computer science major and is working towards a career in software engineering. <br> <br> net-tech- <br> net-tech- is a programmer, manager, and moderator at a multitude of Discord servers. While starting as a moderator in a few advertising servers he, later on, took an interest in programming.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-center">
<button type="button" class="btn btn-lg" style="color: white; border-radius: 30px; border: 0; background-color: #5856d6" onclick="window.location.href='https://discord.gg/bACX3A6vkd'" >Join us!
</button>
</div>
</div>
</div>
</span>
<div class="custom-shape-divider-bottom-1633851282">
</div>
</section>
</div>
<script>
function about() {
const home = document.getElementsByClassName('home')[0]
home.style.display = 'none'
const about = document.getElementsByClassName('about')[0]
about.style.display = 'block'
}
function home() {
const about = document.getElementsByClassName('about')[0]
about.style.display = 'none'
const home = document.getElementsByClassName('home')[0]
home.style.display = 'block'
}
window.onclick = home()
</script>
<head> <script defer data-domain="hello-world.chat" src="https://plausible.io/js/plausible.js"></script>
</head>