forked from qccoders/qccoders.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (145 loc) · 7.37 KB
/
index.html
File metadata and controls
164 lines (145 loc) · 7.37 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Q-C Coders</title>
<meta name="description" content="Q-C Coders">
<meta name="author" content="Q-C Coders">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">
<img src="images/tag.web.modified.png" width="30" height="30" alt="">
</a>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#aboutUs">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactUs">Contact Us</a>
</li>
</ul>
<span class="navbar-text">
<a target="_blank" href="https://github.com/qccoders/qccoders.github.io/blob/master/CONTRIBUTING.md">Contribute to this site!</a>
</span>
</div>
</nav>
<!--END NAV-->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<image src="images/qclogoweb_jumbotron.png" class="mx-auto d-block " alt="logo image" height="50%" width="50%"/>
<p class="lead text-center">This is where our awesome mission statement will go.</p>
</div>
</div>
<!-- End Landing Page -->
<div class="col-sm-12 lead text-center" id="aboutUs"><h3>About Us</h3></div>
<div class="col-md-10 lead text-center">This local community group is for any computer programmers, software developers, software engineers, web developers, or anyone interested in coding. This group is primarily compromised of local coders around the Quad-City IA/IL area.</div>
<div class="col-xs-12" style="margin: 30px"></div>
<div class="row flex_wrapper">
<div class="col-sm-6 col-md-4 thumbnailBorder" style="margin-bottom: 25px">
<div class="thumbnail img-responsive" style="padding: 15px">
<img src="images/brianhankins.jpg"/>
<div class="caption">
<h3>Brian Hankins</h3>
<p>
I founded Q-C Coders officially in May 2016. I currently work as a full-stack .NET software developer in the Quad Cities. Previous to my software development career I worked in cyber security
and also served a few years in the Army, stationed in Heidelberg, Germany. In my free time I enjoy spending time with my wife and 2 kids, playing PC games, fish, pistol shooting, and reading.
I'm a huge New England Patriots and Chicago Cubs fan. A couple of my long term goals include being in the top 5% of the software development field and to inspire students and young adults to pursue computer science careers.
</p>
</div>
</div>
</div>
<div style="margin: 10px"></div>
<div class="col-sm-6 col-md-4 thumbnailBorder" style="margin-bottom: 25px">
<div class="thumbnail img-responsive" style="padding: 15px">
<img src="images/jpdillingham.png" width=243 height=256 />
<div class="caption">
<h3>JP Dillingham</h3>
<p>
JP is a Software Engineer with 10 years of experience executing and managing projects in the Industrial Automation space. JP's primary interests are in application architecture and design,
techniques for managing projects and the software development lifecycle, practical applications for the Internet of Things, and Microsoft C# .NET and SQL Server databases. When not working on his
various Open Source projects, JP enjoys tinkering with his home server and automation setup, DIY home and car audio projects, and riding motorcycles.
</p>
</div>
</div>
</div>
<div style="margin: 10px"></div>
<div class="col-sm-6 col-md-4 thumbnailBorder" style="margin-bottom: 25px">
<div class="thumbnail img-responsive" style="padding: 15px">
<img src="images/michaelliendo.jpeg"/>
<div class="caption">
<h3>Michael Liendo</h3>
<p>Passionate Javascript developer, dynamic team player and ambitious goal setter. If I'm not planning out my next tutorial with JS and its ecosystem, I'm probably brushing up my own skillset as a self-taught developer. Code aside, I'm a father of soon-to-be 3 and spend most of my time creating memories with them. You can find me everywhere <a href="https://www.twitter.com/model3volution">@model3volution</a>. </p>
</div>
</div>
</div>
</div>
<div style="margin: 10px"></div>
<div class="row flex_wrapper">
<div class="col-sm-6 col-md-4 col-lg-4 thumbnailBorder" style="margin-bottom: 25px">
<div class="thumbnail img-responsive">
<img src="images/nick.jpeg" border="0" alt=" photo bozo.jpg"/>
<div class="caption col-md-12">
<h3>Nick Acosta</h3>
<p>Self taught programmer since 2010. Doesn't like his face on the internet. Has been sighted in a tinfoil hat mumbling about Haskell.</p>
</div>
</div>
</div>
<div style="margin: 10px"></div>
<div class="col-sm-6 col-md-4 col-lg-4 thumbnailBorder" style="margin-bottom: 25px">
<div class="thumbnail img-responsive">
<img src="http://i224.photobucket.com/albums/dd64/UCG_JSLAGF/Clown/bozo.jpg" border="0" alt=" photo bozo.jpg"/>
<div class="caption col-md-12">
<h3>Sean Larson</h3>
<p>No Bio Yet. To busy hacking tractors with his andriod phone</p>
</div>
</div>
</div>
<div style="margin: 10px"></div>
<div class="col-sm-6 col-md-4 col-lg-4 thumbnailBorder" style="margin-bottom: 25px">
<div class="thumbnail img-responsive">
<img src="http://i224.photobucket.com/albums/dd64/UCG_JSLAGF/Clown/bozo.jpg" border="0" alt=" photo bozo.jpg"/>
<div class="caption col-md-12">
<h3>Unclaimed Member Profile</h3>
<p>Claim this space and put your bio here!</p>
</div>
</div>
</div>
</div>
<!-- End of Row -->
<div id="contactUs"></div>
<div class="contactContainer">
<iframe src="http://meetu.ps/35P0D1"
width="225"
height="570"
frameborder="0"
style="margin: 30px">
</iframe>
<div style="margin-right: 30px"></div>
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fqccoders%2F&tabs=timeline&width=340&height=549&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
width="340"
height="549"
style="border:none;overflow:hidden; margin: 30px"
scrolling="no"
frameborder="0"
allowTransparency="true"
>
</iframe>
</div>
<!-- End of contact page -->
<!--Tether added due to bs4 requirement of tooltips-->
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<link rel="stylesheet" href="stylesheet/normalize.css">
<link rel="stylesheet" href="stylesheet/styles.css">
</body>
</html>