CodeHer/resources.html at main · riyau8/CodeHer · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Resources - CodeHer</title>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <!-- Google Font -->
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css" />
</head>
<body>
  <header>
    <nav>
      <a href="index.html" class="logo">
        <img src="images/codher_logo.png" alt="CodeHer Logo" class="logo-img" />
      </a>
      <ul class="nav-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="resources.html" class="active">Resources</a></li>
        <li><a href="career_coaching.html">AI Career Coaching</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <section class="page-content">
      <h1>Resources</h1>

      <!-- Women-Centric Resources -->
      <section id="women-centric-resources">
        <h2>Women-Centric Resources</h2>
        <p>
          There are many resources designed specifically for women in tech—from scholarships and bootcamps to conferences and networking events. These initiatives help empower women to succeed in technology by providing financial support, intensive training, and community building.
        </p>
        <article class="women-resource">
          <h3>Scholarships &amp; Grants for Women in Tech</h3>
          <ul>
            <li><a href="https://www.womentechmakers.com/scholarships" target="_blank">Women Techmakers Scholarships</a></li>
            <li><a href="https://www.systers.org/" target="_blank">Systers Programs</a></li>
            <li><a href="https://www.girlboss.com/" target="_blank">Girlboss Scholarships</a></li>
          </ul>
        </article>
        <article class="women-resource">
          <h3>Women-Focused Coding Bootcamps</h3>
          <ul>
            <li><a href="https://adadevelopersacademy.org/" target="_blank">Ada Developers Academy</a></li>
            <li><a href="https://rewritingthecode.org/" target="_blank">Rewriting the Code</a></li>
            <li><a href="https://www.womenwhocode.com/" target="_blank">Women Who Code</a></li>
          </ul>
        </article>
        <article class="women-resource">
          <h3>Networking and Mentorship</h3>
          <ul>
            <li><a href="https://www.elderwisdomcircle.org/" target="_blank">Elder Wisdom Circle</a></li>
            <li><a href="https://www.techladies.co/" target="_blank">Tech Ladies</a></li>
            <li><a href="https://www.womenintech.co/" target="_blank">Women in Tech Network</a></li>
          </ul>
        </article>
      </section>

      <!-- Getting Started Section -->
      <section id="getting-started">
        <h2>Getting Started in Tech</h2>
        <p>
          If you're new to technology, here are some essential resources to kickstart your learning journey. These resources include online courses, books, and platforms that offer hands-on experience.
        </p>
        <article class="topic">
          <h3>Free Online Coding Courses</h3>
          <ul>
            <li><a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a></li>
            <li><a href="https://www.codecademy.com/" target="_blank">Codecademy</a></li>
            <li><a href="https://www.udemy.com/" target="_blank">Udemy</a></li>
          </ul>
        </article>
        <article class="topic">
          <h3>Tech Podcasts and Blogs</h3>
          <ul>
            <li><a href="https://www.thedailywires.com/" target="_blank">The Daily Wire</a></li>
            <li><a href="https://www.wired.com/category/tech/" target="_blank">WIRED Tech</a></li>
            <li><a href="https://www.startupgrind.com/" target="_blank">Startup Grind</a></li>
          </ul>
        </article>
      </section>

      <!-- Personalized Resource Matcher -->
      <section id="resource-matcher">
        <h2>Find Resources Tailored to You</h2>
        <p>
          Answer a few questions, and we'll suggest the best resources for your interests.
        </p>
        <form>
          <select>
            <option value="learn-programming">Learn Programming</option>
            <option value="data-science">Data Science</option>
            <option value="cybersecurity">Cybersecurity</option>
          </select>
          <button type="submit">Find Resources</button>
        </form>
      </section>
    </section>
  </main>

  <footer>
    <p>&copy; 2025 CodeHer | All rights reserved.</p>
  </footer>

  <script src="js/main.js"></script>
</body>
</html>