Repository navigation
Expand file tree
/
Copy pathStack Overflow
More file actions
1441 lines (1264 loc) · 108 KB
/
Copy pathStack Overflow
File metadata and controls
1441 lines (1264 loc) · 108 KB
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
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html class="html__responsive html__unpinned-leftnav">
<head>
<title>Stack Overflow - Where Developers Learn, Share, & Build Careers</title>
<link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico?v=4f32ecc8f43d">
<link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a">
<link rel="image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png?v=c78bd457575a">
<link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">
<meta name="description" content="Stack Overflow is the largest, most trusted online community for developers to learn, share their programming knowledge, and build their careers."/>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
<meta property="og:type" content= "website" />
<meta property="og:url" content="https://stackoverflow.com/"/>
<meta property="og:site_name" content="Stack Overflow" />
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://cdn.sstatic.net/Sites/stackoverflow/img/[email protected]?v=73d79a89bded" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:domain" content="stackoverflow.com"/>
<meta name="twitter:title" property="og:title" itemprop="name" content="Stack Overflow - Where Developers Learn, Share, & Build Careers" />
<meta name="twitter:description" property="og:description" itemprop="description" content="Stack Overflow | The World’s Largest Online Community for Developers" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.sstatic.net/Js/stub.en.js?v=10f0ebc4a1d7"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/stacks.css?v=d0797a2dd6f2" >
<link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=83a23e4077ba" >
<link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/Product/product.css?v=81c1aef62c6b" >
<link rel="alternate" type="application/atom+xml" title="Feed of recent questions" href="/feeds">
<link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/Shared/Channels/channels.css?v=05e29db3ebd2" >
<script>
StackExchange.init({"locale":"en","serverTime":1579089636,"routeName":"Home/Index","stackAuthUrl":"https://stackauth.com","networkMetaHostname":"meta.stackexchange.com","site":{"name":"Stack Overflow","description":"Q&A for professional and enthusiast programmers","isNoticesTabEnabled":true,"enableNewTagCreationWarning":true,"insertSpaceAfterNameTabCompletion":false,"id":1,"childUrl":"https://meta.stackoverflow.com","negativeVoteScoreFloor":null,"enableSocialMediaInSharePopup":true,"protocol":"https"},"user":{"fkey":"03a6bb4f7b3076c106289b9313772c099a0c4d1e14eed5fb8f78844eeb86895d","tid":"65202660-7336-f3bf-76e9-9b27b401bbc0","rep":0,"isAnonymous":true,"isAnonymousNetworkWide":true},"events":{"postType":{"question":1},"postEditionSection":{"title":1,"body":2,"tags":3}},"story":{"minCompleteBodyLength":75,"likedTagsMaxLength":300,"dislikedTagsMaxLength":300},"jobPreferences":{"maxNumDeveloperRoles":2,"maxNumIndustries":4},"svgIconPath":"https://cdn.sstatic.net/Img/svg-icons","svgIconHash":"10d0f729af70"}, {"userProfile":{"openGraphAPIKey":"4a307e43-b625-49bb-af15-ffadf2bda017"},"userMessaging":{},"tags":{},"snippets":{"renderDomain":"stacksnippets.net","snippetsEnabled":true},"slack":{"sidebarAdDismissCookie":"slack-sidebar-ad"},"site":{"allowImageUploads":true,"enableImgurHttps":true,"enableUserHovercards":true,"forceHttpsImages":true,"styleCode":true},"paths":{},"monitoring":{"clientTimingsAbsoluteTimeout":30000,"clientTimingsDebounceTimeout":1000},"mentions":{"maxNumUsersInDropdown":50},"markdown":{"asteriskIntraWordEmphasis":true},"flags":{"allowRetractingCommentFlags":true,"allowRetractingFlags":true},"comments":{},"accounts":{"currentPasswordRequiredForChangingStackIdPassword":true}});
StackExchange.using.setCacheBreakers({"js/prettify-full.en.js":"a30c78b4a34f","js/moderator.en.js":"5f2c3093b1ee","js/full-anon.en.js":"50beaf500d96","js/full.en.js":"481fad5072bf","js/wmd.en.js":"cf02dc3b8646","js/mobile.en.js":"b2b68dcf671f","js/help.en.js":"333a277c90d9","js/tageditor.en.js":"055f6e79a167","js/tageditornew.en.js":"7c7b6ec33869","js/inline-tag-editing.en.js":"b5436857e5dd","js/revisions.en.js":"055fbe1202e9","js/review.en.js":"12a54e95088b","js/tagsuggestions.en.js":"9b2c5d9791d2","js/post-validation.en.js":"a69c21b61fb0","js/explore-qlist.en.js":"222b04ca33bc","js/events.en.js":"79c464d828f0","js/keyboard-shortcuts.en.js":"c4cfbed81f05","js/adops.en.js":"6b9883f0531e","js/begin-edit-event.en.js":"7f52eac9bfd0","js/ask.en.js":"e4dd8c66240e","js/question-editor.en.js":"","js/snippet-javascript-codemirror.en.js":"bf7860890a9a"});
StackExchange.using("gps", function() {
StackExchange.gps.init(true);
});
</script>
<noscript id="noscript-css"><style>body,.top-bar{margin-top:1.9em}</style></noscript>
</head>
<body class="home-page unified-theme">
<div id="notify-container"></div>
<div id="custom-header"></div>
<header class="top-bar js-top-bar top-bar__network _fixed">
<div class="wmx12 mx-auto grid ai-center h100" role="menubar">
<div class="-main grid--cell">
<a href="#" class="left-sidebar-toggle p0 ai-center jc-center js-left-sidebar-toggle" role="menuitem" aria-haspopup="true" aria-controls="left-sidebar" aria-expanded="false"><span class="ps-relative"></span></a>
<div class="topbar-dialog leftnav-dialog js-leftnav-dialog dno">
<div class="left-sidebar js-unpinned-left-sidebar" data-can-be="left-sidebar" data-is-here-when="sm md lg"></div>
</div>
<a href="https://stackoverflow.com" class="-logo js-gps-track"
data-gps-track="top_nav.click({is_current:true, location:1, destination:8})">
<span class="-img _glyph">Stack Overflow</span>
</a>
</div>
<ol class="list-reset grid gs4" role="presentation">
<li class="grid--cell">
<a href="#"
class="-marketing-link is-selected js-gps-track js-products-menu"
aria-controls="products-popover"
data-controller="s-popover"
data-action="s-popover#toggle"
data-s-popover-placement="bottom"
data-gps-track="top_nav.products.click({location:1, destination:1})"
data-ga="["top navigation","products menu click",null,null,null]">
Products
</a>
</li>
<li class="grid--cell md:d-none">
<a href="/teams/customers" class="-marketing-link js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:7})"
data-ga="["top navigation","customers menu click",null,null,null]">Customers</a>
</li>
<li class="grid--cell md:d-none">
<a href="/teams/use-cases" class="-marketing-link js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:8})"
data-ga="["top navigation","use cases menu click",null,null,null]">Use cases</a>
</li>
</ol>
<div class="s-popover ws2 p6"
id="products-popover"
role="menu"
aria-hidden="true">
<div class="s-popover--arrow"></div>
<ol class="list-reset s-anchors s-anchors__inherit">
<li>
<a href="/questions" class="d-block py6 px6 bar-sm h:bg-orange-500 h:fc-white js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:2})"
data-ga="["top navigation","public qa submenu click",null,null,null]">
<span class="fs-body1 d-block">Stack Overflow</span>
<span class="fs-caption d-block o70">Public questions and answers</span>
</a>
</li>
<li>
<a href="/teams" class="d-block py6 px6 bar-sm h:bg-orange-500 h:fc-white js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:3})"
data-ga="["top navigation","teams submenu click",null,null,null]">
<span class="fs-body1 d-block">Teams</span>
<span class="fs-caption d-block o70">Private questions and answers for your team</span>
</a>
</li>
<li>
<a href="/enterprise" class="d-block py6 px6 bar-sm h:bg-orange-500 h:fc-white js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:4})"
data-ga="["top navigation","enterprise submenu click",null,null,null]">
<span class="fs-body1 d-block">Enterprise</span>
<span class="fs-caption d-block o70">Private self-hosted questions and answers for your enterprise</span>
</a>
</li>
<li class="bt bc-black-3 mln6 mrn6 mt6 pt6 px6">
<a href="https://stackoverflow.com/talent" class="d-block py6 px6 bar-sm h:bg-orange-500 h:fc-white js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:5})"
data-ga="["top navigation","talent submenu click",null,null,null]">
<span class="fs-body1 d-block">Talent</span>
<span class="fs-caption d-block o70">Hire technical talent</span>
</a>
</li>
<li>
<a href="https://stackoverflow.com/advertising" class="d-block py6 px6 bar-sm h:bg-orange-500 h:fc-white js-gps-track"
data-gps-track="top_nav.products.click({location:1, destination:6})"
data-ga="["top navigation","advertising submenu click",null,null,null]">
<span class="fs-body1 d-block">Advertising</span>
<span class="fs-caption d-block o70">Reach developers worldwide</span>
</a>
</li>
</ol>
</div>
<form id="search" role="search" action=/search method="get" class="grid--cell fl-grow1 searchbar px12 js-searchbar " autocomplete="off">
<div class="ps-relative">
<input name="q"
type="text"
placeholder="Search…"
value=""
autocomplete="off"
maxlength="240"
class="s-input s-input__search js-search-field "
aria-label="Search"
aria-controls="top-search"
data-controller="s-popover"
data-action="focus->s-popover#show"
data-s-popover-placement="bottom-start"/>
<svg aria-hidden="true" class="svg-icon s-input-icon s-input-icon__search iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="M18 16.5l-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5zM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0z"/></svg>
<div class="s-popover p0 wmx100 wmn4 sm:wmn-initial js-top-search-popover s-popover--arrow__tl" id="top-search" role="menu">
<div class="js-spinner p24 grid ai-center jc-center d-none">
<div class="s-spinner s-spinner__sm fc-orange-400">
<div class="v-visible-sr">Loading…</div>
</div>
</div>
<span class="v-visible-sr js-screen-reader-info"></span>
<div class="js-ac-results overflow-y-auto hmx3 d-none"></div>
<div class="js-search-hints" aria-describedby="Tips for searching"></div>
</div>
</div>
</form>
<ol class="overflow-x-auto ml-auto -secondary grid ai-center list-reset h100 user-logged-out" role="presentation">
<li class="-item searchbar-trigger"><a href="#" class="-link js-searchbar-trigger" role="button" aria-label="Search" aria-haspopup="true" aria-controls="search" title="Click to show search"><svg aria-hidden="true" class="svg-icon iconSearch" width="18" height="18" viewBox="0 0 18 18"><path d="M18 16.5l-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5zM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0z"/></svg></a></li>
<li class="-ctas">
<a href="https://stackoverflow.com/users/login?ssrc=head&returnurl=https%3a%2f%2fstackoverflow.com%2f" class="login-link s-btn s-btn__filled py8 js-gps-track" rel="nofollow"
data-gps-track="login.click" data-ga="["top navigation","login button click",null,null,null]">Log in</a>
<a href="https://stackoverflow.com/users/signup?ssrc=head&returnurl=%2fusers%2fstory%2fcurrent" class="login-link s-btn s-btn__primary py8" rel="nofollow" data-ga="["sign up","Sign Up Navigation","Header",null,null]">Sign up</a>
</li>
<li class="js-topbar-dialog-corral" role="presentation">
<div class="topbar-dialog siteSwitcher-dialog dno" role="menu">
<div class="header">
<h3><a href="https://stackoverflow.com">current community</a>
</h3>
</div>
<div class="modal-content current-site-container">
<ul class="current-site">
<li class="grid">
<div class="fl1">
<a href="https://stackoverflow.com"
class="current-site-link site-link js-gps-track grid gs8 gsx"
data-id="1"
data-gps-track="site_switcher.click({ item_type:3 })">
<div class="favicon favicon-stackoverflow site-icon grid--cell" title="Stack Overflow"></div>
<span class="grid--cell fl1">
Stack Overflow
</span>
</a>
</div>
<div class="related-links">
<a href="https://stackoverflow.com/help" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:14 })"
>help</a>
<a href="https://chat.stackoverflow.com" class="js-gps-track" data-gps-track="site_switcher.click({ item_type:6 })"
>chat</a>
</div>
</li>
<li class="related-site grid">
<div class="L-shaped-icon-container">
<span class="L-shaped-icon"></span>
</div>
<a href="https://meta.stackoverflow.com"
class="site-link js-gps-track grid gs8 gsx"
data-id="552"
data-gps-track="site.switch({ target_site:552, item_type:3 }),site_switcher.click({ item_type:4 })">
<div class="favicon favicon-stackoverflowmeta site-icon grid--cell" title="Meta Stack Overflow"></div>
<span class="grid--cell fl1">
Meta Stack Overflow
</span>
</a>
</li>
</ul>
</div>
<div class="header" id="your-communities-header">
<h3>
your communities </h3>
</div>
<div class="modal-content" id="your-communities-section">
<div class="call-to-login">
<a href="https://stackoverflow.com/users/signup?ssrc=site_switcher&returnurl=%2fusers%2fstory%2fcurrent" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:10 })"
>Sign up</a> or <a href="https://stackoverflow.com/users/login?ssrc=site_switcher&returnurl=https%3a%2f%2fstackoverflow.com%2f" class="login-link js-gps-track" data-gps-track="site_switcher.click({ item_type:11 })"
>log in</a> to customize your list.
</div>
</div>
<div class="header">
<h3><a href="https://stackexchange.com/sites">more stack exchange communities</a>
</h3>
<a href="https://stackoverflow.blog" class="fr">company blog</a>
</div>
<div class="modal-content">
<div class="child-content"></div>
</div>
</div>
</li>
</ol>
</div>
</header>
<div id="js-gdpr-consent-banner" class="p8 ff-sans ps-fixed b0 l0 r0 z-banner" role="banner" aria-hidden="false" style="background-color: #3b4045; color: white;">
<div class="wmx8 mx-auto grid grid__center" role="alertdialog" aria-describedby="notice-message">
<div class="grid--cell mr12" aria-label="notice-message">
<p class="mb0 lh-lg">
By using our site, you acknowledge that you have read and understand our <a class="s-link s-link__inherit td-underline fc-white" target="_blank" href="https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a>, <a class="s-link s-link__inherit td-underline fc-white" target="_blank" href="https://stackoverflow.com/legal/privacy-policy">Privacy Policy</a>, and our <a class="s-link s-link__inherit td-underline fc-white" target="_blank" href="https://stackoverflow.com/legal/terms-of-service/public">Terms of Service</a>.
</p>
</div>
<div class="grid--cell">
<a class="s-btn s-btn__muted s-btn__icon js-notice-close" aria-label="notice-dismiss">
<svg aria-hidden="true" class="svg-icon iconClear" width="18" height="18" viewBox="0 0 18 18"><path d="M15 4.41L13.59 3 9 7.59 4.41 3 3 4.41 7.59 9 3 13.59 4.41 15 9 10.41 13.59 15 15 13.59 10.41 9 15 4.41z"/></svg>
</a>
</div>
</div>
</div>
<script>
StackExchange.ready(function () { StackExchange.topbar.init(); });
StackExchange.scrollPadding.setPaddingTop(50, 10); </script>
<div class="container wmx100 w100 p-ff-source">
<div id="left-sidebar" data-is-here-when="" class="left-sidebar js-pinned-left-sidebar ps-relative">
<div class="left-sidebar--sticky-container js-sticky-leftnav">
<nav role="navigation">
<ol class="nav-links">
<li class=" youarehere">
<a
href="/"
class="pl8 js-gps-track nav-links--link"
data-gps-track="top_nav.click({is_current:true, location:1, destination:8})">
Home </a>
</li>
<li>
<ol class="nav-links">
<li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Public</li>
<li>
<a id="nav-questions"
href="/questions"
class="pl8 js-gps-track nav-links--link -link__with-icon"
data-gps-track="top_nav.click({is_current:false, location:1, destination:1})">
<svg aria-hidden="true" class="svg-icon iconGlobe" width="18" height="18" viewBox="0 0 18 18"><path d="M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zM8 15.32a6.4 6.4 0 0 1-5.23-7.75L7 11.68v.8c0 .88.12 1.32 1 1.32v1.52zm5.72-2c-.2-.66-1-1.32-1.72-1.32h-1v-2c0-.44-.56-1-1-1H6V7h1c.44 0 1-.56 1-1V5h2c.88 0 1.4-.72 1.4-1.6v-.33a6.4 6.4 0 0 1 2.32 10.24v.01z"/></svg> <span class="-link--channel-name">Stack Overflow</span>
</a>
</li>
<li>
<a id="nav-tags"
href="/tags"
class=" js-gps-track nav-links--link"
data-gps-track="top_nav.click({is_current:false, location:1, destination:2})">
Tags </a>
</li>
<li>
<a id="nav-users"
href="/users"
class=" js-gps-track nav-links--link"
data-gps-track="top_nav.click({is_current:false, location:1, destination:3})">
Users </a>
</li>
<li>
<a id="nav-jobs"
href="/jobs?so_medium=StackOverflow&so_source=SiteNav"
class=" js-gps-track nav-links--link"
data-gps-track="top_nav.click({is_current:false, location:1, destination:6})">
Jobs </a>
</li>
</ol>
</li>
<li>
<ol class="nav-links">
<li class="grid ai-center jc-space-between ml8 mt24 mb4">
<div class="grid--cell tt-uppercase fs-fine fc-light">Teams</div>
<div class="grid--cell fs-fine fc-light mr4">
<a href="javascript:void(0)" class="s-link s-link__inherit js-gps-track"
role="button"
aria-controls="popover-teams-create-cta"
data-controller="s-popover"
data-action="s-popover#toggle"
data-s-popover-placement="bottom-start"
data-s-popover-toggle-class="is-selected"
data-gps-track="teams.create.left-sidenav.click({ Action: ShowInfo })"
data-ga="["teams left navigation - anonymous","left nav show teams info",null,null,null]">
What’s this?
</a>
</div>
</li>
<li class="ps-relative">
<a href="https://stackoverflow.com/teams"
class="pl8 js-gps-track nav-links--link"
title="Stack Overflow for Teams is a private, secure spot for your organization's questions and answers."
data-gps-track="teams.create.left-sidenav.click({ Action: TeamsClick })"
data-ga="["teams left navigation - anonymous","left nav team click","stackoverflow.com/teams",null,null]">
<div class="grid ai-center">
<div class="grid--cell s-avatar va-middle bg-orange-400">
<div class="s-avatar--letter mtn1">
<svg aria-hidden="true" class="svg-icon iconBriefcaseSm" width="14" height="14" viewBox="0 0 14 14"><path d="M4 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 2 10.5v-5C2 4.67 2.67 4 3.5 4H4V3zm5 1V3H5v1h4z"/></svg>
</div>
<svg aria-hidden="true" class="svg-icon native s-avatar--badge iconShieldXSm" width="9" height="10" viewBox="0 0 9 10"><path d="M0 1.84L4.5 0 9 1.84v3.17C9 7.53 6.3 10 4.5 10 2.7 10 0 7.53 0 5.01V1.84z" fill="#fff"/><path d="M1 2.5L4.5 1 8 2.5v2.51C8 7.34 5.34 9 4.5 9 3.65 9 1 7.34 1 5.01V2.5zm2.98 3.02L3.2 7h2.6l-.78-1.48a.4.4 0 0 1 .15-.38c.34-.24.73-.7.73-1.14 0-.71-.5-1.23-1.41-1.23-.92 0-1.39.52-1.39 1.23 0 .44.4.9.73 1.14.12.08.18.23.15.38z" fill="#6A7E7C"/></svg>
</div>
<div class="grid--cell pl6">
Free 30 Day Trial </div>
</div>
</a>
</li>
</ol>
</li>
</ol>
</nav>
</div>
<div class="s-popover w-auto p16"
id="popover-teams-create-cta"
role="menu"
aria-hidden="true">
<div class="s-popover--arrow"></div>
<div class="ps-relative overflow-hidden">
<p class="mb2"><strong>Teams</strong></p>
<p class="mb16 fs-caption fc-medium">Q&A for Work</p>
<p class="mb8 fs-caption fc-medium">
Stack Overflow for Teams is a private, secure spot for you and
your coworkers to find and share information.
</p>
<a href="https://stackoverflow.com/teams"
class="js-gps-track ws-nowrap d-block"
data-gps-track="teams.create.left-sidenav.click({ Action: CtaClick })"
data-ga="["teams left navigation - anonymous","left nav cta","stackoverflow.com/teams",null,null]">
Learn more
</a>
</div>
<div class="ps-absolute t8 r8">
<svg width="53" height="49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M49 11l.2 31H18.9L9 49v-7H4V8h31" fill="#CCEAFF" /><path d="M44.5 19v-.3l-.2-.1-18-13-.1-.1H.5v33h4V46l.8-.6 9.9-6.9h29.3V19z" stroke="#1060E1" stroke-miterlimit="10" /><path d="M31 2l6-1.5 7 2V38H14.9L5 45v-7H1V6h25l5-4z" fill="#fff" /><path d="M7 16.5h13m-13 6h14m-14 6h18" stroke="#1060E1" stroke-miterlimit="10" /><path d="M39 30a14 14 0 1 0 0-28 14 14 0 0 0 0 28z" fill="#FFB935" /><path d="M50.5 14a13.5 13.5 0 1 1-27 0 13.5 13.5 0 0 1 27 0z" stroke="#F48024" stroke-miterlimit="10" /><path d="M32.5 21.5v-8h9v8h-9zm2-9.5V9.3A2.5 2.5 0 0 1 37 6.8a2.5 2.5 0 0 1 2.5 2.5V12h-5zm2 3v2m1-2v2" stroke="#fff" stroke-miterlimit="10" /></svg>
</div>
</div>
</div>
<div id="content" class="w100 wmx100 p0 snippet-hidden">
<div class="py128 p-slope-left product-hero-background">
<h1 class="w90 mx-auto p-ff-roboto-slab-bold fs-display2 ta-center mb16">We <span class="ff-mono"><3</span> people who code</h1>
<p class="fs-title ta-center w90 wmx4 mx-auto mb24">We build products that empower developers and connect them to solutions that enable productivity, growth, and discovery.</p>
<div class="grid jc-center ai-center fs-body2 sm:fd-column">
<a class="grid--cell bc-orange-2 ba fc-orange-400 bg-white py12 px24 bar-sm js-scroll-link js-gps-track"
data-gps-track="product_homepage.hero.click({ cta: 'For developers' })"
href="#for-developers" data-ga="["home page","for developers click","hero banner",null,null]">
For developers
</a>
<a class="grid--cell ml8 sm:ml0 sm:mt8 fc-white bg-orange-400 py12 px24 bar-sm js-scroll-link js-gps-track"
data-gps-track="product_homepage.hero.click({ cta: 'For businesses' })"
href="#for-businesses" data-ga="["home page","for businesses click","hero banner",null,null]">
For businesses
</a>
</div>
</div>
<div class="py64 ta-center" id="for-developers">
<h2 class="w90 mx-auto p-ff-roboto-slab-bold fs-headline2 mb24">For developers, by developers</h2>
<div class="p-divider mb32"></div>
<p class="ta-center fs-body3 w90 wmx5 mx-auto mb48">Stack Overflow is an <a href="/questions" class="fc-orange-400 js-gps-track"
data-gps-track="product_homepage.for_developers.click({ product: 'FreeCommunityHeader' })"
data-ga="["home page","free community click","for developers section",null,null]">open community</a> for anyone that codes. We help you get answers to your toughest coding questions, share knowledge with your coworkers in private, and find your next dream job.</p>
<div class="grid grid__allcells4 w90 wmx10 mx-auto ai-start md:fd-column md:ai-center">
<div class="grid--cell wmx3 fs-body2 ta-center bs-md bar-lg p32 mt64 md:mt0 md:mb32 h:bs-lg">
<img class="mb16" src="https://cdn.sstatic.net/Img/home/public-qa.svg?v=d82acaa7df9f">
<h4 class="fs-title p-ff-roboto-slab mb16">Public Q&A</h4>
<p class="mb24">Get answers to more than 16.5 million questions and give back by sharing your knowledge with others. <a href="/users/signup" class="fc-orange-400 js-gps-track"
data-gps-track="product_homepage.for_developers.click({ product: 'PublicQA' })"
data-ga="["home page","public qa - create account click","for developers section",null,null]">Sign up</a> for an account.</p>
<a class="d-inline-block fc-white p-bg-purple py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.for_developers.click({ product: 'FreeCommunity' })"
href="/questions" data-ga="["home page","browse questions click","for developers section",null,null]">
Browse questions
</a>
</div>
<div class="grid--cell wmx3 fs-body2 bs-md bar-lg p32 mr64 ml64 md:mr0 md:ml0 md:mb32 h:bs-lg">
<img class="mb16" src="https://cdn.sstatic.net/Img/home/private-qa.svg?v=2c1de180b6d7">
<h4 class="fs-title p-ff-roboto-slab mb16">Private Q&A</h4>
<p class="mb24">Level up with Stack Overflow while you work. Share knowledge privately with your coworkers using our flagship Q&A engine.</p>
<a class="d-inline-block fc-white bg-orange-400 py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.for_developers.click({ product: 'PrivateQA' })"
href="/teams" data-ga="["home page","private qa - learn more click","for developers section",null,null]">
Try for free
</a>
</div>
<div class="grid--cell wmx3 fs-body2 bs-md bar-lg p32 mt64 md:mt0 md:mb32 h:bs-lg">
<img class="mb16" src="https://cdn.sstatic.net/Img/home/jobs.svg?v=931d6c0863ee">
<h4 class="fs-title p-ff-roboto-slab mb16">Browse jobs</h4>
<p class="mb24">Find the right job through high quality listings and search for roles based on title, technology stack, salary, location, and more.</p>
<a class="d-inline-block fc-white p-bg-purple py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.for_developers.click({ product: 'Jobs' })"
href="/jobs" data-ga="["home page","browse jobs click","for developers section",null,null]">
Find a job
</a>
</div>
</div>
</div>
<div class="py128 p-bg-purple-light p-slope-right fs-body3" id="for-businesses">
<h2 class="mx-auto w90 ta-center p-ff-roboto-slab-bold fs-headline2 mb24">For businesses, by developers</h2>
<div class="p-divider mb32"></div>
<p class="ta-center mb64 fs-body3 w90 wmx6 mx-auto">Our mission is to help developers write the script of the future. This means helping you find and hire skilled developers for your business and providing them the tools they need to share knowledge and work effectively.</p>
<div class="grid grid__allcells4 mx-auto w90 wmx12 md:fd-column md:ai-center">
<div class="grid grid__center wmx4 bg-white bar-lg bs-md p32 md:mb32 lg:fd-column md:fd-row">
<div class="grid--cell mr16 lg:mb16 md:mb0">
<img class="d-block" src="https://cdn.sstatic.net/Img/home/private-questions.svg?v=a4f1cfb08f7e" width="76">
</div>
<p class="grid--cell mb0 wmx2">
Quickly find and share internal knowledge with
<a href="/teams"
class="fc-orange-400 js-gps-track"
data-gps-track="product_homepage.for_business.click({ product: 'PrivateQA', cta: 'Private Q&A' })"
data-ga="["home page","private qa link click","for businesses section",null,null]">
Private Q&A
</a>
</p>
</div>
<div class="grid grid__center wmx4 bg-white bar-lg bs-md p32 ml48 mr48 md:ml0 md:mr0 md:mb32 lg:fd-column md:fd-row">
<div class="grid--cell mr16 lg:mb16 md:mb0">
<img class="d-block" src="https://cdn.sstatic.net/Img/home/find-candidate.svg?v=9099aa106ad3" width="76">
</div>
<p class="grid--cell mb0 wmx2">
Find the perfect candidate for your growing technical team with
<a href="https://stackoverflow.com/talent"
class="fc-orange-400 js-gps-track"
data-gps-track="product_homepage.for_business.click({ product: 'Talent', cta: 'Talent solutions' })"
data-ga="["home page","talent link click","for businesses section",null,null]">
Talent solutions
</a>
</p>
</div>
<div class="grid grid__center wmx4 bg-white bar-lg bs-md p32 lg:fd-column md:fd-row">
<div class="grid--cell mr16 lg:mb16 md:mb0">
<img class="d-block" src="https://cdn.sstatic.net/Img/home/accelerate.svg?v=9d4c2786ff02" width="76">
</div>
<p class="grid--cell mb0 wmx2">
Accelerate the discovery of your products or services through our
<a href="https://stackoverflow.com/advertising"
class="fc-orange-400 js-gps-track"
data-gps-track="product_homepage.for_business.click({ product: 'Advertising', cta: 'Advertising platform' })"
data-ga="["home page","advertising link click","for businesses section",null,null]">
Advertising platform
</a>
</p>
</div>
</div>
</div>
<div class="py128 p-bg-purple teams-slope">
<h2 class="w90 wmx5 mx-auto fc-white ta-center p-ff-roboto-slab-bold fs-headline2 mb24">Unlock siloed knowledge with Stack Overflow for Teams</h2>
<div class="p-divider mb32"></div>
<p class="mb24 w90 mx-auto wmx4 ta-center fc-white fs-body3">Wikis, chat messages, or formal documentation for knowledge management aren’t effective. Our question and answer format is a proven approach for accessing the right information in less time.</p>
<p class="ta-center mb24 md:mb48">
<a class="fs-body2 d-inline-block fc-white bg-orange-400 py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.for_business.click({ product: 'PrivateQA', cta: 'Learn more' })"
href="/teams" data-ga="["home page","teams - learn more click","for businesses section",null,null]">
Learn more
</a>
</p>
<div class="mx-auto wmx12">
<div class="grid grid__allcells4 md:fd-column md:ai-center">
<div class="grid fd-column jc-end mr48 lg:mr32 md:mr0 wmx4 md:mb48 w100">
<div class="grid--cell bar-lg bg-white ba bc-black-1">
<div class="ta-center bb bc-black-1 p16">
<h4 class="p-ff-roboto-slab-bold fs-title mb8 p-fc-purple">Basic</h4>
<p class="mb0 fs-body2">Private knowledge base for teams</p>
</div>
<div class="p24">
<div class="grid ai-center mb16">
<div class="grid--cell p-ff-roboto-slab-bold fs-headline2 mr8">
$5
</div>
<div class="grid--cell fs-body1">
<p class="m0">per teammate / month</p>
<p class="m0">billed annually</p>
</div>
</div>
<ul class="list-reset list-ls-none fs-body2 mb24">
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Free 30 day trial
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Your own private space hosted on stackoverflow.com
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Fully searchable archive
</div>
</li>
</ul>
<a href="/teams/create" class="s-btn d-block fs-body2 px32 bar-md bg-black-050 h:bg-black-100 fc-powder-900 p-ff-source-bold" data-ga="["teams landing","plans menu click","Get started for free",null,null]">Get started for free</a>
</div>
</div>
</div>
<div class="grid fd-column jc-end mr48 lg:mr32 md:mr0 md:mb64 wmx4">
<div class="grid--cell bar-lg bg-white ba bc-black-1">
<div class="ta-center bb bc-black-1 p16">
<h4 class="p-ff-roboto-slab-bold fs-title mb8 p-fc-purple">Business</h4>
<p class="mb0 fs-body2">Private knowledge base with SSO and premium features</p>
</div>
<div class="p24">
<div class="grid ai-center mb16">
<div class="grid--cell p-ff-roboto-slab-bold fs-headline2 mr8">
$12
</div>
<div class="grid--cell fs-body1">
<p class="m0">per teammate / month</p>
<p class="m0">billed annually</p>
</div>
</div>
<ul class="list-reset list-ls-none fs-body2 mb24">
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
All the features of Basic
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Single sign-on (SSO) with SAML
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Reporting and analytics
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Priority customer support
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
99.5% uptime
</div>
</li>
</ul>
<a href="/business/get-started" class="s-btn d-block fs-body2 px32 bar-md bg-black-050 h:bg-black-100 fc-powder-900 p-ff-source-bold" data-ga="["teams landing","plans menu click","Request a demo",null,null]">Request a demo</a>
</div>
</div>
</div>
<div class="grid fd-column jc-end wmx4">
<div class="grid--cell bar-lg p-bg-purple fc-white ba bc-black-1">
<div class="grid--cell ta-center bb bc-white-1 p16">
<h4 class="p-ff-roboto-slab-bold fs-title mb8">Enterprise</h4>
<p class="mb0 fs-body2 wmx3 mx-auto">Standalone knowledge base with enhanced security and flexible hosting</p>
</div>
<div class="p24">
<div class="mb16 p-ff-roboto-slab-bold fs-title">
Custom pricing
</div>
<ul class="list-reset list-ls-none fs-body2 mb24 wmx3">
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Host on your cloud or servers – or our private managed cloud
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Single sign-on with AD or SAML
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Robust read and write API
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
Your own customer success and community building representative
</div>
</li>
<li class="grid mb12">
<div class="grid--cell mr6">
<svg aria-hidden="true" class="svg-icon fc-orange-400 va-text-bottom iconCheckmark" width="18" height="18" viewBox="0 0 18 18"><path d="M16 4.41L14.59 3 6 11.59 2.41 8 1 9.41l5 5 10-10z"/></svg>
</div>
<div class="grid--cell">
99.5% uptime SLA and priority support
</div>
</li>
</ul>
<a href="/enterprise/get-started" class="s-btn d-block fs-body2 px32 bar-md p-bg-yellow h:p-bg-yellow-tint fc-black-900 p-ff-source-bold" data-ga="["teams landing","plans menu click","Request a demo",null,null]">Request a demo</a>
</div>
</div>
</div>
</div>
</div>
<div class="ta-center p-ff-roboto-slab fs-body2 mt48">
<a target="_blank" and rel="noopener noreferrer" href="https://www.g2.com/products/stack-overflow-for-teams/" class="d-inline-block mx24 my12 fc-black-200 h:fc-white">
<img class="d-inline-block va-middle mr8" src="https://cdn.sstatic.net/Img/teams/endorsements/g2.svg?v=670bf9279910" height="26" alt="G2">
<strong class="p-ff-roboto-slab-bold">Leader</strong> Fall 2019
</a>
<a target="_blank" and rel="noopener noreferrer" href="https://www.g2.com/products/stack-overflow-for-teams/" class="d-inline-block mx24 my12 fc-black-200 h:fc-white">
<img class="d-inline-block va-middle mr8" src="https://cdn.sstatic.net/Img/teams/endorsements/g2.svg?v=670bf9279910" height="26" alt="G2">
<strong class="p-ff-roboto-slab-bold">Users Love Us</strong>
</a>
<a target="_blank" and rel="noopener noreferrer" href="https://www.fastcompany.com/most-innovative-companies/2019/sectors/enterprise" class="d-inline-block mx24 my12 fc-black-200 h:fc-white">
<img class="d-inline-block va-middle mr8" src="https://cdn.sstatic.net/Img/teams/endorsements/fastco.svg?v=5ebc802a76c7" height="21" alt="Fast Company">
<strong class="p-ff-roboto-slab-bold">Most Innovative Companies</strong> 2019
</a>
</div>
</div>
<div class="p-bg-purple-light py128 talent-slope">
<div class="grid grid__allcells6 w90 wmx10 mx-auto sm:fd-column">
<div class="grid fd-column mr64 sm:mr0 sm:mb64">
<div class="grid--cell">
<img class="d-block mb6" src="https://cdn.sstatic.net/Img/home/find-candidate.svg?v=9099aa106ad3" width="76">
</div>
<h4 class="grid--cell p-ff-roboto-slab-bold fs-headline1 mb12">Hire your technical talent</h4>
<p class="grid--cell fs-body2 mb24">We help expand your technical hiring strategy to promote your employer brand and highlight relevant open roles to our community of 50 million monthly visitors.</p>
<div class="grid--cell mt-auto">
<a class="fs-body2 d-inline-block fc-white bg-orange-400 py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.for_business.click({ product: 'Talent', cta: 'Stack Overflow Talent' })"
href="https://stackoverflow.com/talent"
data-ga="["home page","talent click","for businesses section",null,null]">
Stack Overflow Talent
</a>
</div>
</div>
<div class="grid fd-column">
<div class="grid--cell">
<img class="d-block mb6" src="https://cdn.sstatic.net/Img/home/accelerate.svg?v=9d4c2786ff02" width="76">
</div>
<h4 class="grid--cell p-ff-roboto-slab-bold fs-headline1 mb12">Reach developers worldwide</h4>
<p class="grid--cell fs-body2 mb24">Use the world’s largest resource for people who code to help you increase awareness and showcase your product or service across Stack Overflow’s network of Q&A sites.</p>
<div class="grid--cell mt-auto">
<a class="fs-body2 d-inline-block fc-white bg-orange-400 py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.for_business.click({ product: 'PrivateQA', cta: 'Stack Overflow Advertising' })"
href="https://stackoverflow.com/advertising"
data-ga="["home page","advertising click","for businesses section",null,null]">
Stack Overflow Advertising
</a>
</div>
</div>
</div>
</div>
<div class="py64">
<h3 class="w90 mx-auto ta-center p-ff-roboto-slab-bold fs-headline2 mb24">Questions are everywhere, answers are on Stack Overflow</h3>
<div class="p-divider mb32"></div>
<div class="w90 wmx10 mx-auto">
<div id="tour" class="grid ai-start md:ai-center md:fd-column md:ta-center">
<div class="tour--controls grid fd-column md:fd-row md:w100 grid--cell3 mt48 md:mt0">
<label class="grid ai-center md:fd-column p12 md:w33 ps-relative fs-body3 p-ff-source c-pointer h:bs-md bar-md ba bc-transparent us-none">
<input class="d-none js-tour-area js-gps-track" type="radio" name="tour-area"
data-gps-track="product_homepage.tour.click({ action: 'Ask' })"
data-controller="s-expandable-control"
aria-label="Learn more"
aria-controls="tour-ask"
aria-expanded="true"
data-ga="["home page","ask a question carousel click","how it works section",null,null]"
checked />
<div class="grid--cell mr8 md:mr0 md:mb8">
<img src="https://cdn.sstatic.net/Img/home/ask-a-question.svg?v=2573b7282ac8" class="d-block" width="46">
</div>
<span class="grid--cell">Ask a question</span>
<div class="tour--arrow md:d-none"></div>
</label>
<label class="grid ai-center md:fd-column p12 md:w33 ps-relative fs-body3 p-ff-source c-pointer h:bs-md bar-md ba bc-transparent us-none">
<input class="d-none js-tour-area js-gps-track" type="radio" name="tour-area"
data-gps-track="product_homepage.tour.click({ action: 'Vote' })"
data-controller="s-expandable-control"
aria-label="Learn more"
aria-controls="tour-vote"
aria-expanded="false"
data-ga="["home page","vote on everything carousel click","how it works section",null,null]"/>
<div class="grid--cell mr8 md:mr0 md:mb8">
<img src="https://cdn.sstatic.net/Img/home/votes.svg?v=989b3861569f" class="d-block" width="46">
</div>
<span class="grid--cell">Vote on everything</span>
<div class="tour--arrow md:d-none"></div>
</label>
<label class="grid ai-center md:fd-column p12 md:w33 ps-relative fs-body3 p-ff-source c-pointer h:bs-md bar-md ba bc-transparent us-none">
<input class="d-none js-tour-area js-gps-track" type="radio" name="tour-area"
data-gps-track="product_homepage.tour.click({ action: 'Answer' })"
data-controller="s-expandable-control"
aria-label="Learn more"
aria-controls="tour-answer"
aria-expanded="false"
data-ga="["home page","answer questions carousel click","how it works section",null,null]" />
<div class="grid--cell mr8 md:mr0 md:mb8">
<img src="https://cdn.sstatic.net/Img/home/answer.svg?v=801dab051d61" class="d-block" width="46">
</div>
<span class="grid--cell">Answer questions</span>
<div class="tour--arrow md:d-none"></div>
</label>
</div>
<div class="tour--controls tour--controls__right grid fd-column md:fd-row md:w100 grid--cell3 mt48 md:mt0 order-last">
<label class="grid ai-center md:fd-column p12 md:w33 ps-relative fs-body3 p-ff-source c-pointer h:bs-md bar-md ba bc-transparent us-none">
<input class="d-none js-tour-area js-gps-track" type="radio" name="tour-area"
data-gps-track="product_homepage.tour.click({ action: 'TagQuestion' })"
data-controller="s-expandable-control"
aria-label="Learn more"
aria-controls="tour-tag"
aria-expanded="false"
data-ga="["home page","tag your question carousel click","how it works section",null,null]" />
<div class="grid--cell mr8 md:mr0 md:mb8">
<img src="https://cdn.sstatic.net/Img/home/tags.svg?v=f17cc81570e9" class="d-block" width="46">
</div>
<span class="grid--cell">Tag your question</span>
<div class="tour--arrow md:d-none"></div>
</label>
<label class="grid ai-center md:fd-column p12 md:w33 ps-relative fs-body3 p-ff-source c-pointer h:bs-md bar-md ba bc-transparent us-none">
<input class="d-none js-tour-area js-gps-track" type="radio" name="tour-area"
data-gps-track="product_homepage.tour.click({ action: 'AcceptAnswer' })"
data-controller="s-expandable-control"
aria-label="Learn more"
aria-controls="tour-accept"
aria-expanded="false"
data-ga="["home page","accept an answer carousel click","how it works section",null,null]" />
<div class="grid--cell mr8 md:mr0 md:mb8">
<img src="https://cdn.sstatic.net/Img/home/accept.svg?v=4e52852c80b1" class="d-block" width="46">
</div>
<span class="grid--cell">Accept an answer</span>
<div class="tour--arrow md:d-none"></div>
</label>
<label class="grid ai-center md:fd-column p12 md:w33 ps-relative fs-body3 p-ff-source c-pointer h:bs-md bar-md ba bc-transparent us-none">
<input class="d-none js-tour-area js-gps-track" type="radio" name="tour-area"
data-gps-track="product_homepage.tour.click({ action: 'Badges' })"
data-controller="s-expandable-control"
aria-label="Learn more"
aria-controls="tour-recognized"
aria-expanded="false"
data-ga="["home page","get recognized carousel click","how it works section",null,null]" />
<div class="grid--cell mr8 md:mr0 md:mb8">
<img src="https://cdn.sstatic.net/Img/home/get-recognized.svg?v=934301e7c620" class="d-block" width="46">
</div>
<span class="grid--cell">Get recognized</span>
<div class="tour--arrow md:d-none"></div>
</label>
</div>
<div class="grid--cell6 ta-center m24 md:ml0 md:mr0 md:order-last">
<div class="tour--item wmx5 s-expandable" id="tour-ask">
<img width="500" src="https://cdn.sstatic.net/Img/home/illo-feats-ask.svg?v=6567bb5f5ed3" class="d-block wmx100">
<h4 class="mt24 p-ff-roboto-slab fs-title">
Ask a question publicly on 170+ Stack Exchange sites or privately using Stack Overflow for Teams.
</h4>
</div>
<div class="tour--item wmx5 s-expandable" id="tour-vote">
<img width="500" src="https://cdn.sstatic.net/Img/home/illo-feats-vote.svg?v=8d9bf76769f6" class="d-block wmx100">
<h4 class="mt24 p-ff-roboto-slab fs-title">
Upvoting helps exceptional content rise to the top and bring awareness to useful responses.
</h4>
</div>
<div class="tour--item wmx5 s-expandable" id="tour-answer">
<img width="500" src="https://cdn.sstatic.net/Img/home/illo-feats-answer.svg?v=47f40d6129e9" class="d-block wmx100">
<h4 class="mt24 p-ff-roboto-slab fs-title">
Answer a question to share your knowledge with the world or in private with your team.
</h4>
</div>
<div class="tour--item wmx5 s-expandable" id="tour-tag">
<img width="500" src="https://cdn.sstatic.net/Img/home/illo-feats-tags.svg?v=f7ab3b74f6f9" class="d-block wmx100">
<h4 class="mt24 p-ff-roboto-slab fs-title">
Tags help make information searchable and find answers that are important to you.
</h4>
</div>
<div class="tour--item wmx5 s-expandable" id="tour-accept">
<img width="500" src="https://cdn.sstatic.net/Img/home/illo-feats-accept.svg?v=7d803fc6f70a" class="d-block wmx100">
<h4 class="mt24 p-ff-roboto-slab fs-title">
Accept the answer which solved your problem to let others benefit from the valuable information.
</h4>
</div>
<div class="tour--item wmx5 s-expandable" id="tour-recognized">
<img width="500" src="https://cdn.sstatic.net/Img/home/illo-feats-recognize.svg?v=6e057d298453" class="d-block wmx100">
<h4 class="mt24 p-ff-roboto-slab fs-title">
Our reputation system rewards both the new & experienced based on contribution and activity.
</h4>
</div>
<a class="mt24 fs-body2 d-inline-block fc-white bg-orange-400 py12 px24 bar-sm js-gps-track"
data-gps-track="product_homepage.tour.click({ action: 'CreateAccount' })"
href="/users/signup"
data-ga="["home page","create an account click","how it works section",null,null]">Create an account</a>
</div>
</div>
</div>
</div>
<div class="py128 fs-body2">
<h3 class="w90 mx-auto ta-center p-ff-roboto-slab-bold fs-headline2 mb24">Learn and grow with Stack Overflow</h3>
<div class="p-divider mb64"></div>
<div class="mx-auto w90 wmx12 grid grid__allcells6 md:fd-column">
<div class="grid grid__allcells6 mr32 md:mr0 md:mb64 md:jc-center sm:fd-column sm:ai-center sm:mb48">
<div class="grid--cell wmx3 mr32 md:mr48 md:ta-center md:pl24 md:pr24 sm:mr0 sm:mb48 sm:pl0 sm:pr0">
<img class="mb16 wmx100" width="175" height="151" src="https://cdn.sstatic.net/Img/home/developer.svg?v=cd5e5a0ec97c">
<h4 class="p-ff-roboto-slab-bold fs-subheading mb16">Write the script of the future</h4>
<p>
Get your coding questions answered to learn, build, and level up whether you’re beginning with
<a href="questions/tagged/javascript" class="js-gps-track" data-gps-track="product_homepage.learn_and_grow.click({ link: 'Javascript' })"
data-ga="["home page","javascript click","learn and grow section",null,null]">JavaScript</a> or a
<a href="questions/tagged/react" class="js-gps-track" data-gps-track="product_homepage.learn_and_grow.click({ link: 'React' })"
data-ga="["home page","react click","learn and grow section",null,null]">React</a> professional.
</p>
</div>
<div class="grid--cell wmx3 md:ta-center md:pl24 md:pr24 sm:pl0 sm:pr0">
<img class="mb16 wmx100" width="169" height="151" src="https://cdn.sstatic.net/Img/home/open-source.svg?v=e025bc1244c8">
<h4 class="p-ff-roboto-slab-bold fs-subheading mb16">Support open source</h4>
<p>Reach users of your project by following tags, answering newcomer questions, and empowering experts in the community.
<a href="https://stackoverflow.com/questions/55884514/what-is-the-incentive-for-curl-to-release-the-library-for-free/55885729#55885729"
class="js-gps-track" data-gps-track="product_homepage.learn_and_grow.click({ link: 'Curl' })"
data-ga="["home page","curl story click","learn and grow section",null,null]">Read the curl project creator’s story</a>.</p>
</div>
</div>
<div class="grid grid__allcells6 md:jc-center sm:fd-column sm:ai-center">
<div class="grid--cell wmx3 mr32 md:mr48 md:ta-center md:pl24 md:pr24 sm:mr0 sm:mb48 sm:pl0 sm:pr0">
<img class="mb16 wmx100" width="176" height="151" src="https://cdn.sstatic.net/Img/home/advocate.svg?v=a91ad6d1a9bd">
<h4 class="p-ff-roboto-slab-bold fs-subheading mb16">Acquire and share knowledge</h4>
<p>Answer questions and <a href="https://insights.stackoverflow.com/" class="js-gps-track" data-gps-track="product_homepage.learn_and_grow.click({ link: 'Insights' })"
data-ga="["home page","insights click","learn and grow section",null,null]">gain insights</a> from an audience of developers using your technology on Stack Overflow.</p>
</div>
<div class="grid--cell wmx3 md:ta-center md:pl24 md:pr24">
<img class="mb16 wmx100" width="209" height="151" src="https://cdn.sstatic.net/Img/home/career-switcher.svg?v=b42e46ffdac0">
<h4 class="p-ff-roboto-slab-bold fs-subheading mb16">Find career opportunities</h4>
<p>Create a profile that shows off your expertise and credentials to help you make your next move. Start your <a href="users/story/join" class="js-gps-track"
data-gps-track="product_homepage.learn_and_grow.click({ link: 'DeveloperStory' })"
data-ga="["home page","developer story click","learn and grow section",null,null]">Developer Story</a>.</p>
</div>
</div>
</div>
</div>
<div class="ps-relative bg-powder-100 py128 p-slope-right">
<h3 class="mx-auto w90 wmx12 p-ff-roboto-slab-bold fs-headline2 mb24 lg:ta-center">Looking for a job?</h3>
<div class="mx-auto w90 wmx12 grid ai-center lg:fd-column">
<div class="grid grid__allcells6 lg:fd-column">
<div class="grid grid__allcells6 mr32 lg:mr0 lg:mb32 sm:fd-column sm:mb16">