-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (151 loc) · 10.8 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>About Will Columbia</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KF12NL5LZW"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-KF12NL5LZW');
</script>
<body>
<div class="my-nav">
<div id="my-title">
<b>
<h1>William Columbia</h1>
<h6 style="margin-top: -20px; font-style: italic;">University of South Carolina</h6>
<img src="media/images/headshot.jpg" height="200px" width="200px">
<div class="location">
<ul>
<li><img src="media/images/map.png"></li>
<li>Columbia, SC</li>
</ul>
</div>
</b>
</div>
<div class="my-nav-content">
<ul>
<li><a href="https://linkedin.com/in/williamcolumbia"><img src="media/images/linkedin.png"></a></li><!--linked in-->
<li><a href="https://github.com/willcolumbia"><img src="media/images/github.png"></a></li><!--github-->
<li><a href = "mailto: willcolumbia01@gmail.com"><img src="media/images/email.png"></a></li><!--links for contact info-->
<li><a href = "media/pdf/William_Columbia_Resume_Arpil2024.pdf" target="_blank"><img src="media/images/cv.png"></a></li>
</ul>
<ul class="links" style="margin-top: -20px;">
<li>LinkedIn</li>
<li>GitHub</li>
<li>Contact</li>
<li>Resume</li>
</ul>
</div>
</div>
<div class="container">
<div class="about">
<h2>About</h2>
<p>I am a Computer Science Graduate at the University of South Carolina.<span class="focus"> I am actively seeking opportunities for employment in Software Engineering/IT.</span> With a demonstrated commitment to academic excellence, I am proud to maintain a cumulative GPA of 3.30, reflecting my dedication to mastering the complexities of computer science and software engineering. </p>
<p>With a focused specialization in backend software development, I possess a comprehensive understanding of languages such as<span class="focus"> C++, Python, Java, Node.js, and Django</span>. Additionally, I demonstrate proficiency in frontend development utilizing languages such as <span class="focus">HTML, React, CSS, and Javascript</span>. My academic coursework and practical experiences have equipped me with the necessary skills to thrive in both backend and frontend development roles which is why I aspire to become a Full Stack Engineer. </p>
<br>
<hr>
<h2>What Makes Me a Valuable Addition?</h2>
<p>Throughout my life, I have always been determined and hardworking. In Elementary School gym class, I was one of the only kids who were unable to jump rope. I despised the fact that I could not, so when I returned home that day, I immediately ran outside with a jump rope to learn. I was so determined to be the best rope jumper in my class that I stayed outside until the sun went down and my mother forced me to come in for dinner. While this story may sound silly, I believe it showcases how I developed a determined personality at a young age.</p>
<p><span class="focus"> When faced with a challenge I do not know how to solve, I will work tirelessly to learn and solve the problem.</span></p>
<p>Along with being hardworking and determined, I am a natural-born leader. All my life, I have played competitive sports. No matter the team I am on, I have always been looked at as a leader of the team and in most cases, been named team captain. I am a firm believer that a diverse team can bring all sorts of different ideas and that every idea has a place to be implemented. </p>
<p><span class="focus">I am the type of leader that does not point fingers and shout orders, but one that will work alongside my teammates to assist and guide towards our goal.</span> </p>
</div>
<br>
<hr>
<h2>Projects</h2>
<p>Listed below are several projects I have contributed to, each accompanied by a link to its GitHub repository and a demonstration video or relevant link.</p>
<div class="projects">
<div class="row">
<div class="col s12 m6 14">
<div class="card">
<div class="card-image">
<div class="img_wrap">
<img src="media/images/logo.png" height="400px">
<div class="img_des">
<p>PitStop Pro is a Django web app that I and three of my classmates are currently developing. <br><br> This application is designed to serve as a comprehensive software system tailored for mechanic shops. It enables users to efficiently manage various aspects including inventory, invoices, revenue tracking, employee payroll, and more.</p>
</div>
</div>
</div>
<div class="card-content">
<span class="card-title">PitStop Pro App (Django)</span>
</div>
<div class="card-action">
<a href="https://capstone-deployment-production.up.railway.app/home/" target="_blank" style="color: darkslategray; margin-left:30px;">Web App Link</a>
<a href="https://github.com/willcolumbia/School-Home-Projects/tree/main/PitStopPro" target="_blank" style="color: darkslategray; ">Repo</a>
</div>
</div>
</div>
<div class="col s12 m6 14">
<div class="card" >
<div class="card-image">
<div class="img_wrap">
<img src="media/images/pegs.jpg" height="400px">
<div class="img_des">
<p>The Peg Solitaire Solver is a personal Python project I developed.</p><p>This program is designed to solve the 'Pegs' board game commonly found in Cracker Barrel restaurants. <br><br> Given a board size and the position (x,y) of the empty space, the program generates the most efficient sequence of step-by-step instructions to solve the game.</p>
</div>
</div>
</div>
<div class="card-content">
<span class="card-title">Peg Solitaire Solver (Python)</span>
</div>
<div class="card-action">
<a href="https://youtu.be/K5gNXodxMRM" target="_blank" style="color: darkslategray; margin-left:20px;">Demo Video</a>
<a href="https://github.com/willcolumbia/School-Home-Projects/tree/main/PegSolver" target="_blank" style="color: darkslategray;">Repo</a>
</div>
</div>
</div>
<div class="col s12 m6 14">
<div class="card">
<div class="card-image">
<div class="img_wrap">
<img src="media/images/flightbooking.jpg" height="400px">
<div class="img_des">
<p>The Flight Booking System is an all-in-one travel booking solution developed collaboratively by myself and two classmates.<br><br> Through this program, users can seamlessly search and book flights, taxis, rental cars, and hotels to any destination.<br><br> The system offers extensive filtering options, allowing users to refine their searches based on flight types, seat preferences, rental car specifications, pricing, and more.</p>
</div>
</div>
</div>
<div class="card-content">
<span class="card-title">Flight Booking System (Java/JSON)</span>
</div>
<div class="card-action" >
<a href="https://github.com/epadams/247project.git" target="_blank" style="color: darkslategray;">Repo</a>
</div>
</div>
</div>
<div class="col s12 m6 14">
<div class="card">
<div class="card-image">
<div class="img_wrap">
<img src="media/images/Logo.jpg" height="400px">
<div class="img_des">
<p>I am developing a web application tailored for my father, who serves as the Head Coach of the Riverside Warriors Men's Soccer program.<br><br> Key functionalities of the web app include an interactive calendar displaying game times, integrated ticket purchasing capabilities, a team newsletter feature, a media gallery, and a dedicated athlete login page.</p>
</div>
</div>
</div>
<div class="card-content" style="color: darkslategray;">
<span class="card-title">High School Soccer Team Website (Django)</span>
</div>
<div class="card-action" >
<a href="https://riversidemens-soccer.up.railway.app/" target="_blank" style="color: darkslategray;">Website Link(incomplete)</a>
<a href="https://github.com/willcolumbia/School-Home-Projects/tree/master/RiversideMen" target="_blank" style="color: darkslategray;">Repo</a>
</div>
</div>
</div>
</div>
</div>
<footer style="text-align: center;">
<h6 style="font-style: italic;">Updated: April 17, 2024</h6>
<h6>Website written by: William Columbia</h6>
</footer>
</div>
</body>
</html>