-
Notifications
You must be signed in to change notification settings - Fork 0
/
dragonstudio.html
239 lines (223 loc) · 11.5 KB
/
dragonstudio.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html>
<head>
<title>Dragon Studio | DragonsRule10</title>
<link href="https://raw.githubusercontent.com/DragonsRule10/DragonsRule10.github.io/main/MiniLogo.jpeg" rel="shortcut icon" type="image/x-icon">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
.w3-row-padding img {margin-bottom: 12px}
.w3-sidebar {width: 120px;background: #838383;}
#main {margin-left: 120px}
@media only screen and (max-width: 600px) {#main {margin-left: 0}}
.dr1-discord-logo {
width: 256px; /* Adjust the width and height to match your image size */
height: 256px;
background-image: url('https://img.icons8.com/?size=256&id=99290&format=png'); /* Replace with the actual file name */
background-size: cover;
display: inline-block; /* To ensure the container only takes up the image size */
}
</style>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2EXD01SNMS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2EXD01SNMS');
</script>
<body class="w3-dark-grey">
<nav class="w3-sidebar w3-bar-block w3-small w3-hide-small w3-center">
<div></div>
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-black">
<i class="fa fa-home w3-xxlarge"></i>
<p>HOME</p>
</a>
<a href="#about" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-user w3-xxlarge"></i>
<p>ABOUT</p>
</a>
<a href="#team" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-eye w3-xxlarge"></i>
<p>DRAGON STUDIO</p>
</a>
<a href="#contact" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-envelope w3-xxlarge"></i>
<p>CONTACT</p>
</a>
<a href="#warden" class="w3-bar-item w3-button w3-padding-large w3-hover-black">
<i class="fa fa-envelope w3-xxlarge"></i>
<p>WARDEN</p>
</a>
</nav>
<!-- Navbar on small screens (Hidden on medium and large screens) -->
<div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
<div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
<a href="#" class="w3-bar-item w3-button" style="width:25% !important">HOME</a>
<a href="#about" class="w3-bar-item w3-button" style="width:25% !important">ABOUT</a>
<a href="#team" class="w3-bar-item w3-button" style="width:25% !important">TEAM</a>
<a href="#contact" class="w3-bar-item w3-button" style="width:25% !important">CONTACT</a>
<a href="#warden" class="w3-bar-item w3-button" style="width:25% !important">WARDEN</a>
</div>
</div>
<!-- Page Content -->
<div class="w3-padding-large" id="#">
<!-- Header/Home -->
<header class="w3-container w3-padding-32 w3-center" id="home">
<h1 class="w3-jumbo"><span class="w3-hide-small">Dragon Studio</h1>
<p>Minecraft Development + Warden Discord Bot</p>
<img src="/assets/dragonstudiologo.png" alt="boy" class="w3-image" width="992" height="1108">
</header>
<!-- About Section -->
<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="about">
<h2 class="w3-text-light-grey">Tristin, Owner</h2>
<hr style="width:200px" class="w3-opacity">
<p class="w3-text-black">Hello, I'm Tristin. I make plugins and mods for small Minecraft Servers and worlds, along with other developers I work with as well. If you want to learn more head to the "Contact" section. I am usally always active on Discord so if you have a question ask there!
</p>
<br>
<div class="w3-row w3-center w3-padding-16 w3-section w3-light-grey">
<div class="w3-quarter w3-section">
<span class="w3-xlarge">20+</span><br>
Minecraft Projects done
</div>
<div class="w3-quarter w3-section">
<span class="w3-xlarge">100+</span><br>
Warden Bug fixes
</div>
<div class="w3-quarter w3-section">
<span class="w3-xlarge">40+</span><br>
Happy Users
</div>
<div class="w3-quarter w3-section">
<span class="w3-xlarge">500+</span><br>
Commits
</div>
</div>
<!-- Grid for pricing tables
nts: add plg/mod-->
<h3 class="w3-padding-16 w3-text-light-grey">My Price</h3>
<div class="w3-row-padding" style="margin:0 -16px">
<div class="w3-half w3-margin-bottom">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-dark-grey w3-xlarge w3-padding-32">Plugin</li>
<li class="w3-padding-16">A plugin is like a add-on to your Minecraft Server!</li>
<li class="w3-padding-16">They can be used for many things,</li>
<li class="w3-padding-16">Like to help prevent lag machines</li>
<li class="w3-padding-16">Or finding where the nearest pink sheep is!</li>
<li class="w3-padding-16">
<h2>KB/2</h2>
<span class="w3-opacity">(No tax)</span>
</li>
<li class="w3-light-grey w3-padding-24">
<button class="w3-button w3-white w3-padding-large w3-hover-black"><a href="https://discord.gg/55kXaX8zx4">Go now!</a>
</button>
</li>
<p1>Some plugins/mods may require a forceloaded chunk!!!</p1>
</ul>
</div>
<div class="w3-half">
<ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
<li class="w3-dark-grey w3-xlarge w3-padding-32">Mod</li>
<li class="w3-padding-16">A mod is more client side, rather than server.</li>
<li class="w3-padding-16">This lets you create better GUI's,</li>
<li class="w3-padding-16">Custom items, </li>
<li class="w3-padding-16">Or keeping track of where your house is.</li>
<li class="w3-padding-16">
<h2>KB/2</h2>
<span class="w3-opacity">(No tax)</span>
</li>
<li class="w3-light-grey w3-padding-24">
<button class="w3-button w3-white w3-padding-large w3-hover-black"><a href="https://discord.gg/55kXaX8zx4">Go now!</a>
</button>
</li>
<p1>Some plugins/mods may require a forceloaded chunk!!!</p1>
</ul></div>
<!-- End Grid/Pricing tables -->
</div>
<div class="w3-center w3-black" id="warden">
<h1>Warden | <strong>BETA</strong></h1>
<p1>With Warden basic, you can get all the info you need in one audit log channel. Get info on deleted messages, like who deleted, what was delted, and who was the author. Timeout easy with w!timeout/w!to. Get easy support in the <a href="https://discord.gg/CfsC5rSBKv">Dragon Studio Discord.</a> Warden is equipped with YouTube player support, and other fun commands like /slap, and /userinfo.</p1>
</div>
<div class="w3-padding-64 w3-center w3-white">
<h1 class="w3-jumbo"><b>Pricing</b></h1>
<p class="w3-large">Choose a pricing plan that fits your needs.</p>
<div class="w3-row-padding" style="margin-top:64px">
<div class="w3-half w3-section">
<ul class="w3-ul w3-card w3-hover-shadow">
<li class="w3-dark-grey w3-xlarge w3-padding-32">Basic</li>
<li class="w3-padding-16"><b>Default</b> Commands</li>
<li class="w3-padding-16"><b>Normal</b> Features</li>
<li class="w3-padding-16"><b>Default</b> Discord Server</li>
<li class="w3-padding-16"><b>Office hours</b> Support</li>
<li class="w3-padding-16">
<h2 class="w3-opacity">Free</h2>
</li>
<li class="w3-light-grey w3-padding-24">
<a href="https://discord.com/channels/1117082104459690006/1117088879003045988"><button class="w3-button w3-black w3-padding-large"><i class="fa fa-download"></i> Request Warden</button></a>
</li>
</ul>
</div>
</div>
<div class="w3-half w3-section">
<ul class="w3-ul w3-card w3-hover-shadow">
<li class="w3-red w3-xlarge w3-padding-32">PRO</li>
<li class="w3-padding-16"><b>25</b> Custom commands</li>
<li class="w3-padding-16"><b>Early</b> Access to Features</li>
<li class="w3-padding-16">Access to the <b>DEV</b> Discord Server</li>
<li class="w3-padding-16"><b>Endless</b> Support</li>
<li class="w3-padding-16">
<h2 class="w3-opacity">$ 10 (OTP)</h2>
</li>
<li class="w3-light-grey w3-padding-24">
<a href="https://discord.com/channels/1117082104459690006/1117088879003045988"><button class="w3-button w3-black w3-padding-large"> <i class="fa fa-download"></i> Be a PRO</button></a>
</li>
</ul>
</div>
<br>
</div>
<!-- Testimonials -->
<div id="team">
<h3 class="w3-padding-24 w3-text-black">Meet the Dragon Studio team!</h3>
<img src="https://raw.githubusercontent.com/DragonsRule10/DragonsRule10.github.io/main/captainchaospfp.png" alt="Chaos Dev Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
<p><span class="w3-large w3-margin-right w3-text-black">Captain Chaos - Minecraft Developer</p class="w3-text-black">
<p class="w3-text-black">I am a early learning developer.</p><br>
</span>
</p>
</div>
<div>
<img src="https://raw.githubusercontent.com/DragonsRule10/DragonsRule10.github.io/main/OPkiller01mcpfp.png" alt="OP Dev Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
<p><span class="w3-large w3-margin-right w3-text-black">OPkiller01 - Warden Developer</p class="w3-text-black">
<p class="w3-text-black">A beginner level developer mainly skilled in python.</p><br>
</div>
<!-- End About Section -->
</div>
<!-- Contact Section -->
<div class="w3-padding-64 w3-content w3-text-black" id="contact">
<h2 class="w3-text-black">Contact Me</h2>
<hr style="width:200px" class="w3-opacity">
<div class="w3-section">
<p><i class="fa fa-map-marker fa-fw w3-text-black w3-xxlarge w3-margin-right"></i> USA</p>
<p><i class="fa fa-phone fa-fw w3-text-black w3-xxlarge w3-margin-right"></i> Connect in the Discord</p>
<p><i class="fa fa-envelope fa-fw w3-text-black w3-xxlarge w3-margin-right"> </i> [email protected]</p>
</div><br>
<p>Let's get in touch. Send me a message:</p>
<button>
<a href="https://discord.gg/55kXaX8zx4" class="w3-button w3-blue"> The Discord Server</a>
</button>
</p>
</form>
<!-- End Contact Section -->
</div>
<!-- Footer. This section contains an ad for W3Schools Spaces. You can leave it to support us. -->
<footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge">
<p class="w3-small w3-text-black w3-bold">Dragon Studio; Website Version 2.5.5</p>
<p class="w3-small w3-text-black w3-bold">Minecraft Profile Picture made by @RobinPiff on Discord!</p>
</footer>
</div>
</body>
</html>