-
Notifications
You must be signed in to change notification settings - Fork 20
/
index.html
155 lines (147 loc) · 8.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Free Code Camp Dallas | Learn To Code</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="@joshuacode16">
<meta name="Description" content="Free Code Camp Dallas | Learn To Code With Your Neighbors" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<!-- Google Fonts -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato' />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" />
<!-- Ion Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.css">
<!-- Custom Style -->
<link rel="stylesheet" href="style.css" />
<!-- Favicon -->
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon' />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-79574806-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="container-fluid">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
Menu
</button>
<div class="navbar-brand">FCC Dallas</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- Official Free Code Camp Join Link -->
<li><a href="https://www.freecodecamp.com/signin" target="_blank">Join</a></li>
<!-- Official Free Code Camp Hangouts -->
<li><a href="https://hangouts.google.com/call/7t7e67cxgndsnkvmzqbfvehqhie" target="_blank">Hangouts</a></li>
<!-- Official Free Code Camp Dallas Group Resources -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="http://doyoudev.com/" target="_blank">doyoudev.com</a></li>
<!-- Shout out to David Petrey @davidPetrey -->
<li><a href="http://getbootstrap.com/" target="_blank">Bootstrap</a></li>
<li><a href="https://jquery.com/" target="_blank">Jquery</a></li>
<li><a href="https://developer.mozilla.org/en-US/" target="_blank">Mozilla Developer Network</a></li>
<li><a href="https://github.com/" target="_blank">GitHub</a></li>
<li><a href="http://www.json.org/" target="_blank">JSON</a></li>
<li><a href="https://nodejs.org/en/" target="_blank">node.js</a></li>
</ul>
</li>
<!-- Shout out to David Petrey @davidPetrey -->
<!-- Official Free Code Camp Contact -->
<li><a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Main Area -->
<div class="mainarea">
<div class="spacer"></div>
<img src="img/FCClogo.png" alt="Free Code Camp Logo" class="fcclogo img-responsive" />
<div id="edit">
<h2>Learn To Code With Your Neighbors</h2>
<div id="newimg">
<img src="https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg" class="img-responsive"/>
</div></div>
<img src="img/Dallas_Skyline.svg" alt="Dallas Skyline" class="dallasskyline img-responsive" />
</div>
<!-- About Area -->
<div class="whyjoinarea">
<div class="spacer"></div>
<h1>Here's why you should join our open source community right now:</h1>
<div class="spacer"></div>
<ul>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll get help in real time from our community chat rooms.</li>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll meet up with other coders in your city.</li>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll learn to code at your own pace, in your browser or on your phone.</li>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll work through our focused, interactive courses and tutorials.</li>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll learn state-of-the-art full stack JavaScript technologies.</li>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll build projects that help nonprofits carry out their missions more effectively.</li>
<li><i class="fa fa-code" aria-hidden="true"></i> You'll assemble a portfolio of real apps used by real people</li>
</ul>
<div class="spacer"></div>
</div>
<!--Contributors -->
<div class="usergroups">
<div class="spacer"></div>
<h1><i class="fa fa-users" aria-hidden="true"></i> FCC Groups <i class="fa fa-users" aria-hidden="true"></i></h1>
<ul class="row">
<div class="col-md-4 col-md-push-2">
<li><a href="https://www.facebook.com/groups/free.code.camp.dallas/" target="_blank">Dallas</a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.houston/" target="_blank">Houston</a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.austin/" target="_blank">Austin</a></li>
<li><a href="https://www.facebook.com/groups/freecodecampfortworth/" target="_blank">Fort Worth</a></li>
</div>
<div class="col-md-4 col-md-push-2">
<li><a href="https://www.facebook.com/groups/free.code.camp.killeen.texas/" target="_blank">Killeen</a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.el.paso/" target="_blank">El Paso</a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.san.antonio/" target="_blank">San Antonio</a></li>
<li><a href="https://www.facebook.com/groups/free.code.camp.corpus.christi/" target="_blank">Corpus Christi</a></li>
</div>
</ul>
</div>
<!-- Skills Learned -->
<div class="skillslearned row">
<div class="spacer"></div>
<h1><i class="fa fa-code" aria-hidden="true"></i> Skills You Will Learn <i class="fa fa-code" aria-hidden="true"></i></h1>
<div class="col-sm-4"><i class="ion-social-html5 skillsicon" aria-hidden="true"></i>
<h3>HTML5</h3></div>
<div class="col-sm-4"><i class="ion-social-css3 skillsicon" aria-hidden="true"></i>
<h3>CSS3</h3></div>
<div class="col-sm-4"><i class="ion-social-javascript skillsicon" aria-hidden="true"></i>
<h3>JAVASCRIPT & JQUERY</h3></div>
</div>
<!-- Footer Area -->
<div class="footerarea">
<p>This site is maintained by the students of Free Code Camp Dallas.
<br/> Want to contribute or add a feature? Fork us here:
<a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">@freecodecampdallas</a>
</p>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>