programmers.github.io/index.html at main · programmers/programmers.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Programmer's Tutor</title>
    <link rel="icon" href="./src/img/favicon.ico" type="image/x-icon">
    <link href="./src/css/bootstrap.min.css" rel="stylesheet">
    <link href="./src/css/app.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
    <div class="narrow-container">
        <div class="row justify-content-center mt-5">
            <img src="./src/img/logo.png" alt="Programmer's Tutor Logo" class="img-fluid logo">
        </div>

        <hr class="mt-4 mb-4 ruler">
        <div class="row">
            <div class="col">
                <h3>About Matthew</h3>
                <p>
                    <a href="https://www.linkedin.com/in/matthewvita48" target="_blank">Matthew Vita</a>
                    is an experienced software engineer donating his time to empower individuals through personalized,
                    online tutoring. His sessions are accessible to all levels, with the goal of preparing students for the
                    rapidly evolving software development landscape.
                </p>
            </div>
        </div>

        <div class="mt-4 mb-4">
            <h3>Tutoring Logs</h3>
            <p>Sessions are meticulously documented. Click the links to review student goals and outcomes.</p>
            <br />

            <div class="col">
                <h5><strong>Aron S.</strong></h5>
                <table class="table table-bordered table-striped table-hover">
                    <thead class="tbl-header-color">
                        <tr>
                            <th class="text-center" style="width: 16%;" scope="col">Date</th>
                            <th class="text-center" style="width: 70%;" scope="col">Session Title</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="/aron.html#2024-05-05-1">May 5, 2024</a></td>
                            <td>Implementing sorting and searching functions for an array of strings in JavaScript.</td>
                        </tr>
                        <tr>
                            <td><a href="/aron.html#2024-05-05-1">May 5, 2024</a></td>
                            <td>Implementing chord functions in JavaScript to represent an abstract musical chord.</td>
                        </tr>
                        <tr>
                            <td><a href="/aron.html#2024-05-07">May 7, 2024</a></td>
                            <td>Creating an HTML file with number input fields and a JavaScript function to display the product.</td>
                        </tr>
                        <tr>
                            <td><a href="/aron.html#2024-05-12">May 12, 2024</a></td>
                            <td>Creating an HTML page to dynamically display album information using JavaScript.</td>
                        </tr>
                        <tr>
                            <td><a href="/aron.html#2024-05-19">May 19, 2024</a></td>
                            <td>Creating an HTML and JavaScript page to display song metadata from a JavaScript array.</td>
                        </tr>
                        <tr>
                            <td><a href="/aron.html#2024-05-27">May 27, 2024</a></td>
                            <td>Implementing click events to dynamically style elements with CSS.</td>
                        </tr>
                    </tbody>
                </table>
                <br />

                <h5><strong>Nile S.</strong></h5>
                <table class="table table-bordered table-striped table-hover">
                    <thead class="tbl-header-color">
                        <tr>
                            <th class="text-center" style="width: 16%;" scope="col">Date</th>
                            <th class="text-center" style="width: 70%;" scope="col">Session Title</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="/nile.html#early-march-2023">Early Mar 2023</a></td>
                            <td>Creating an HTML and JavaScript page to display song metadata from a JavaScript array.</td>
                        </tr>
                        <tr>
                            <td><a href="/nile.html#mid-march-2023">Mid Mar 2023</a></td>
                            <td>Mock cybersecurity interview and coaching for an entry-level position.</td>
                        </tr>
                    </tbody>
                </table>
                <br />

                <h5><strong>Arianna C.</strong></h5>
                <table class="table table-bordered table-striped table-hover">
                    <thead class="tbl-header-color">
                        <tr>
                            <th class="text-center" style="width: 16%;" scope="col">Date</th>
                            <th class="text-center" style="width: 70%;" scope="col">Session Title</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="/arianna.html">Nov 2020 - Mar 2021</a></td>
                            <td>Summary of Extensive Master Degree Program Tutoring.</a></td>
                        </tr>
                    </tbody>
                </table>

                <br />

                <h5><strong>Short Term Tutoring</strong></h5>
                <table class="table table-bordered table-striped table-hover">
                    <thead class="tbl-header-color">
                        <tr>
                            <th class="text-center" style="width: 18%;" scope="col">Date</th>
                            <th class="text-center" style="width: 15%;" scope="col">Name</th>
                            <th class="text-center" style="width: 75%;" scope="col">Session Title</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>12/7/2023</td>
                            <td>Shane C</td>
                            <td>Resume Development and Career Transition for a Senior Software Engineer.</td>
                        </tr>
                        <tr>
                            <td>11/26/2023</td>
                            <td>James T</td>
                            <td>Resume Creation and Coaching for Senior Data Analytics Position.</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    <script src="./src/js/bootstrap.min.js"></script>
</body>

</html>