thedevbyte.github.io/index.html at master · TheDevByte/thedevbyte.github.io · GitHub

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

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png">
  <link rel="icon" type="image/png" href="./assets/img/favicon.png">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>
    TheDevByte
  </title>
  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  <!--     Fonts and icons     -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <!-- CSS Files -->
  <link href="./assets/css/bootstrap.min.css" rel="stylesheet" />
  <link href="./assets/css/now-ui-kit.css?v=1.3.0" rel="stylesheet" />
  <!-- CSS Just for demo purpose, don't include it in your project -->
  <link href="./assets/demo/demo.css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="assets/css/styles.css">
  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
  <style>
    .text1{
      font-family: 'Roboto Mono', monospace;
    }
    .custom-btn{
      color:#02db02;
      background-color: black;
    }
    .custom-btn:hover{
      color:black;
      background-color: #02db02;
    }


/* text Animation */

.var-highlight{
  color: #4AC4D5;
}
.string-highlight{
  color: #fff;
}

.purple{
  color: #AB7FB9;
}

.deep-yellow{
  color: #BA9433;
}

.green{
  color: #9CCC65;
}

#typewriter{
    font-size: 1em;
    margin: 0;
    font-family: "Courier New";

    &:after{
      content: "|";
      animation: blink 500ms linear infinite alternate;
    }
}

@-webkit-keyframes blink{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@-moz-keyframes blink{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

@keyframes blink{
  0%{opacity: 0;}
  100%{opacity: 1;}
}


  </style>

</head>


<body class="index-page" style="background-color: #000;">
  <!--first navbar-->
  <nav class="navbar navbar-light bg-black" style="border-bottom: 1px solid #02db02;">
    <a class="navbar-brand" href="#"><img src="assets/img/icons/mainlogo.png" height="80px"></a>
  </nav>


<div class="container">
  <span class="text1" style="color:#02db02">Go to:</span>
  <button class="text1 custom-btn" style="color:#000; border:1px solid #02db02; background-color: #02db02; ">Resources</button>
  <button class="text1 custom-btn" style="color:#000; border:1px solid #02db02; background-color: #02db02; ">Events</button>
  <button class="text1 custom-btn" style="color:#000; border:1px solid #02db02; background-color: #02db02; ">Youtube</button>
</div>


      <div class="container" style="">
  <div class="row">
    <div class="col-md-6" style="margin-top: 50px;">
      <img src="assets/img/icons/holacoders2.png" height="30px" style="background-color: #02DB02; padding: 2px; padding-right: 2px;">
    <br><br><br>
    <span style="" font-size:16px;" class="text1 var-highlight">
     Not just a regular community of developers. This is home of elites, where you have to survive though helping
     hands will be provided. You must agree some unbreakable vow first, you have to constantly improve yourself and share your work. Inactivity
     for more than 7 days and you would get banned. For special cases inform your respective mods. You will get 7 days of hatching period to explore the community,
     learn all the rules and for adaptation. Second, we all believe in a common goal, which is education should not be controlled by the giants. There are many other communities
     do that thing (GDG, Microsoft Community, Tensorflow community etc). If you are into these type of communities TheDevByte is not a right place for you. We believe in - "One Religion,
          Coding" Check the full <u>community guidelines</u> here.

    <br><br>
     <button class="text1 custom-btn" style="color:#02db02; border:1px solid #02db02; background-color: #000;"><a href="https://discord.gg/VTMaSuq" style="text-decoration:None; color:#02db02;">Join our Discord Server</a></button>

    <span>


    </div>
    <div class="col-md-6" style="padding: 0; height: 280px; margin-top: 50px;">


 <h3 class='text1 deep-yellow'>Contribute</h3>
    <span class='text1 deep-yellow'>
                     So you want to contribute to our vision? May be its your vision too. Join the ride.
                     <br>
                      There are many ways to contribute.<br><br>
                      -You can write and improve documentation.<br>
                      -You can improve and add your contents to our learning resources.<br>
                      -You can make your own large project with TheDevByte members and get it featured in our <u>Hall of Fame</u><br>
                      -Want to take a lead? DM @ditt0 in the community<br>


    </span>
    <br><br><button class="text1 custom-btn" style="color:#02db02; border:1px solid #02db02; background-color: #000; "><a href="https://github.com/TheDevByte/Resources" style="text-decoration:None; color:#02db02;"> Resources</a></button>
    <button class="text1 custom-btn" style="color:#02db02; border:1px solid #02db02; background-color: #000; margin-left:10px;"><a href="https://www.youtube.com/channel/UCMHZME16DphOdrsTPFAGoRQ" style="text-decoration:None; color:#02db02;"> Youtube Channel</a></button>
    <br>


    </div>


  </div>


  </div>


<footer class="footer bottom" style="border-top: 0px solid #02db02; margin-top: 50px;">
      <div class="container">
        <div class="row">
        <div class="col-md-3">
        <span class="text1 var-highlight">Follow us </span>

        <a href="https://www.facebook.com/theDevByteOfficial/"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 50 50"
style=" fill:#02db02;">    <path d="M25,2C12.318,2,2,12.317,2,25s10.318,23,23,23c12.683,0,23-10.317,23-23S37.683,2,25,2z M32,16h-3.29 C26.772,16,26,16.455,26,17.806V21h6l-1,5h-5v13h-6V26h-3v-5h3v-2.774C20,14.001,21.686,11,26.581,11C29.203,11,32,12,32,12V16z"></path></svg></a>

  <a href="https://twitter.com/thedevbyte">
    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="30" height="30"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#ba9433"><path d="M86,6.88c-43.62952,0 -79.12,35.49048 -79.12,79.12c0,43.62952 35.49048,79.12 79.12,79.12c43.62952,0 79.12,-35.49048 79.12,-79.12c0,-43.62952 -35.49048,-79.12 -79.12,-79.12zM124.65528,70.60256c0.0344,0.81184 0.05504,1.63744 0.05504,2.46648c0,25.17392 -19.17112,54.21096 -54.22128,54.21096c-10.76032,0 -20.78104,-3.15448 -29.20904,-8.56216c1.48952,0.17888 2.99968,0.26488 4.54424,0.26488c8.93024,0 17.1484,-3.04096 23.66376,-8.1528c-8.33856,-0.15136 -15.36992,-5.67256 -17.802,-13.23368c1.16616,0.2236 2.35984,0.344 3.59136,0.344c1.7372,0 3.4228,-0.23048 5.01552,-0.6708c-8.71008,-1.75784 -15.27704,-9.44968 -15.27704,-18.68608c0,-0.08256 0,-0.16168 0,-0.2408c2.56968,1.4276 5.504,2.2876 8.63096,2.38736c-5.11872,-3.4228 -8.47616,-9.25016 -8.47616,-15.86184c0,-3.4916 0.93568,-6.76304 2.57656,-9.58384c9.40152,11.52744 23.4436,19.11264 39.27792,19.91072c-0.3268,-1.39664 -0.4988,-2.84832 -0.4988,-4.34128c0,-10.52296 8.5312,-19.05416 19.0576,-19.05416c5.47992,0 10.43008,2.31168 13.90448,6.01656c4.33784,-0.85312 8.42112,-2.43896 12.10192,-4.61992c-1.42072,4.44448 -4.44448,8.18032 -8.38328,10.54016c3.85968,-0.46784 7.52672,-1.48608 10.94952,-3.00312c-2.55248,3.82184 -5.78264,7.18272 -9.50128,9.86936z"></path></g></g></svg>
  </a>

</div>


  <div class="col-md-3"></div>
  <div class="col-md-3"></div>
  <div class="col-md-3"><span class="text1" style="color:#02db02;">&copy;TheDevByte Community</span></div>
</div>

      </div>
    </footer>


  <!--   Core JS Files   -->
  <script src="./assets/js/core/jquery.min.js" type="text/javascript"></script>
  <script src="./assets/js/core/popper.min.js" type="text/javascript"></script>
  <script src="./assets/js/core/bootstrap.min.js" type="text/javascript"></script>

</body>

</html>