MinorityProgrammers.github.io/our-work.html at master · MinorityProgrammers/MinorityProgrammers.github.io · 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
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="description" content="" />
  <meta name="author" content="" />

  <title>Minority Programmers Association</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  <link href="vendor/bootstrap/css/bootstrap.css" rel="stylesheet" />

  <!-- Custom fonts for this template -->
  <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"
    rel="stylesheet" />

  <!-- Custom styles for this template -->
  <link href="css/one-page-wonder.css" rel="stylesheet" />
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
    <div class="container">
      <a class="navbar-brand" href="index.html">
        <!-- <img src="https://i.groupme.com/487x257.png.042f27bcebf14a5c816d34fe5887c324.large" class="container-shrink"/> -->Minority
        Programmers Association</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
        aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="about-us.html">About Us</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="our-work.html">Our Work</a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link" href="events.html">Events</a>
          </li> -->
          <li class="nav-item">
            <a class="nav-link" href="join.html">Join</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="blm.html">BLM HACKATHON</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- END OF NAVIGATION -->
  <!-- Our Work Header -->
  <header class="masthead text-center text-white">
    <div class="masthead-content">
      <div class="container">
        <h1 class="masthead-heading mb-0">
          Our Work
        </h1>
      </div>
    </div>
    <div class="bg-circle-1 bg-circle"></div>
    <div class="bg-circle-2 bg-circle"></div>
    <div class="bg-circle-3 bg-circle"></div>
    <div class="bg-circle-4 bg-circle"></div>
    <!-- play around with these circles and go into css file -->
  </header>
  <section>
    <!-- End of Header-->
    <!-- CONTENT DROP DOWN -->
    <section>
      <div class="container">
        <button type="button" class="collapsible">
          <h2>STEM Education</h2>
        </button>
        <div class="content">
          <p>At MPA we not only create, but we teach and empower our peers through new programming concepts</p>
          <p>
            <h3> Past Topics
            </h3>
            <h4><a href="https://drive.google.com/file/d/1tVt0n_t320Mb2WInwlf2xJGy9hCEApFN/view?usp=sharing"
                target="_blank">Github</a></h4>
                <iframe src="https://drive.google.com/file/d/1tVt0n_t320Mb2WInwlf2xJGy9hCEApFN/preview" width="100%" height="100%"></iframe>
            <h4><a href="https://drive.google.com/file/d/1SjQwNqbtp1ud7kzvi_WG1V_EWissFiSN/view?usp=sharing"
                target="_blank">Bootstrap</a></h4>
                <iframe src="https://drive.google.com/file/d/1SjQwNqbtp1ud7kzvi_WG1V_EWissFiSN/preview" width="100%" height="100%"></iframe>
            <h4><a href="https://drive.google.com/file/d/16kcQlbpw6Bd7oN6VS7fTraYq-ROIpNDF/view?usp=sharing"
                target="_blank">Agile Scrum</a></h4>
                <iframe src="https://drive.google.com/file/d/16kcQlbpw6Bd7oN6VS7fTraYq-ROIpNDF/preview" width="100%" height="100%"></iframe>
            <h4><a
                href="https://docs.google.com/presentation/d/1mqVf3nUhhpsL5YXGH8JGuOUBoqYsNsQutyLZ_r-uw-Q/edit#slide=id.g700f82a971_1_160">Machine
                Learning</a></h4>
                <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRLj9y-XJysgwBYP8aYMuih4uCHuu7OZ-wwuit6bKtFrr2cXfvqzctnTbGQP04o8DnVFWPo6Rlx1s9W/embed?start=true&loop=false&delayms=5000" frameborder="0" width="100%" height="100%" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
                      <h4><a
                href="https://docs.google.com/presentation/d/19I2VjklxlzGqMQjyNeSuyDwtG0b_gxFU44Fd-T2OMxQ/edit?usp=sharing">Software Security Principles</a></h4>
                <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vTydm-oRxeoILo3h2embRMQE9n1QBkQCfxGj1GmSnk0TT_OWbZLrKPtMVsSHS52oi6FN9Rh0FnhlhbT/embed?start=false&loop=false&delayms=3000" frameborder="0" width="100%" height="100%" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
          </p>
        </div>
      </div>
      <div class="container">
        <button type="button" class="collapsible">
          <h2>Impactful Projects</h2>
        </button>
        <div class="content">
          <p>We emphasize a project based approach to learning where students not only learn through real life
            experiences, but they walk away with a tangible product that they feel has made an impact on society</p>
                    <h3> Current Projects
            </h3>
            <h4><a href="https://codingshot.github.io/vpdp/"
                target="_blank">Virginia Prison Doula Project</a></h4>
                <p>The Virginia Prison Doula Project provides pregnancy and parenting support to incarcerated parents. Our trained doulas offer emotional, physical and informational support for incarcerated mothers throughout pregnancy, during childbirth and the postpartum period, including support with breastfeeding and lactation. The goal is to nurture healthy relationships and to promote confidence in parenting.</p>
                <h4><a href="https://www.jackv.dev/covid-19-grapher/#"
                  target="_blank">COVID19 Predictor/Grapher</a></h4>
                  <p>Since to Coronavirus-19 Pandemic, we have been closely following trends in new cases and deaths across the world to more accurately graph the spread of the disease.</p>
                  <h4><a href="https://github.com/MinorityProgrammers/readphones"
                    target="_blank">Readphones</a></h4>
                    <p>Readphones is the only online audio repository of academic curriculum. Bringing the accessibility of podcasts to the education industry, the Readphones web application is tailored to those living with disabilities, those who want to utilize learning in new spaces, those living in developing nations with low-bandwidth infrastructures, and instructors who want to supplement existing curriculum. </p>

        </div>
      </div>
      <div class="container">
        <button type="button" class="collapsible">
          <h2>Professional Development</h2>
        </button>
        <div class="content">
          <p>We emphasize grooming our members with skills that directly translate into the workplace.</p>
            <h3> Past Networking Opportunities</h3>
            <h4><a href="https://www.youtube.com/watch?v=RI3WxJGz44c&t=21s"
                target="_blank">Starting A Tech Company While in School</a></h4>
                <p>Trey Rustand, who founded Hich Inc. (college ride-sharing app) and Hafiz Bhuyan, President of Drivense (online textbook subscription service) share their unique experience as founders of technology startups and full-time students at James Madison University.</p>

        </div>
      </div>
      <script>
        // https://www.w3schools.com/howto/howto_js_collapsible.asp
        var coll = document.getElementsByClassName("collapsible");
        var i;

        for (i = 0; i < coll.length; i++) {
          coll[i].addEventListener("click", function () {
            this.classList.toggle("active");
            var content = this.nextElementSibling;
            if (content.style.display === "block") {
              content.style.display = "none";
            } else {
              content.style.display = "block";
            }
          });
        }
      </script>
    </section>
    <!-- END OF CONTENT DROP DOWN -->


  <footer class="py-5 bg-white">
    <div class="container">
      <!-- <div class="container">
      <p class="m-0 text-center text-black small">
        Copyright &copy; Minority Programmers Association 2020

        </p> </div> -->
    <table align="center">
      <tr><p class="m-0 text-center text-black small">
        Copyright &copy; Minority Programmers Association 2020
        </p></tr>
      <tr width="24">
      <td width="24"></td></tr>
      <tr>
        <td> <a href="https://www.facebook.com/MinorityProgrammers"><img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/square-facebook-512.png" alt="Facebook icon" width="30" height="30"/> </a></td>
        <td> <a href="https://www.instagram.com/minorityprogrammers/"><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn4.iconfinder.com%2Fdata%2Ficons%2Fsocial-messaging-ui-color-shapes-2-free%2F128%2Fsocial-instagram-new-square1-512.png&f=1&nofb=1" alt="Instagram icon" width="30" height="30"/> </a></td>
        <td> <a href="https://twitter.com/minorityprogram"><img src="data:image/png;base64,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" alt="Twitter icon" width="30" height="30"/> </a></td>
        <td> <a href="https://linkedin.com/company/minority-programmers/"><img src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-linkedin-square2-512.png" alt="Linkedin icon" width="30" height="30"/> </a></td>
        <td> <a href="https://www.reddit.com/r/MinorityProgrammers"><img src="https://cdn2.iconfinder.com/data/icons/2018-social-media-app-logos/1000/2018_social_media_popular_app_logo_reddit-512.png" alt="Reddit icon" width="30" height="30"/> </a></td>
        <td> <a href="https://github.com/MinorityProgrammers/"><img src="https://image.flaticon.com/icons/svg/38/38401.svg" alt="GitHub logo" width="30" height="30"/> </a></td>
        <td> <a href="https://www.youtube.com/channel/UCyW7g2wCxHrKhlgdkBkFFVw"><img src="https://i1.wp.com/www.vectorico.com/wp-content/uploads/2018/02/youtube-red-square.png?fit=1000%2C1000" alt="YouTube icon" width="30" height="30"/> </a></td>

      </tr>
    </table>
    </div>
    <!-- /.container -->
  </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>

</html>