personalized-learning-2.github.io/volunteer.html at master · personalized-learning-2/personalized-learning-2.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="main.js"></script>
    <!--custom css-->
    <link href="index.css" rel="stylesheet" />
    <link href="general.css" rel="stylesheet" />
    <link href="other-pages.css" rel="stylesheet" />
    <script>
        $(function(){ $("head").load("head.html", function() { pageNavSetup(); });  });
    </script>
  </head>

<body>
    <div id="content" style="display: none;">
        <div id="page-title" style="display: none;">join</div>
        <div id="banner" style="display: none;"></div>
        <div id="header" class="sticky-top"></div>
        <div class="container-fluid p-3 p-sm-0">
            <div class="container">
                <div class="container row px-5 mr-5 ml-2 mt-2">
                    <div class="col align-self-center">
                      <h1>
                        Get Involved as a Volunteer Tutor!
                      </h1>
                      <h3 class="d-none d-lg-block mt-5">
                        Are you a university student interested in helping under-represented K-12 students succeed?
                        PLUS is actively seeking volunteer tutors!
                      </h3>
                    </div>
                    <div class="col align-self-center">
                      <img class="img-fluid" src="images/PLUS_Website_illustration/volunteer/Frame 7.svg">
                    </div>
                  </div>
            </div>
        </div>

        <div class="container-fluid gradient-bg p-3 p-sm-0"  style="background-image:url(images/bgs/volunteer_bg-min.svg)">
            <div class="container">
                <div class="container row px-5 mr-5 ml-2 mt-5 pt-5">
                        <h2>
                            No Prior Tutoring Experience Necessary
                        </h2>
                        <p class="mt-4">
                            As a volunteer tutor, you will receive certifications and training from the PLUS team and will work with small groups of students (1-3 at a time) at local schools and
                            out-of-school-time organizations to help them build their math skills
                        </p>
                </div>
            </div>


            <div class="container">
                <div class="container px-5 mr-5 ml-2 mt-4 pt-5">
                    <h2>
                        What you'll need
                    </h2>

                    <div class="mt-4">
                        <ul>
                            <li>A willingness to learn and work with kids (grades K-9, but mostly 3-6)</li>
                            <li>Basic Math Skills (up to pre-algebra)</li>
                            <li>English speaking/reading/writing skills</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="container px-5 mr-5 ml-2 mt-4 py-5">
                    <h2>
                        What you'll get
                    </h2>
                    <div class="mt-4 mb-5 pb-5">
                        <ul>
                            <li>Opportunity to give back to your community</li>
                            <li>Certification from experts at Carnegie Mellon University</li>
                            <li>Training on cutting-edge tutoring and mentoring practices</li>
                            <li>CV boost, including volunteer hours</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div id="footer"></div>
        <script>
            getScrollPercentage();
        </script>
    </div>
</body>
</html>