All-In/page-africa.html at main · jonnathan1990/All-In · 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
---
layout: default
id: africa
permalink: /access/africa/
title: All In Africa
---

<section class="hero">
  <div class="hero__content text-white">
    <div class="wrapper">
      <div class="d-md-flex text-center text-left-md">
        <div class="col-12 col-md-4 col-lg-5 mb-6 mb-md-0 px-md-6" data-animate-in="up">
          <img class="mx-auto col-4 col-md-12" style="max-width: 248px;" src="/assets/img/direction/access-icon.svg" alt="Access icon" />
        </div>
        <div class="col-12 col-md-8 col-lg-6" data-animate-in="up">
          <h1 class="h5">{ All In Access }</h1>
          <h1 class="h2">All In Africa</h1>
          <p class="p-lg mt-0">All In Africa is an online educational program that provides Africans with free open source education, training, mentorship, community involvement, and career opportunities.</p>
          <div class="mt-6">
            <div class="btn mt-4 disabled" href="https://forms.gle/u1HUXBEPWA6JAp3R7" target="_blank">
              <span>Registration is closed</span>
              {% include arrow.html %}
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="py-lg-4"></div>

    <div class="wrapper d-md-flex py-8">
      <div class="col-12 col-md-4 col-lg-5" style="order: 3;" data-animate-in="up">
        <img class="mx-auto col-10" src="{{ '/assets/img/direction/student-on-computer-2.png' | relative_url }}" alt="student on computer" />
      </div>
      <div class="col-12 col-md-7 pr-md-6">
        <h2 class="h3 mb-6" data-animate-in="up">Overview</h2>
        <p>All In Africa is designed to empower Africans and bridge the diversity gap of developers through free open source education, comprehensive training, mentorship, vibrant community engagement, and career focused experiential opportunities. Participants will enhance their technical skills with access to open source courses, practical training, and hackathons.</p>

        <p>The program offers a unique chance to connect with tech professionals and fellow students across Africa, fostering networking and collaboration. By joining this community, individuals can collaborate on impactful open source projects that address real-world challenges. </p>

        <p>All In Africa is a gateway to growth, learning, and meaningful connections within the African open source ecosystem and beyond.</p>

      </div>
    </div>
  </div>
</section>


<section class="bg-white bg-pattern-right py-7">
  <div class="wrapper d-md-flex flex-items-center py-lg-6">
    <div class="col-12 col-md-4 col-lg-5" style="order: 3;" data-animate-in="up">
      <img class="mx-auto col-10" src="{{ '/assets/img/direction/all-in-lifestyle.png' | relative_url }}" alt="lifestyle shot of guy with sunglasses" />
    </div>
    <div class="col-12 col-md-7 pr-md-6">
      <h2 class="h3 h3-lg" data-animate-in="up">Open source, for all.</h2>
      <p class="h3 h3--alt mb-4">All Africans interested in Open Source are eligible to participate and join us.</p>
    </div>
  </div>
</section>


<section class="wrapper-full bg-static py-8" id="benefits">
  <div class="wrapper text-white" data-animate-in="up">
    <h3 class="h3 h3--alt">{ Benefits of participating }</h3>
    <p>There are many reasons to particpate in the program, including:</p>

    <div class="row mt-6 pt-lg-6">
      {% for item in site.data.benefitsAfrica %}
      <div class="col--xs--12 col--sm--6 col--md--4 mb-6">
        <img src="/assets/img/direction/icons/{{ item.image }}" alt="{{ item.title }} icon" />
        <h4>{{ item.title }}</h4>
        <p>{{ item.description }}</p>
      </div>
      {% endfor %}
    </div>

    <small class="text-light mt-6">Benefits are subject to program completion and availability. Internships are not guaranteed. </small>
  </div>

  <div class="wrapper d-md-flex flex-items-center pt-8 text-white">
    <div class="col-12 col-md-4 col-lg-5 mb-3 mb-md-0" data-animate-in="up">
      <img class="col-12 img-rounded" src="{{ '/assets/img/direction/ambassador.jpg' | relative_url }}" alt="All In ambassador" />
    </div>
    <div class="col-12 col-md-7 pl-md-6">
      <h2 class="h3 h3--alt" data-animate-in="up">{ Ambassadors in Your Region }</h2>
      <p>The All In Africa Regional Ambassadors are open source leaders in the five regions of Africa: North Africa, East Africa, West Africa, South Africa and Central Africa.</p>

      <p>Their role is to coordinate the various students in their regions, hold mini meetups, and be contact persons for their respective regions.</p>
    </div>
  </div>
</section>


<section class="bg-static pb-8">
  <div class="wrapper-thin text-center text-white" data-animate-in="up">
    <p class="h2">Are you All In?</p>
    <p>All In Africa provides open source curriculum, career development, and opportunities at companies, nonprofits and within open source communities.</p>
    <div class="mt-6">
      <div class="btn mt-4 disabled" href="https://forms.gle/u1HUXBEPWA6JAp3R7" target="_blank">
        <span>Registration is closed</span>
        {% include arrow.html %}
      </div>
    </div>
  </div>
</section>