-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (177 loc) · 8.41 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Emil's site">
<meta name="author" content="EmilK">
</head>
<title>Emil Kais</title>
<!-- custom fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- stylesheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="public\stylesheets\main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand active page-scroll" href="#page-top">Emil Kais</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-navbar-collapse">
<ul class="nav navbar-nav">
<li><a class="page-scroll" href="#about">About</a></li>
<li><a class="page-scroll" href="#skills">Skills</a></li>
<li><a class="page-scroll" href="#HypeCity">Projects</a></li>
</ul>
</div>
</div>
</nav>
<header class = "intro">
<div class = "intro-body">
<div class = "container">
<div class = "row">
<div class = "col-md-8 col-md-offset-2">
<h1>Emil Kais</h1>
<p class ="intro-text" style="font-size: 2.5rem;">Thinker - Leader - Developer</p>
<img src="public\img\profile2.jpg" class="img-circle" alt="Not available" width="250" height="320">
</div>
</div>
</div>
</div>
</header>
<section class="about page-scroll" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h1>About me</h1>
</div>
</div>
<div class="aboutMe">
<div class="hobbies">
<p>Recent graduate from Computer Science Student at University of Windsor.</p>
<p>Worked for 16 Months at IBM in BPM Websphere and Bluemix revolving around Java development focusing on JUnit and Selenium testing.</p>
<p>Was accepted as a Founder through the EPICentre at the University for 3 months and got a chance to experiment with React and React Native.</p>
<p>Started tinkering with web development using Node.JS back in October while working on developing HypeCity and since then I've been humbled by the advice other developers and entrepreneurs have given me.</p>
<p>I love music, it has been a personal motivator for much of my life and it motivates me on my tasks. I am also passionate about physical activities like rock climbing, boxing, and working out at the gym.</p>
<p>My technology focus currently is surrounding Node.JS and with a front-end focus on React/React Native.</p>
<p>I've Tutored for 9 months now, TA'd for 2 years, and Mentored for 3 years.</p>
<p>I believe there is always something to learn from anybody, and keeping an open mind is key.</p>
<p>I am also a believer of you are who you surround yourself with, and being around people that push their boundaries keeps you moving forward.</p>
</div>
</div>
<div class="col-lg-8 col-lg-offset-2 text-center">
<a href="/public/resources/Emil Kais resume.pdf" class="btn btn-lg btn-outline">
<i class="glyphicon glyphicon-download"></i>Resume
</a>
</div>
</div>
</section>
<section class="skills page-scroll" id="skills">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h1 href="#">Skills</h1>
</div>
</div>
<div class="list-group">
<a class="list-group-item">
<h4 class="list-group-item-heading">Java</h4>
<p class="list-group-item-text">Test-Driven Development with Selenium & Junit. Focused on Object-Oriented design principles with respect to time/space complexity.</p>
</a>
<a class="list-group-item">
<h4 class="list-group-item-heading">HTML5/CSS3/Bootstrap</h4>
<p class="list-group-item-text">Worked with Flexbox for responsive web design, designed this site and HypeCity's pages.</p>
</a>
<a class="list-group-item">
<h4 class="list-group-item-head">Databases</h4>
<p class="list-group-item-text">HypeCity uses NoSQL MongoDB & Mongoose as a wrapper. Have Postgresql and mySQL experience with basic queries.</p>
</a>
<a class="list-group-item">
<h4 class="list-group-item-head">Node.JS</h4>
<p class="list-group-item-text">HypeCity is powered by Node.JS, Express for routing, Passport for authentication, Bluebird for promises, Socket.io for messaging, ES6 (with babel and webpack), and ES7 for it's async/await features.</p>
</a>
<a class="list-group-item">
<h4 class="list-group-item-head">Angular</h4>
<p class="list-group-item-text">Had Services, Controllers, and Apps talking together to create a MVC for clients while using EJS as main templating engine.</p>
</a>
<a class="list-group-item">
<h4 class="list-group-item-head">React</h4>
<p class="list-group-item-text">Served React components and allowed dynamic rendering without page reload. 'Smart' components sent requests and obtained information to pass down to 'dumb' components.</p>
</a>
<a class="list-group-item">
<h4 class="list-group-item-head">React Native</h4>
<p class="list-group-item-text">Worked on basic Android MVP with different user views utilizing react-navigation.</p>
</a>
</div>
</div>
</section>
<section class="PP1 page-scroll" id="HypeCity">
<div class="row">
<div class="col-lg-12 text-center">
<h1>Personal Projects</h1>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>HypeCity</h2>
<img src="public/img/hype.jpeg" class="img-circle" alt="Not available" width="250" height="250">
</div>
</div>
<div class="hypeCity-info" style="text-align: center;">
<p>Desktop application with the MERN stack with plans to move to mobile.</p>
<p>I found that just a chat system is not enough to get people to motivate each other, so I am trying to try and facilitate an environment where people are challenged to do better.</p>
</div>
<div class="HypeCity">
<a class="btn btn-primary" href="https://hypecity.herokuapp.com/">HypeCity</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>justHype</h2>
</div>
</div>
<div class="justHype-info" style="text-align: center;">
<p>Application to help gym's manage their sessions between personal trainers and their clients much easier.</p>
<p>Used React Native along with a Node.JS server to show an MVP with a basic login with redirect using React-navigation.</p>
</div>
</div>
</section>
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col btn-group btn-group-justified">
<div class="btn-group">
<a class="btn btn-primary" href="https://github.com/EmilK15">GitHub</a>
</div>
<div class="btn-group">
<a class="btn btn-success" href="https://www.linkedin.com/in/emilkais/">LinkedIn profile</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p style="color:white">[email protected]</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>