website/index.html at master · charlottedevs/website · GitHub

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
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta property="og:title" content="Charlotte Devs" />
    <meta property="og:description" content="A group for developers in the Charlotte, NC area." />
    <meta property="og:image" content="" />
    <!--TODO-->
    <meta property="og:image:width" content="" />
    <!--TODO-->
    <meta property="og:image:height" content="" />
    <!--TODO-->
    <meta property="og:image:alt" content="Charlotte Developers" />
    <meta property="og:url" content="" />
    <!--TODO-->
    <meta name="twitter:card" content="summary_large_image" />

    <title>Charlotte Devs</title>
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/10up-sanitize.css/5.0.0/sanitize.min.css" />
    <!-- gulp-useref block -->
    <!-- build:css assets/stylesheets/main.css -->
    <link href="./assets/stylesheets/css/main.css" rel="stylesheet">
    <!-- endbuild -->

    <link rel="shortcut icon" href="assets/images/favicon.png">
    <!--
      WARNING: Respond.js doesn't work if you view the page via file://
      HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries
    -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
  </head>

  <body>

    <div id="wrapper">

      <!-- <nav id="nav">
        <div class="logo">
          <h1>CLTJD</h1>
        </div>
        <div class="nav-links">
          <ul>
            <li class="nav-link">Home</li>
            <li class="nav-link">Meetups</li>
            <li class="nav-link">Users</li>
          </ul>
        </div>
      </nav> -->

      <header id="landing" class="clearfix" data-enllax-ratio=".5">
        <div class="landing-container">
          <h1>Welcome to Charlotte Developers</h1>
          <h2>A community that revolves around you</h2>
          <div class='btn-outer'>
            <a href='https://slack.charlottedevs.com/' role="button" target="_blank">Join Us On Slack</a>
          </div>
          <img src='https://slack.charlottedevs.com/badge.svg' class="slack-badge">
        </div>
      </header>

      <main>
        <!-- Meetups API -->
        <section id="meetups" class="meetups hidden">
          <div class="section-heading">
              <h2 class="section-title">Upcoming Meetups</h1>
          </div>
          <div class="meetup-container"></div>
        </section>

        <!-- Users -->
        <section id="user-section" class="users">
          <div class="row clearfix">
            <div class="section-heading">
              <h2 class="section-title">Who We Are</h2>
            </div>
            <div class="col-1-sm col-3-lg info">
              <div class="info-cont">
                  <div class="info__img-cont">
                      <div class="img-mask"></div>
                      <img src="https://res.cloudinary.com/charlotte-developers/image/upload/dpr_auto,f_auto,q_auto/v1511204771/people-listening.jpg" class="user-img" alt="speaker audience" />
                      <h3>Emerging Developers</h3>
                  </div>
                  <p class="check">There are many roads that lead to becoming a developer. The Charlotte Developers community includes people who are approaching development from a wide range of backgrounds including 4-year degrees, coding bootcamps, and self-teaching. In this group you will have a place to ask questions and find guidance on everything from coding to interview prep. </p>
              </div>
            </div>
            <div class="col-1-sm col-3-lg info">
              <div class="info-cont">
                  <div class="info__img-cont">
                      <div class="img-mask"></div>
                      <img src="https://res.cloudinary.com/charlotte-developers/image/upload/dpr_auto,f_auto,q_auto,c_scale/v1511204746/coding.jpg" class="" alt="actively coding" />
                      <h3>Junior Developers</h3>
                  </div>
                  <p>
                    In your first few years working as a developer it is vital to keep networking, learning, and growing. This community is a great place to stay connected with the Charlotte area tech community.
                  </p>
              </div>
            </div>
            <div class="col-1-sm col-3-lg info">
              <div class="info-cont">
                  <div class="info__img-cont">
                      <div class="img-mask"></div>
                      <img src="https://res.cloudinary.com/charlotte-developers/image/upload/dpr_auto,f_auto,q_auto/v1511204772/leading_codathon.jpg" class="user-img" alt="codathon" />
                      <h3>Senior Developers & Mentors</h3>
                  </div>
                  <p>
                    If you're an experienced developer, this group is a great place for you to give back to the Charlotte area tech community. Remember, teaching is one of the best ways to keep learning!
                  </p>
              </div>
            </div>
          </div> <!-- end row -->
        </section>

        <!--Mission statement/purpose-->
        <section id="mission" class="mission">
          <div class="row clearfix">
            <div class="section-heading">
              <h2 class="section-title">What We're About</h2>
            </div>
            <div class="mission-container">
              <div class="mission">
                <p>Our mission is to grow Charlotte's tech community by bringing together developers of all skill levels and interests.</p>
                <p>
                  While other meetup groups in Charlotte are focused on discussing and improving particular skillsets, we want to bring the whole community together through interactions. The more we faciliatate interaction between developers of all skill levels, the greater the community we can build.
                </p>
                <p>
                  We have a soft spot in our hearts for <strong>junior developers</strong> for two reasons. First, we're all junior developers in one area or another. While you may be proficient in Ruby, if you are a noob in React, here you'll be right at home with others who are proud to be still learning. Second, having a group dedicated to junior developers is a way of welcoming the next generation of developers into the fold of existing ones.
                </p>
              </div>
            </div>
          </div> <!-- end row -->
        </section>

        <!-- Sponsors -->
        <section id="sponsors" class="sponsors">
          <div class="row clearfix">
            <div class="section-heading">
              <h2 class="section-title">Sponsors</h2>
            </div>
            <h3 class="section-subtitle">Charlotte Devs extends a big thank-you to all its sponsors!</h3>
            <div class="sponsors-container">
              <a href="https://accruepartners.com" class="sponsor"><img src="./assets/images/sponsors/accruepartners.png" alt="Accue Partners logo"></a>
              <a href="https://www.meetup.com/QC-Bytes/" class="sponsor"><img  src="./assets/images/sponsors/QCB.svg" alt="Queen City Bytes"></a>
              <a href="https://www.levvel.io/" class="sponsor"><img src="./assets/images/sponsors/levvel.png" alt="Levvel logo"><a>
              <a href="https://www.redventures.com/" class="sponsor"><img src="./assets/images/sponsors/red-ventures.png" alt="Red Ventures logo"></a>
              <a href="https://www.sigconsult.com/locations/it-staffing-charlotte-north-carolina/" class="sponsor"><img src="./assets/images/sponsors/signature-consultants.gif" alt="Signature Consultants logo"></a>
              <a href="https://skookum.com/charlotte" class="sponsor"><img src="./assets/images/sponsors/skookum.png" alt="Skookum logo"></a>
              <a href="http://tirockhill.org/" class="sponsor"><img src="./assets/images/sponsors/tech-incubator.jpg" alt="Tech Incubator logo"></a>
              <a href="https://www.teksystems.com/en" class="sponsor"><img src="./assets/images/sponsors/tek-systems.jpg" alt="TEK Systems logo"></a>
              <a href="https://www.wrayward.com/" class="sponsor"><img src="./assets/images/sponsors/wray-ward.jpg" alt="Wray Ward logo"></a>
            </div>
          </div> <!-- end row -->
        </section>
      </main>

      <footer>
        <div class="col-1-sm col-1-md col-1-lg content-links">
          <div class="col-4-lg"><a href="https://github.com/charlottedevs">Github</a></div>
          <!-- <div class="col-4-lg"><a href="https://forum.charlottedevs.com/">Forum</a></div> -->
          <div class="col-4-lg"><a href="https://github.com/charlottedevs/developer-survival-kit">Dev Survival Kit</a></div>
          <!-- <div class="col-4-lg"><a href="https://slackerboard.charlottedevs.com/">Slackerboard</a></div> -->
        </div>
        <p class="copyright">Charlotte Developer Community &copy; 2018</p>
      </footer>
    </div> <!-- End Wrapper -->

    <!-- gulp-useref block -->
    <!-- build:js assets/javascripts/index.js -->
    <script src="./assets/javascripts/index.js"></script>
    <!-- endbuild -->
  </body>

</html>