forked from zero-to-mastery/old-zero-to-mastery-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
discord.html
149 lines (124 loc) · 6.7 KB
/
discord.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
<!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">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<link href="assets/css/style.css" type="text/css" rel="stylesheet">
<link rel="icon" type="image/png" href="assets/favicon.png" />
<title>Zero to Mastery - Discord</title>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: #ec5237;">
<a class="navbar-brand" href="#">Zero To Mastery</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#about">About <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#project">Projects</a>
</li>
</ul>
</div>
</nav>
<header class="discordheader text-center text-white d-flex">
<!-- Header Image -->
</header>
<!-- Intro Section with a widget -->
<section id="aboutdiscord">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4">
<div class="p-4">
<iframe class="embed-responsive-item" src="https://discordapp.com/widget?id=423464391791476747&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
</div>
</div>
<div class="col-lg-8">
<div class="p-5">
<div class="red-text text-center">
<h3>Join Our</h3>
<h2 class="display-4">Discord Community!</h2>
</div>
<div class="bg-light p-4 m-3">
We have created a Discord server for all the students of The Complete Web Developer in 2018, where you can:
<ul>
<li>Introduce yourself</li>
<li>Ask the community questions </li>
<li>Get help with exercises </li>
<li>Meet other students around the world </li>
<li>Learn how to answer questions </li>
<li>Learn from each other</li>
</ul>
I am very excited about this but it will only work if everybody helps each other out. I know it isn't for everybody, but being able to ask questions and help others when they have questions is the best way to learn. The Q&A section in the course will still be available and I will still answer every question. However, the Discord server should give you faster replies from the community.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section>
<div class="discordCTA">
<h3>Ready to join the community?</h3>
<a href="https://discord.gg/zerotomastery" class="btn btn-danger">Join Now</a>
</div>
</section>
<!-- Tabs -->
<section>
<div class="container tabsContainer">
<div class="col-xl-12">
<!-- Nav tabs -->
<ul id="myTab" class="nav nav-tabs" role="tablist">
<li><a href="#install" class="show active" aria-controls="profile" role="tab" data-toggle="tab">Installing Discord</a></li>
<li><a href="#using" aria-controls="messages" role="tab" data-toggle="tab">Using Discord</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="install">
<div class="row">
<div class="col-xl-7">
<ul class="list-unstyled dislist">
<li><span>Step 1</span> - Head over to <strong>discordapp.com</strong> and download the version for your OS.</li>
<li><span class="alt">Step 2</span> - Run the download, either create a new account or login.</li>
<li><span>Step 3</span> - Select 'Join Server' and enter 'https:discord.io/zerotomastery</li>
</ul>
</div>
<div class="col-xl-5">
<img class="img-fluid pull-right" src="./assets/img/discord1.gif"/>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="using">
<div class="row">
<div class="col-xl-7">
<h3>Using Discord</h3>
Click the screen on the right to check out a video details just some of the awesome features Discord has to offer.
</div>
<div class="col-xl-5">
<div class="desktop-wrapper">
<div onclick="playDiscord();" class="discordplayicon " id="vidwrap"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="col-sm-12">
© 2018 Zero To Mastery Community
<br> Special thanks to Andrei Neagoie and to the loyal members of the community.
</footer>
</div>
</div>
<!-- bootstrap java and jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
<script src="assets/js/script.js"></script>
</body>
</html>