forked from GitCodeCareer/301DaysOfCode.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
358 lines (302 loc) · 50.9 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
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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
<!DOCTYPE html>
<html class="avada-html-layout-wide" lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>301 Days of Code Challenge – Official Website – #301DaysofCode</title>
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="301 Days of Code Challenge - Official Website » Feed" href="/feed/" />
<link rel="alternate" type="application/rss+xml" title="301 Days of Code Challenge - Official Website » Comments Feed" href="/comments/feed/" />
<meta property="og:title" content="HOME"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://301daysofcode.com/"/>
<meta property="og:site_name" content="301 Days of Code Challenge - Official Website"/>
<meta property="og:description" content="About the Challenge The challenge originally started as a way to land Benjamin Spak a job within a year of getting serious about programming -- it worked -- but it quickly evolved into much more, as a community sprung up around the #301DaysofCode hashtag on Twitter.1"/>
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/301daysofcode.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}};
!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0.4' type='text/css' media='all' />
<link rel='stylesheet' id='rs-plugin-settings-css' href='/wp-content/plugins/revslider/public/assets/css/settings.css?ver=5.4.8' type='text/css' media='all' />
<style id='rs-plugin-settings-inline-css' type='text/css'>
#rs-demo-id {}
</style>
<link rel='stylesheet' id='avada-stylesheet-css' href='/wp-content/themes/Avada/assets/css/style.min.css?ver=5.6.2' type='text/css' media='all' />
<!--[if lte IE 9]>
<link rel='stylesheet' id='avada-IE-fontawesome-css' href='https://301daysofcode.com/wp-content/themes/Avada/includes/lib/assets/fonts/fontawesome/font-awesome.min.css?ver=5.6.2' type='text/css' media='all' />
<![endif]-->
<!--[if IE]>
<link rel='stylesheet' id='avada-IE-css' href='https://301daysofcode.com/wp-content/themes/Avada/assets/css/ie.min.css?ver=5.6.2' type='text/css' media='all' />
<![endif]-->
<link rel='stylesheet' id='fusion-dynamic-css-css' href='/wp-content/uploads/fusion-styles/c0977305380948afcf222eb6ba735427.min.css?ver=4.9.8' type='text/css' media='all' />
<link rel='stylesheet' id='avada-max-1c-max-sh-640-max-640-sliders-css' href='/?action=avada-get-styles&mq=max-1c.min%2Cmax-sh-640.min%2Cmax-640-sliders.min&ver=5.6.2' type='text/css' media='only screen and (max-width: 640px)' />
<link rel='stylesheet' id='avada-max-2c-css' href='/wp-content/themes/Avada/assets/css/media/max-2c.min.css?ver=5.6.2' type='text/css' media='only screen and (max-width: 712px)' />
<link rel='stylesheet' id='avada-min-2c-max-3c-css' href='/wp-content/themes/Avada/assets/css/media/min-2c-max-3c.min.css?ver=5.6.2' type='text/css' media='only screen and (min-width: 712px) and (max-width: 784px)' />
<link rel='stylesheet' id='avada-min-3c-max-4c-css' href='/wp-content/themes/Avada/assets/css/media/min-3c-max-4c.min.css?ver=5.6.2' type='text/css' media='only screen and (min-width: 784px) and (max-width: 856px)' />
<link rel='stylesheet' id='avada-min-4c-max-5c-css' href='/wp-content/themes/Avada/assets/css/media/min-4c-max-5c.min.css?ver=5.6.2' type='text/css' media='only screen and (min-width: 856px) and (max-width: 928px)' />
<link rel='stylesheet' id='avada-min-5c-max-6c-css' href='/wp-content/themes/Avada/assets/css/media/min-5c-max-6c.min.css?ver=5.6.2' type='text/css' media='only screen and (min-width: 928px) and (max-width: 1000px)' />
<link rel='stylesheet' id='avada-min-shbp-css' href='/wp-content/themes/Avada/assets/css/media/min-shbp.min.css?ver=5.6.2' type='text/css' media='only screen and (min-width: 900px)' />
<link rel='stylesheet' id='avada-max-shbp-max-sh-shbp-css' href='/?action=avada-get-styles&mq=max-shbp.min%2Cmax-sh-shbp.min&ver=5.6.2' type='text/css' media='only screen and (max-width: 900px)' />
<link rel='stylesheet' id='avada-min-768-max-1024-p-css' href='/wp-content/themes/Avada/assets/css/media/min-768-max-1024-p.min.css?ver=5.6.2' type='text/css' media='only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)' />
<link rel='stylesheet' id='avada-min-768-max-1024-l-css' href='/wp-content/themes/Avada/assets/css/media/min-768-max-1024-l.min.css?ver=5.6.2' type='text/css' media='only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)' />
<link rel='stylesheet' id='avada-max-sh-cbp-max-sh-sbp-max-sh-cbp-cf7-max-sh-cbp-sliders-css' href='/?action=avada-get-styles&mq=max-sh-cbp.min%2Cmax-sh-sbp.min%2Cmax-sh-cbp-cf7.min%2Cmax-sh-cbp-sliders.min&ver=5.6.2' type='text/css' media='only screen and (max-width: 800px)' />
<link rel='stylesheet' id='avada-max-shbp-18-css' href='/wp-content/themes/Avada/assets/css/media/max-shbp-18.min.css?ver=5.6.2' type='text/css' media='only screen and (max-width: 882px)' />
<link rel='stylesheet' id='avada-max-shbp-32-css' href='/wp-content/themes/Avada/assets/css/media/max-shbp-32.min.css?ver=5.6.2' type='text/css' media='only screen and (max-width: 868px)' />
<link rel='stylesheet' id='avada-min-sh-cbp-css' href='/wp-content/themes/Avada/assets/css/media/min-sh-cbp.min.css?ver=5.6.2' type='text/css' media='only screen and (min-width: 800px)' />
<link rel='stylesheet' id='avada-max-640-css' href='/wp-content/themes/Avada/assets/css/media/max-640.min.css?ver=5.6.2' type='text/css' media='only screen and (max-device-width: 640px)' />
<script>if (document.location.protocol != "https:") {document.location = document.URL.replace(/^http:/i, "https:");}</script><script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js?ver=5.4.8'></script>
<script type='text/javascript' src='/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js?ver=5.4.8'></script>
<link rel='https://api.w.org/' href='/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.9.8" />
<link rel="canonical" href="/" />
<link rel='shortlink' href='/' />
<link rel="alternate" type="application/json+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2F%2F" />
<link rel="alternate" type="text/xml+oembed" href="/wp-json/oembed/1.0/embed?url=https%3A%2F%2F%2F&format=xml" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<meta name="generator" content="Powered by Slider Revolution 5.4.8 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
<script type="text/javascript">function setREVStartSize(e){
try{ e.c=jQuery(e.c);var i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0;
if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f})
}catch(d){console.log("Failure at Presize of Slider:"+d)}
};</script>
<script type="text/javascript">
var doc = document.documentElement;
doc.setAttribute('data-useragent', navigator.userAgent);
</script>
</head>
<body data-rsssl=1 class="home page-template page-template-100-width page-template-100-width-php page page-id-974 fusion-image-hovers fusion-body ltr fusion-sticky-header no-tablet-sticky-header no-mobile-sticky-header no-mobile-slidingbar no-mobile-totop mobile-logo-pos-left layout-wide-mode fusion-top-header menu-text-align-center mobile-menu-design-modern fusion-show-pagination-text fusion-header-layout-v1 avada-responsive avada-footer-fx-none fusion-search-form-classic fusion-avatar-square">
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<div id="wrapper" class="">
<div id="home" style="position:relative;top:-1px;"></div>
<header class="fusion-header-wrapper">
<div class="fusion-header-v1 fusion-logo-left fusion-sticky-menu- fusion-sticky-logo- fusion-mobile-logo- fusion-mobile-menu-design-modern">
<div class="fusion-header-sticky-height"></div>
<div class="fusion-header">
<div class="fusion-row">
<div class="fusion-logo" data-margin-top="0px" data-margin-bottom="0px" data-margin-left="0px" data-margin-right="0px">
<a class="fusion-logo-link" href="/" >
<!-- standard logo -->
<img src="/wp-content/uploads/2018/09/301days-logo-cleanx160.png" srcset="/wp-content/uploads/2018/09/301days-logo-cleanx160.png 1x, /wp-content/uploads/2018/09/301days-logo-cleanx160.png 2x" width="80" height="91.5" style="max-height:91.5px;height:auto;" alt="301 Days of Code Challenge – Official Website Logo" retina_logo_url="https://301daysofcode.com/wp-content/uploads/2018/09/301days-logo-cleanx160.png" class="fusion-standard-logo" />
</a>
</div> <nav class="fusion-main-menu" aria-label="Main Menu"></nav> <div class="fusion-mobile-menu-icons">
<a href="#" class="fusion-icon fusion-icon-bars" aria-label="Toggle mobile menu" aria-expanded="false"></a>
</div>
<nav class="fusion-mobile-nav-holder fusion-mobile-menu-text-align-left"></nav>
</div>
</div>
</div>
<div class="fusion-clearfix"></div>
</header>
<div id="sliders-container">
<div id="fusion-slider-8" class="fusion-slider-container fusion-slider-974" style="height:400px;max-width:100%;">
<style type="text/css" scoped="scoped">
#fusion-slider-8 .flex-direction-nav a {width:63px;height:63px;line-height:63px;font-size:25px;} </style>
<div class="fusion-slider-loading">Loading...</div>
<div class="tfs-slider flexslider main-flex" style="max-width:100%;" data-slider_width="100%" data-slider_height="400px" data-slider_content_width="800px" data-full_screen="1" data-parallax="1" data-nav_arrows="0" data-nav_box_width="63px" data-nav_box_height="63px" data-nav_arrow_size="25px" data-pagination_circles="0" data-autoplay="1" data-loop="0" data-animation="fade" data-slideshow_speed="7000" data-animation_speed="600" data-typo_sensitivity="1.5" data-typo_factor="1.5" data-slider_id="8" data-orderby="date" data-order="DESC" data-slider_indicator="" data-slider_indicator_color="#ffffff" >
<ul class="slides" style="max-width:100%;">
<li data-mute="yes" data-loop="yes" data-autoplay="yes">
<div class="slide-content-container slide-content-center" style="display: none;">
<div class="slide-content" style="max-width:800px">
<div class="heading">
<div class="fusion-title-sc-wrapper" style="">
<div class="fusion-title title fusion-sep-none fusion-title-center fusion-title-size-two" style="margin-top:0px;margin-bottom:0px;"><h2 class="title-heading-center" style="color:#fff;font-size:100px;line-height:120px;">#301DaysOfCode</h2></div> </div>
</div>
<div class="caption">
<div class="fusion-title-sc-wrapper" style="">
<div class="fusion-title title fusion-sep-none fusion-title-center fusion-title-size-three" style="margin-top:0px;margin-bottom:0px;"><h3 class="title-heading-center" style="color:#fff;font-size:19px;line-height:22.8px;"><span style="letter-spacing: 2px; font-weight: 300; line-height: 30px;">OUR PROGRAMMING CHALLENGE HELPS YOU GO FROM<br> WEB DEVELOPER NEWBIE TO EMPLOYED</span></h3></div> </div>
</div>
<div class="buttons" >
<div class="tfs-button-1"><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:0px;"></div>
<div class="fusion-button-wrapper fusion-aligncenter"><style type="text/css" scoped="scoped">.fusion-button.button-1 .fusion-button-text, .fusion-button.button-1 i {color:#ffffff;}.fusion-button.button-1 {border-width:0px;border-color:#ffffff;}.fusion-button.button-1 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-text, .fusion-button.button-1:hover i,.fusion-button.button-1:focus .fusion-button-text, .fusion-button.button-1:focus i,.fusion-button.button-1:active .fusion-button-text, .fusion-button.button-1:active{color:#ffffff;}.fusion-button.button-1:hover, .fusion-button.button-1:focus, .fusion-button.button-1:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:hover .fusion-button-icon-divider, .fusion-button.button-1:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-1{width:auto;}</style><a class="fusion-button button-flat fusion-button-pill button-large button-default button-1 fusion-lightbox-link" target="_self" href="https://youtu.be/A55MgHPW0EI"><i class="fa fa-play button-icon-left"></i><span class="fusion-button-text">Explainer Video</span></a></div></div>
</div>
</div>
</div>
<div class="background background-image" style="background-image: url(/wp-content/uploads/2018/09/138.jpg);max-width:100%;height:400px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://301daysofcode.com/wp-content/uploads/2018/09/138.jpg', sizingMethod='scale');-ms-filter:'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://301daysofcode.com/wp-content/uploads/2018/09/138.jpg', sizingMethod='scale')';" data-imgwidth="1950">
</div>
</li>
</ul>
</div>
</div>
</div>
<main id="main" role="main" class="clearfix width-100" style="padding-left:30px;padding-right:30px">
<div class="fusion-row" style="max-width:100%;">
<section id="content" class="full-width">
<div id="post-974" class="post-974 page type-page status-publish hentry">
<span class="entry-title rich-snippet-hidden">HOME</span><span class="vcard rich-snippet-hidden"><span class="fn"><a href="/author/admin/" title="Posts by admin" rel="author">admin</a></span></span><span class="updated rich-snippet-hidden">2018-09-15T02:09:12+00:00</span> <div class="post-content">
<div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style='background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:50px;padding-right:50px;padding-bottom:55px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-one-full fusion-column-first fusion-column-last 1_1" style='margin-top:0px;margin-bottom:0px;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><h2 style="text-align: center;">About the Challenge</h2>
</div><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-1 hover-type-none"><img src="/wp-content/uploads/2016/07/divide.png" width="30" height="16" alt="" title="divide" class="img-responsive wp-image-144"/></span></div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-first 1_2" style='margin-top:0px;margin-bottom:0px;width:48%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><p>The challenge originally started as a way to land <a href="https://www.linkedin.com/in/benjaminspak/" target="_blank" rel="noopener">Benjamin Spak</a> a job within a year of getting serious about programming — it worked — but it quickly evolved into much more, as a community sprung up around the <a href="https://twitter.com/hashtag/301daysofcode" target="_blank" rel="noopener">#301DaysofCode</a> hashtag on Twitter.</p>
<p><span class="fusion-dropcap dropcap dropcap-boxed" style="border-radius:50%;background-color:#2176ff;">1</span> Tweet your progress using the #301DaysOfCode hashtag, everyday you code. Do your best to code every day, so you are forming a habit.</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-last 1_2" style='margin-top:0px;margin-bottom:0px;width:48%'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><p><span class="fusion-dropcap dropcap dropcap-boxed" style="border-radius:50%;background-color:#2176ff;">2</span> Did you know that you are more likely to stick with a habit if you keep the barrier to entry low?</p>
<p>Just like with physical exercise we are not trying to max ourselves out every day.</p>
<p>Start small with 3 minutes & 1 second. If you only did that; great!</p>
<p>If you want to do longer for that day, it’s highly encouraged for your success 😉</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div></div></div><div class="fusion-bg-parallax" data-bg-align="center center" data-direction="left" data-mute="false" data-opacity="100" data-velocity="-0.5" data-mobile-enabled="false" data-break_parents="0" data-bg-image="https://301daysofcode.com/wp-content/uploads/2016/07/avada-creative-home1.jpg" data-bg-repeat="false" data-bg-height="" data-bg-width=""></div><div class="fusion-fullwidth fullwidth-box fusion-parallax-left nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style='background-color: rgba(255,255,255,0);background-image: url("/wp-content/uploads/2016/07/avada-creative-home1.jpg");background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:50px;padding-bottom:50px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:left;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-one-full fusion-column-first fusion-column-last 1_1" style='margin-top:0px;margin-bottom:0px;'>
<div class="fusion-column-wrapper" style="padding: 15% 0px 15% 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-2 hover-type-none"><img src="/wp-content/uploads/2018/09/301days-logo-cleanx80.png" width="80" height="92" alt="" title="301days-logo-cleanx80" class="img-responsive wp-image-1039"/></span></div><div class="fusion-text"><h2 style="text-align: center; color: #fff;">GitHub & Command Line Basics</h2>
</div><div class="fusion-text"><p style="font-weight: 300; text-align: center; color: #fff; letter-spacing: 2px;">CLICK BELOW TO WATCH THE VIDEO</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:5px;"></div><div class="fusion-button-wrapper fusion-aligncenter"><style type="text/css" scoped="scoped">.fusion-button.button-2 .fusion-button-text, .fusion-button.button-2 i {color:#1f1f27;}.fusion-button.button-2 {border-width:0px;border-color:#1f1f27;}.fusion-button.button-2 .fusion-button-icon-divider{border-color:#1f1f27;}.fusion-button.button-2:hover .fusion-button-text, .fusion-button.button-2:hover i,.fusion-button.button-2:focus .fusion-button-text, .fusion-button.button-2:focus i,.fusion-button.button-2:active .fusion-button-text, .fusion-button.button-2:active{color:#ffffff;}.fusion-button.button-2:hover, .fusion-button.button-2:focus, .fusion-button.button-2:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:hover .fusion-button-icon-divider, .fusion-button.button-2:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-2{background: #ffffff;}.fusion-button.button-2:hover,.button-2:focus,.fusion-button.button-2:active{background: #1d6ce2;}.fusion-button.button-2{width:auto;}</style><a class="fusion-button button-flat fusion-button-pill button-large button-custom button-2 fusion-lightbox-link" target="_blank" rel="noopener noreferrer" href="https://youtu.be/ycIYpD5G7pQ"><i class="fa-play fas button-icon-left"></i><span class="fusion-button-text">Explainer Video</span></a></div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-one-full fusion-column-first fusion-column-last fusion-column-no-min-height 1_1" style='margin-top:0px;margin-bottom:0px;'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:4%;"></div><div class="fusion-text"><a class="fusion-one-page-text-link" href="#work"><div class="fusion-fa-align-center"><i class="fontawesome-icon fa fa-angle-down circle-no fusion-animated" style="font-size:80px;color:#ffffff;" data-animationtype="fadeInUp" data-animationduration="0.6" data-animationoffset="100%"></i></div></a>
</div><div class="fusion-clearfix"></div>
</div>
</div></div></div><div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style='background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:50px;padding-right:50px;padding-bottom:55px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-one-full fusion-column-first fusion-column-last 1_1" style='margin-top:0px;margin-bottom:0px;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><h2 style="text-align: center;">Challenge Guidelines</h2>
</div><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-3 hover-type-none"><img src="/wp-content/uploads/2016/07/divide.png" width="30" height="16" alt="" title="divide" class="img-responsive wp-image-144"/></span></div><div class="fusion-text"><p style="text-align: center;">“Rules” is such an ugly word. We proffer “guidelines”.</p>
<p style="text-align: center;">“In other words, <b>rules</b> must be followed, and there will be a negative consequence associated with noncompliance. <b>Guidelines</b> are recommended best practices that aim to set standards in the future” <a href="https://www.quora.com/What-are-the-differences-between-guidelines-and-rules" target="_blank" rel="noopener">src</a></p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-first 1_2" style='margin-top:0px;margin-bottom:0px;width:48%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><p><span class="fusion-dropcap dropcap dropcap-boxed" style="border-radius:50%;background-color:#2176ff;">3</span> During the next 365 days; spend 301 days learning to code.</p>
<p>What you learn is your preference. However, with limited time, it is recommended to choose one career path & one skill set.</p>
<p>A few popular options are front-end developer, back-end developer and UX/UI Designer.</p>
<p>The remaining 64 days focus on <a href="https://spak.co/" target="_blank" rel="noopener">landing a developer job – Spak.co can help</a>.</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-last 1_2" style='margin-top:0px;margin-bottom:0px;width:48%'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><p><span class="fusion-dropcap dropcap dropcap-boxed" style="border-radius:50%;background-color:#2176ff;">4</span> Research, Plan, Ask. Before running a marathon you will need to train.</p>
<p>A long programming challenge is only slightly different – mental vs physical strain.</p>
<p>Put first things first. Ask good questions. Then, seek answers.</p>
<p>We put together a quick <a href="https://goo.gl/forms/9jsH3mFSDCCzZiFG2" target="_blank" rel="noopener">new developer survey</a> if you need a starting point.</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div></div></div><div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style='background-color: #303745;background-position: center center;background-repeat: no-repeat;padding-top:100px;padding-right:50px;padding-bottom:150px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_6 fusion-one-sixth fusion-column-first fusion-no-small-visibility 1_6" style='margin-top:0px;margin-bottom:0px;width:13.3333%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_2_3 fusion-two-third 2_3" style='margin-top:0px;margin-bottom:0px;width:65.3333%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-text"><h2 style="text-align: center; color: #fff;">#301DaysOfCode</h2>
</div><div class="fusion-text"><p style="font-size: 16px; font-weight: 300; letter-spacing: 2px; text-align: center; color: #fff;">WHAT IS THE COMMUNITY IS UP TO?</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:5px;"></div><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-4 hover-type-none"><img src="/wp-content/uploads/2016/07/divide.png" width="30" height="16" alt="" title="divide" class="img-responsive wp-image-144"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:25px;"></div><div class="fusion-button-wrapper fusion-aligncenter"><style type="text/css" scoped="scoped">.fusion-button.button-3 .fusion-button-text, .fusion-button.button-3 i {color:#ffffff;}.fusion-button.button-3 {border-width:0px;border-color:#ffffff;}.fusion-button.button-3 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-3:hover .fusion-button-text, .fusion-button.button-3:hover i,.fusion-button.button-3:focus .fusion-button-text, .fusion-button.button-3:focus i,.fusion-button.button-3:active .fusion-button-text, .fusion-button.button-3:active{color:#ffffff;}.fusion-button.button-3:hover, .fusion-button.button-3:focus, .fusion-button.button-3:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-3:hover .fusion-button-icon-divider, .fusion-button.button-3:hover .fusion-button-icon-divider, .fusion-button.button-3:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-3{width:auto;}</style><a class="fusion-button button-flat fusion-button-pill button-large button-default button-3" target="_blank" rel="noopener noreferrer" href="https://twitter.com/hashtag/301DaysOfCode"><span class="fusion-button-text">#301DaysOfCode</span><i class="fa-twitter-square fab button-icon-right"></i></a></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:25px;"></div><div class="fusion-button-wrapper fusion-aligncenter"><style type="text/css" scoped="scoped">.fusion-button.button-4 .fusion-button-text, .fusion-button.button-4 i {color:#ffffff;}.fusion-button.button-4 {border-width:0px;border-color:#ffffff;}.fusion-button.button-4 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-4:hover .fusion-button-text, .fusion-button.button-4:hover i,.fusion-button.button-4:focus .fusion-button-text, .fusion-button.button-4:focus i,.fusion-button.button-4:active .fusion-button-text, .fusion-button.button-4:active{color:#ffffff;}.fusion-button.button-4:hover, .fusion-button.button-4:focus, .fusion-button.button-4:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-4:hover .fusion-button-icon-divider, .fusion-button.button-4:hover .fusion-button-icon-divider, .fusion-button.button-4:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-4{width:auto;}</style><a class="fusion-button button-flat fusion-button-pill button-large button-default button-4" target="_blank" rel="noopener noreferrer" href="https://spak.co/"><span class="fusion-button-text">Discord Community</span><i class="fa-discord fab button-icon-right"></i></a></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_6 fusion-one-sixth fusion-column-last fusion-no-small-visibility 1_6" style='margin-top:0px;margin-bottom:0px;width:13.3333%'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-clearfix"></div>
</div>
</div></div></div><div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style='background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:50px;padding-right:50px;padding-bottom:55px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-one-full fusion-column-first fusion-column-last 1_1" style='margin-top:0px;margin-bottom:0px;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><h2 style="text-align: center;">Tips for Success</h2>
</div><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-5 hover-type-none"><img src="/wp-content/uploads/2016/07/divide.png" width="30" height="16" alt="" title="divide" class="img-responsive wp-image-144"/></span></div><div class="fusion-text"><p style="text-align: center;">Doing everything alone is a sure fire way to get burnt out.</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-first 1_2" style='margin-top:0px;margin-bottom:0px;width:48%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><p><span class="fusion-dropcap dropcap dropcap-boxed" style="border-radius:50%;background-color:#2176ff;">5</span> Giving encouragement & expressing gratitude is often a solid strategy for happiness and fulfillment – Google it.</p>
<p>Encourage others using the #301DaysOfCode, #100DaysOfCode & #CodeNewbie on social media.</p>
<p>You can find #301DaysOfCode on most popular networks, such as <a href="https://www.instagram.com/explore/tags/301daysofcode/" target="_blank" rel="noopener">Instagram</a>, <a href="https://twitter.com/hashtag/301DaysOfCode" target="_blank" rel="noopener">Twitter</a>, <a href="https://www.linkedin.com/search/results/content/?keywords=%23301DaysOfCode" target="_blank" rel="noopener">LinkedIn</a> & <a href="https://www.youtube.com/results?search_query=%23301DaysOfCode" target="_blank" rel="noopener">YouTube</a>.</p>
<p>Also, share resources you find helpful or code memes you find funny.</p>
<p>It is a great way to make friends & build your personal brand.</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-last 1_2" style='margin-top:0px;margin-bottom:0px;width:48%'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><p><span class="fusion-dropcap dropcap dropcap-boxed" style="border-radius:50%;background-color:#2176ff;">6</span> Tag up with others & collaborate on projects. No one person can be great at everything.</p>
<p>As mentioned before, the three most popular paths we see are front-end, back-end & design.</p>
<p>For example: you are an aspiring designer who likes designing user interfaces.</p>
<p>Have a project in mind?</p>
<p>Reach out to up and coming front-end & back-end developers to help make your designs interactive.</p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div></div></div><div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling" style='background-color: #303745;background-position: center center;background-repeat: no-repeat;padding-top:100px;padding-right:50px;padding-bottom:150px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_6 fusion-one-sixth fusion-column-first fusion-no-small-visibility 1_6" style='margin-top:0px;margin-bottom:0px;width:13.3333%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_2_3 fusion-two-third 2_3" style='margin-top:0px;margin-bottom:0px;width:65.3333%; margin-right: 4%;'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-text"><h2 style="text-align: center; color: #fff;">#301DaysOfCode</h2>
</div><div class="fusion-text"><p style="font-size: 16px; font-weight: 300; letter-spacing: 2px; text-align: center; color: #fff;">WHAT IS THE COMMUNITY IS UP TO?</p>
</div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:5px;"></div><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-6 hover-type-none"><img src="/wp-content/uploads/2016/07/divide.png" width="30" height="16" alt="" title="divide" class="img-responsive wp-image-144"/></span></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:25px;"></div><div class="fusion-button-wrapper fusion-aligncenter"><style type="text/css" scoped="scoped">.fusion-button.button-5 .fusion-button-text, .fusion-button.button-5 i {color:#ffffff;}.fusion-button.button-5 {border-width:0px;border-color:#ffffff;}.fusion-button.button-5 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-5:hover .fusion-button-text, .fusion-button.button-5:hover i,.fusion-button.button-5:focus .fusion-button-text, .fusion-button.button-5:focus i,.fusion-button.button-5:active .fusion-button-text, .fusion-button.button-5:active{color:#ffffff;}.fusion-button.button-5:hover, .fusion-button.button-5:focus, .fusion-button.button-5:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-5:hover .fusion-button-icon-divider, .fusion-button.button-5:hover .fusion-button-icon-divider, .fusion-button.button-5:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-5{width:auto;}</style><a class="fusion-button button-flat fusion-button-pill button-large button-default button-5" target="_blank" rel="noopener noreferrer" href="https://twitter.com/hashtag/301DaysOfCode"><span class="fusion-button-text">#301DaysOfCode</span><i class="fa-twitter-square fab button-icon-right"></i></a></div><div class="fusion-sep-clear"></div><div class="fusion-separator fusion-full-width-sep sep-none" style="margin-left: auto;margin-right: auto;margin-top:25px;"></div><div class="fusion-button-wrapper fusion-aligncenter"><style type="text/css" scoped="scoped">.fusion-button.button-6 .fusion-button-text, .fusion-button.button-6 i {color:#ffffff;}.fusion-button.button-6 {border-width:0px;border-color:#ffffff;}.fusion-button.button-6 .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-6:hover .fusion-button-text, .fusion-button.button-6:hover i,.fusion-button.button-6:focus .fusion-button-text, .fusion-button.button-6:focus i,.fusion-button.button-6:active .fusion-button-text, .fusion-button.button-6:active{color:#ffffff;}.fusion-button.button-6:hover, .fusion-button.button-6:focus, .fusion-button.button-6:active{border-width:0px;border-color:#ffffff;}.fusion-button.button-6:hover .fusion-button-icon-divider, .fusion-button.button-6:hover .fusion-button-icon-divider, .fusion-button.button-6:active .fusion-button-icon-divider{border-color:#ffffff;}.fusion-button.button-6{width:auto;}</style><a class="fusion-button button-flat fusion-button-pill button-large button-default button-6" target="_blank" rel="noopener noreferrer" href="https://spak.co/"><span class="fusion-button-text">Discord Community</span><i class="fa-discord fab button-icon-right"></i></a></div><div class="fusion-clearfix"></div>
</div>
</div><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_6 fusion-one-sixth fusion-column-last fusion-no-small-visibility 1_6" style='margin-top:0px;margin-bottom:0px;width:13.3333%'>
<div class="fusion-column-wrapper" style="padding: 0px 0px 0px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-clearfix"></div>
</div>
</div></div></div><div class="fusion-fullwidth fullwidth-box nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-equal-height-columns" style='background-color: rgba(255,255,255,0);background-position: left top;background-repeat: no-repeat;padding-top:50px;padding-right:50px;padding-bottom:55px;padding-left:50px;border-top-width:0px;border-bottom-width:0px;border-color:#eae9e9;border-top-style:solid;border-bottom-style:solid;'><div class="fusion-builder-row fusion-row"><div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_1 fusion-one-full fusion-column-first fusion-column-last 1_1" style='margin-top:0px;margin-bottom:0px;'>
<div class="fusion-column-wrapper" style="padding: 0px 40px 50px 0px;background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;" data-bg-url="">
<div class="fusion-column-content-centered"><div class="fusion-column-content"><div class="fusion-text"><h2 style="text-align: center;">Get Started</h2>
</div><div class="imageframe-align-center"><span class="fusion-imageframe imageframe-none imageframe-7 hover-type-none"><img src="/wp-content/uploads/2016/07/divide.png" width="30" height="16" alt="" title="divide" class="img-responsive wp-image-144"/></span></div><div class="fusion-text"><p style="text-align: center;">Clone this GitHub <a href="https://github.com/akshay1337/301-Days-Of-Code" target="_blank" rel="noopener">repository by Akshay</a></p>
<p style="text-align: center;">Post your challenge pledge tweet.</p>
<p style="text-align: center;"><a class="twitter-share-button" href="https://twitter.com/intent/tweet?url=https%3A%2F%2F301daysofcode.com&via=benjaminspak&text=I%27m%20publicly%20committing%20to%20the%20301%20Days%20Of%20Code%20Challenge%21%20Join%20the%20Community%21&hashtags=301DaysOfCode%2C%20100DaysOfCode%2C%20SpakCo" data-size="large">Pledge</a><script src="https://platform.twitter.com/widgets.js" async="" charset="utf-8"></script></p>
</div></div></div><div class="fusion-clearfix"></div>
</div>
</div></div></div>
</div>
</div>
</section>
</div> <!-- fusion-row -->
</main> <!-- #main -->
<div class="fusion-footer">
<footer id="footer" class="fusion-footer-copyright-area">
<div class="fusion-row">
<div class="fusion-copyright-content">
<div class="fusion-copyright-notice">
<div>
© <script>document.write(new Date().getFullYear());</script> Spak Media - All Rights Reserved </div>
</div>
<div class="fusion-social-links-footer">
<div class="fusion-social-networks boxed-icons"><div class="fusion-social-networks-wrapper"><a class="fusion-social-network-icon fusion-tooltip fusion-instagram fusion-icon-instagram" style="color:#2176ff;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" href="https://www.instagram.com/spak.co/" target="_blank" rel="noopener noreferrer" data-placement="top" data-title="Instagram" data-toggle="tooltip" title="Instagram"><span class="screen-reader-text">Instagram</span></a><a class="fusion-social-network-icon fusion-tooltip fusion-twitter fusion-icon-twitter" style="color:#2176ff;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" href="https://twitter.com/benjaminspak" target="_blank" rel="noopener noreferrer" data-placement="top" data-title="Twitter" data-toggle="tooltip" title="Twitter"><span class="screen-reader-text">Twitter</span></a><a class="fusion-social-network-icon fusion-tooltip fusion-youtube fusion-icon-youtube" style="color:#2176ff;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" href="https://www.youtube.com/channel/UCQUNME_uamXEW1c58iEADWw" target="_blank" rel="noopener noreferrer" data-placement="top" data-title="YouTube" data-toggle="tooltip" title="YouTube"><span class="screen-reader-text">YouTube</span></a><a class="custom fusion-social-network-icon fusion-tooltip fusion-custom fusion-icon-custom" style="color:#2176ff;background-color:#ffffff;border-color:#ffffff;border-radius:50%;" href="http://spak.chat/" target="_blank" rel="noopener noreferrer" data-placement="top" data-title="Custom" data-toggle="tooltip" title="Custom"><span class="screen-reader-text">Custom</span></a></div></div></div>
</div> <!-- fusion-fusion-copyright-content -->
</div> <!-- fusion-row -->
</footer> <!-- #footer -->
</div> <!-- fusion-footer -->
</div> <!-- wrapper -->
<a class="fusion-one-page-text-link fusion-page-load-link"></a>
<script type="text/javascript">
jQuery( document ).ready( function() {
var ajaxurl = 'https://301daysofcode.com/wp-admin/admin-ajax.php';
if ( 0 < jQuery( '.fusion-login-nonce' ).length ) {
jQuery.get( ajaxurl, { 'action': 'fusion_login_nonce' }, function( response ) {
jQuery( '.fusion-login-nonce' ).html( response );
});
}
});
</script>
<script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/301daysofcode.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}};
/* ]]> */
</script>
<script type='text/javascript' src='/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.4'></script>
<!--[if IE 9]>
<script type='text/javascript' src='https://301daysofcode.com/wp-content/themes/Avada/includes/lib/assets/min/js/general/fusion-ie9.js?ver=1'></script>
<![endif]-->
<script type='text/javascript' src='/wp-content/uploads/fusion-scripts/3dd7894268c3732ad49d15bd5a1ce06e.min.js'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script>
</body>
</html>