-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
194 lines (152 loc) · 6.08 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--Styling -->
<link rel="stylesheet" href="assets/css/styles.css" />
<!-- Favicons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="assets/icons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/icons/IA.png"
/>
<!-- Background -->
<style class="backgrounds">
body {
background-image: url("assets/images/BG2.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
<!-- Animate CSS CDN -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<title>Isaac Addai | Software Engineer</title>
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
</style>
<body>
<!-- Navbar -->
<nav class="navings">
<h1>ISAAC ADDAI • he/him</h1>
<ul style="list-style: none;">
<li>
<a href="#hero">Home</a>
</li>
<li>
<a href="#contacts">Contact Me</a>
</li>
<li>
<a href="#about">About Me</a>
</li>
<li>
<a href="#projects">My Projects</a>
</li>
</ul>
</nav>
<!-- Hero -->
<section class="hero" id="hero">
<img src="assets/images/isaac.jpeg"
class="hero-img" alt="Isaac Addai" />
<div class ="bio animate_animated animate__shakeY">
<h2 class="title-me">Hey, I'm Isaac!</h2>
<p class="desc-me">An inventive, aspiring Software Engineer, and leader.<br>
</div>
</section>
<!-- Socials -->
<div class="socials" id="contacts">
<h2 class="contactings">
Contact Me!
</h2>
<a href="mailto:[email protected]"
><img
src="assets/icons/mailgif.gif"
class="social"
/></a>
<a href="https://iaddai.ca/Isaac_Addai_Resume.pdf" target="_blank"
><img
src="assets/icons/resumegif.gif"
class="social"
/></a>
<a href="https://www.linkedin.com/in/isaacaddai/"
><img
src="assets/icons/linkedingif.gif"
class="social"
/></a>
<a href="https://github.com/itsaddai"
><img src="assets/icons/githubgif.gif" class="social"
/></a>
<!-- About Me -->
<section class="about-me" id="about">
<h2>More About Me</h2>
<img src="assets/images/19468020.jpg" class="tech-img">
<p>
I'm currently a second-year student studying computer science at Wilfrid Laurier University. <br>
I am a relentlessly studious individual, and am always looking for opportunities to improve my skills. <br>
</p>
<p>
Aside from my academic endeavours, you'll find me creating side projects, learning new programming languages, reading, and being an active member of clubs and societies at my school. <br>
Presently, I am an outreach coordinator of Laurier's computing society, a website developer for a non-profit organization named CCubed, and a student representative for the faculty of science at Laurier.
</p>
<p>
In between high school and my start at Laurier, I worked as a cast member at a movie theatre, allowing me to learn first-hand the implications of running a business, and learning how to interact with various audiences.
<br>
I thoroughly enjoyed the experience of working others and speaking to customers.
</p>
<p>
For as long as I can remember, I've been obsessed with technology and ever since, have looked forward to working with various types of technology for the rest of my life.<br>
For this reason, I am looking for a developer position for the Summer 2022 term, and am open to any opportunities that may arise.
</p>
</section>
<!-- My Projects -->
<section class="projects" id="projects">
<h2 class="projects-title">My Projects</h2>
<div class="projects-container">
<div class="project-container project-card">
<img src="assets/images/morningbot.png" class="project-img" />
<div class="project-info">
<h3 class="project-title">MorningBot</h3>
<p class="project-desc">
MorningBot is a personal project of mine I began in order to create a Discord bot, one that <br>
would allow me to easily display a part of my morning routine, the weather, and a motivational quote to help me get a strong start on my day.
</p>
<a href="https://github.com/itsaddai/MorningBot" target="_blank" class="project-link">View Project on GitHub</a>
<div class="project-container project-card2">
<img src="assets/images/portfolio.png" class="project-img" />
<div class="project-info">
<h3 class="project-title">Portfolio Website</h3>
<p class="project-desc">
This website is my first portfolio website, and is a work in progress. <br>
I am currently working on adding more projects to this website, and am looking forward to adding more features to it in the future.
</p>
<a href="https://github.com/itsaddai/Portfolio" target="_blank" class="project-link">View Project on GitHub</a>
</div>
</div>
</div>
</section>
</div>
<!-- Website scripts -->
<script src="assets/js/app.js"></script>
<!-- Ion icons scripts -->
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
</body>
</html>