-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.html
160 lines (151 loc) · 7.64 KB
/
aboutme.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
159
160
<!--
Ryan Sass
Portfolio Website
Created March 2022
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="style.css" >
<title>About Me | Ryan Sass</title>
</head>
<body class="text-center text-white bg-dark">
<!-- NavBar -->
<div class="menubar">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><i class="bi bi-code-slash"></i>Ryan Sass</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<i class="bi bi-list fs-1"></i>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="bi bi-house-door-fill"></i>Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutme.html"><i class="bi bi-person-video2"></i>About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html"><i class="bi bi-folder-plus"></i>Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contactme.html"><i class="bi bi-chat-dots"></i>Contact Me</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!--About me -->
<main>
<div class="container px-4 py-5" id="hanging-icons">
<h2 class="pb-2 border-bottom">About Me</h2>
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="col d-flex align-items-start">
<div>
<span class="input-icon"><i class="bi bi-person-circle"></i></span>
<h2 class="fs-1">Ryan Sass</h2>
<p>I'm from Winnipeg, Manitoba. Ever since I was a young teenager making FreeWebs websites for video game clans and family,
I have had a passion for everything computers. I am currently in term 3 of the Business Information Technology program at Red River College, heading into my Co-Op term.
In terms of career aspirations, I hope to one day be a software/application developer.
</p>
</div>
</div>
<div class="col d-flex align-items-start">
<div>
<span class="input-icon"><i class="bi bi-bicycle"></i></span>
<h2 class="fs-1">Hobbies</h2>
<p>
When I am not coding or studying, you can often find me outdoors. I love hiking, biking, swimming, and fishing.
Growing up, I was a hockey player. I started skating and playing organized hockey when I was 6 years old.
I also played a lot of Lacrosse. Through team sports, I learned the value of teamwork and sportsmanship. I made many friends along
the way that to this day still stay in touch with.
</p>
</div>
</div>
<div class="col d-flex align-items-start">
<div>
<span class="input-icon"><i class="bi bi-pc-display"></i></span>
<h2 class="fs-1">Experience</h2>
<p>
Prior to attending Red River, I was working in a junior role under a full stack developer at IdealPOS.
As a point of sales company, the main focus was the food industry.
I was responsible of a variety of areas including creating E-Commerce websites for beer vendors around Manitoba to sell and deliver their wares during the pandemic.
These websites consisted of AWS hosting, WordPress front end, and ran payment systems using Moneris.<br>
My education at Red River has supplied me with a wide array of knowledge in multiple fields. From ASP.NET using C# to network trouble shooting and security. From SQL to HTML and CSS/BootStrap. I have
come such a long way and can't wait to impress my future employer with my quick learning ability.
</p>
</div>
</div>
</div>
</div>
</main>
<!-- Education -->
<div class="container px-4 py-5" id="hanging-icons-edu">
<h2 class="pb-2 border-bottom">Education</h2>
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="col d-flex align-items-start">
<div>
<span class="input-icon"><i class="bi bi-mortarboard-fill"></i></span>
<h2 class="fs-1">Sturgeon Heights Collegiate</h2>
<p class="fs-5">Graduation: June, 2010<br>
Favorite Classes: Math, Computer Science, Wood Working
</p>
</div>
</div>
<div class="col d-flex align-items-start">
<div>
<span class="input-icon"><i class="bi bi-mortarboard-fill"></i></span>
<h2 class="fs-1">Red River College Polytechnic</h2>
<h3 class = "fs-6">Introduction to Business Information Technology</h3>
<p class="fs-5">Graduation: December, 2020<br>
Favorite Classes: Introduction to Java, DataBase, Math<br>
Graduated with Honours</p>
</div>
</div>
<div class="col d-flex align-items-start">
<div>
<span class="input-icon"><i class="bi bi-mortarboard-fill"></i></span>
<h2 class="fs-1">Red River College Polytechnic</h2>
<h3 class = "fs-6">Business Information Technology</h3>
<p class="fs-5">Graduation: May, 2023<br>
Favorite Classes: Programming, DataBase, Web Development<br>
Honour Roll Student</p>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="footer-links">
<div class="container">
<footer class="footer mt-auto" id="footer">
<ul class="nav justify-content-center border-top border-bottom pb-3 mb-3 mt-5 fs-5">
<li class="nav-link"><a href="index.html" class="nav-link px-2">Home</a></li>
<li class="nav-link"><a href="aboutme.html" class="nav-link px-2">About Me</a></li>
<li class="nav-link"><a href="projects.html" class="nav-link px-2">Projects</a></li>
<li class="nav-link"><a href="contactme.html" class="nav-link px-2">Contact Me</a></li>
</ul>
<p class="text-center text-light">© 2022 RyanSass
<br>
<a href="https://github.com/SassCoding"><i class="bi bi-github fs-1" id="git-icon"></i></a>
<a href="https://www.linkedin.com/in/ryan-sass/"><i class="bi bi-linkedin fs-1 ms-1" id="linkedin-icon" ></i></a>
</footer>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>