Skip to content

Commit d1d704e

Browse files
author
Joshua
committed
Initial Commit
1 parent 02c58ec commit d1d704e

File tree

6 files changed

+289
-0
lines changed

6 files changed

+289
-0
lines changed

‎CNAME

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
freecodecampdallas.com

‎favicon.ico

1.12 KB
Binary file not shown.

‎img/Dallas_Skyline.svg

+63
Loading

‎img/FCClogo.png

19.7 KB
Loading

‎index.html

+122
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Free Code Camp Dallas | Learn To Code</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel=”author” href="https://github.com/joshvseveryone" />
9+
<meta name="Description" content="Free Code Camp Dallas | Learn To Code With Your Neighbors" />
10+
<!-- Latest compiled and minified CSS -->
11+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
12+
<!-- Google Fonts -->
13+
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato' />
14+
<!-- Font Awesome -->
15+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" />
16+
<!-- Ion Icons -->
17+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.css">
18+
<!-- Custom Style -->
19+
<link rel="stylesheet" href="style.css" />
20+
<!-- Favicon -->
21+
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon' />
22+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
23+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
24+
<!--[if lt IE 9]>
25+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
26+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
27+
<![endif]-->
28+
</head>
29+
30+
<body>
31+
<!-- Navigation -->
32+
<nav class="navbar navbar-default navbar-fixed-top">
33+
<div class="container-fluid">
34+
<!-- Brand and toggle get grouped for better mobile display -->
35+
<div class="navbar-header">
36+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
37+
Menu
38+
</button>
39+
<div class="navbar-brand">FCC Dallas (beta)</div>
40+
</div>
41+
<!-- Collect the nav links, forms, and other content for toggling -->
42+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
43+
<ul class="nav navbar-nav navbar-right">
44+
<!-- Official Free Code Camp Join Link -->
45+
<li><a href="https://www.freecodecamp.com/signin" target="_blank">Join</a></li>
46+
<!-- Official Free Code Camp Hangouts -->
47+
<li><a href="https://hangouts.google.com/call/7t7e67cxgndsnkvmzqbfvehqhie" target="_blank">Hangouts</a></li>
48+
<!-- Official Free Code Camp Dallas Group Resources -->
49+
<li><a href="http://doyoudev.com/" target="_blank">Resources</a></li>
50+
<!-- Shout out to David Petrey @davidPetrey -->
51+
<!-- Official Free Code Camp Contact -->
52+
<li><a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">Contact</a></li>
53+
</ul>
54+
</div>
55+
<!-- /.navbar-collapse -->
56+
</div>
57+
<!-- /.container-fluid -->
58+
</nav>
59+
60+
<!-- Main Area -->
61+
<div class="mainarea">
62+
<div class="spacer"></div>
63+
<img src="img/FCClogo.png" class="fcclogo img-responsive" />
64+
<h2>Learn To Code With Your Neighbors</h2>
65+
<img src="img/Dallas_Skyline.svg" class="dallasskyline img-responsive" />
66+
</div>
67+
<!-- About Area -->
68+
<div class="whyjoinarea">
69+
<div class="spacer"></div>
70+
<h1>Here's why you should join our open source community right now:</h1>
71+
<div class="spacer"></div>
72+
<ul>
73+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll get help in real time from our community chat rooms.</li>
74+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll meet up with other coders in your city.</li>
75+
<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>
76+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll work through our focused, interactive courses and tutorials.</li>
77+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll learn state-of-the-art full stack JavaScript technologies.</li>
78+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll build projects that help nonprofits carry out their missions more effectively.</li>
79+
<li><i class="fa fa-code" aria-hidden="true"></i> You'll assemble a portfolio of real apps used by real people</li>
80+
</ul>
81+
<div class="spacer"></div>
82+
</div>
83+
<!--Contributors -->
84+
<div class="usergroups">
85+
<div class="spacer"></div>
86+
<h1><i class="fa fa-users" aria-hidden="true"></i> Free Code Camp Groups <i class="fa fa-users" aria-hidden="true"></i></h1>
87+
<ul>
88+
<li><a href="https://www.facebook.com/groups/free.code.camp.dallas/" target="_blank">Dallas Facebook Group</a></li>
89+
<li><a href="https://www.facebook.com/groups/free.code.camp.houston/" target="_blank">Houston Facebook Group</a></li>
90+
<li><a href="https://www.facebook.com/groups/free.code.camp.austin/" target="_blank">Austin Facebook Group</a></li>
91+
<li><a href="https://www.facebook.com/groups/freecodecampfortworth/" target="_blank">Fort Worth Facebook Group</a></li>
92+
<li><a href="https://www.facebook.com/groups/free.code.camp.killeen.texas/" target="_blank">Killeen Facebook Group</a></li>
93+
<li><a href="https://www.facebook.com/groups/free.code.camp.el.paso/" target="_blank">El Paso Facebook Group</a></li>
94+
<li><a href="https://www.facebook.com/groups/free.code.camp.san.antonio/" target="_blank">San Antonio Facebook Group</a></li>
95+
<li><a href="https://www.facebook.com/groups/freecodecampfortworth/" target="_blank">Fort Worth Facebook Group</a></li>
96+
</ul>
97+
</div>
98+
<!-- Skills Learned -->
99+
<div class="skillslearned row">
100+
<div class="spacer"></div>
101+
<h1><i class="fa fa-code" aria-hidden="true"></i> Skills You Will Learn <i class="fa fa-code" aria-hidden="true"></i></h1>
102+
<div class="col-md-4"><i class="ion-social-html5 skillsicon" aria-hidden="true"></i>
103+
<h3>HTML5</h3></div>
104+
<div class="col-md-4"><i class="ion-social-css3 skillsicon" aria-hidden="true"></i>
105+
<h3>CSS3</h3></div>
106+
<div class="col-md-4"><i class="ion-social-javascript skillsicon" aria-hidden="true"></i>
107+
<h3>JAVASCRIPT &amp; JQUERY</h3></div>
108+
</div>
109+
<!-- Footer Area -->
110+
<div class="footerarea">
111+
<p>This site is maintained by the students of Free Code Camp Dallas.
112+
<br/> Want to contribute or add a feature? Fork us here:
113+
<a href="https://github.com/freecodecampdallas/freecodecampdallas.github.io/issues" target="_blank">@freecodecampdallas</a>
114+
</p>
115+
</div>
116+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
117+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
118+
<!-- Latest compiled and minified JavaScript -->
119+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
120+
</body>
121+
122+
</html>

‎style.css

+103
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
body {
2+
padding-top: 70px;
3+
font-family: 'Lato', sans-serif;
4+
background: #006400;
5+
}
6+
.spacer {
7+
padding: 15px;
8+
}
9+
10+
/*Navigation Bar Color*/
11+
.navbar {
12+
background-color: #006400;
13+
}
14+
15+
/*Navigation Brand Name*/
16+
17+
.navbar-default .navbar-brand {
18+
color: #fff;
19+
font-size: 24px;
20+
}
21+
.navbar-default .navbar-brand:hover {
22+
color: #fff;
23+
}
24+
/*Navigation Links*/
25+
.navbar-default .navbar-nav>li>a {
26+
color: #fff;
27+
font-size: 20px;
28+
}
29+
.navbar-default .navbar-nav>li>a:hover {
30+
color: #006400;
31+
background: #fff;
32+
}
33+
/*Navigation Collaps Button [Menu]*/
34+
.navbar-default .navbar-toggle {
35+
border-color: #fff;
36+
/*Border around button*/
37+
color: #fff;
38+
}
39+
.navbar-default .navbar-toggle:focus,
40+
.navbar-default .navbar-toggle:hover {
41+
background-color: #fff;
42+
color: #006400;
43+
}
44+
45+
/*Main Area*/
46+
47+
.mainarea {
48+
background: #006400;
49+
text-align: center;
50+
color: #fff;
51+
}
52+
.fcclogo {
53+
margin: 0 auto;
54+
}
55+
.dallasskyline{
56+
margin: 0 auto;
57+
}
58+
/* Why Join Area */
59+
.whyjoinarea {
60+
text-align: center;
61+
background: #fff;
62+
margin-top: 0;
63+
}
64+
.whyjoinarea ul {
65+
list-style: none;
66+
font-size: 24px;
67+
line-height: 40px;
68+
}
69+
/* User Group Area */
70+
.usergroups {
71+
text-align: center;
72+
color: #fff;
73+
}
74+
.usergroups a{
75+
color:#fff;
76+
}
77+
.usergroups ul{
78+
list-style: none;
79+
font-size: 24px;
80+
line-height: 40px;
81+
}
82+
/* Skills Learned Area */
83+
.skillslearned, .skillslearned div {
84+
text-align: center;
85+
background: #fff;
86+
margin-top: 0;
87+
}
88+
.skillsicon{
89+
font-size:100px;
90+
}
91+
/* Footer Area */
92+
.footerarea {
93+
text-align: center;
94+
color: #fff;
95+
}
96+
.footerarea a {
97+
color: #fff;
98+
}
99+
@media only screen and (max-width: 416px) {
100+
body{
101+
width:953.250px;
102+
}
103+
}

0 commit comments

Comments
 (0)