-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (161 loc) · 7.68 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sulaiman Kajee</title>
<link rel="stylesheet" href="/CSS/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Bad+Script&family=Megrim&family=Quicksand:wght@300&display=swap"
rel="stylesheet">
</head>
<body>
<div class="topNav">
<i class="fas fa-home"></i>
</div>
<h1>I'm Sulaiman</h1>
<h3>Full Stack Web Developer</h3>
<p>Welcome to my personal site! Thank you for taking the time to check it out. Please feel free to leave a comment
:)</p>
<div class="middle-container">
<i class="fab fa-html5"></i>
<i class="fab fa-css3-alt"></i>
<i class="fab fa-bootstrap"></i>
<i class="fab fa-js-square"></i>
<i class="fab fa-react"></i>
<i class="fab fa-node-js"></i>
<p><a href="https://giphy.com/gifs/JIX9t2j0ZTN9S"></a></p>
<div class="profile">
<img src="" alt="">
<p>I have a significant working background in fast-paced environments and have worked in Operations, Sales,
and Marketing where I developed strong organization, communication and problem solving skills.</p>
</div>
<hr>
<div class="skills">
<div class="skill-row">
<img class="" src="" alt="">
<h3>Full Stack Web Development</h3>
<p> I recently graduated from Hyperion Development as a Full-Stack Web Developer and aspire to further
develop my skills in HTML, CSS andJavaScript. I have learnt how to use React, Express and MongoDB
and I
am especially interested in mastering myback-end skills as well as build my career into a leadership
role and eventually use my knowledge to help others fulfill their dreams of becoming a Web Developer
</p>
</div>
<div class="skill-row">
<img class="" src="" alt="">
<h3>Full List of Tech Stack</h3>
<p>
HTML5
CSS3
JavaScript
Bootstrap
ES5
HTML DOM
JSON
jQuery
React
Node.js
Express.js
REST
MongoDB
</p>
</div>
</div>
<hr>
<div class="projects">
<div class="projectContainer">
<!--the container for a single project-->
<div class="projectItems">
<h2>Personal Site</h2>
<!--the header of the project-->
<img class="projectImage" src="/Images/personal.PNG">
<!--a button that links to the github repo-->
<a class='linkToGit' href='https://github.com/LaimyDev/personalSite'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>To-Do List</h2>
<img class="projectImage" src="/Images/todolist.PNG">
<a class='linkToGit' href='https://github.com/LaimyDev/ToDoList' target="_blank">GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>Calculator App</h2>
<img class="projectImage" src="/Images/calculator.PNG">
<a class='linkToGit' href='https://github.com/LaimyDev/Calculator-app'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>Weather App</h2>
<img class="projectImage" src="/Images/weather.PNG"><a class='linkToGit'
href='https://github.com/LaimyDev/Weather-App'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>Star Wars API</h2>
<img class="projectImage" src="/Images/starwars.PNG"><a class='linkToGit'
href='https://github.com/LaimyDev/Star-Wars-API'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>Chuck Norris Jokes</h2>
<img class="projectImage" src="/Images/chuck.png"><a class='linkToGit'
href='https://github.com/LaimyDev/ChuckNorrisJokes'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>Minesweeper</h2>
<img class="projectImage" src="/Images/minesweeper.png">
<a class='linkToGit' href='https://github.com/LaimyDev/Minesweeper'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>iTunes API</h2>
<img class="projectImage" src="/Images/iTunesAPI.PNG">
<a class='linkToGit' href='https://github.com/LaimyDev/iTunesAPI'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>786Foods</h2>
<img class="projectImage" src="/Images/786foods.PNG">
<a class='linkToGit' href='https://github.com/LaimyDev/786Foods'>GitHub</a>
</div>
</div>
<div class="projectContainer">
<div class="projectItems">
<h2>Card Game</h2>
<img class="projectImage" src="/Images/cardgame.PNG">
<a class='linkToGit' href='https://github.com/LaimyDev/CardandConverter'>GitHub</a>
</div>
</div>
</div>
<hr>
<div class="contact-me">
<h4>You may contact me on any of the options below</h4>
<p>Cell: +27 76 2649794 Mail: [email protected]</p>
<a class="btn" href="mailto:[email protected]">MAIL ME</a>
</div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13229.071109209053!2d18.500507692651265!3d-34.01133685297501!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1dcc439d23b72d3f%3A0xca2b1e9c1625b1c!2sOttery%2C%20Cape%20Town%2C%207808!5e0!3m2!1sen!2sza!4v1632854522993!5m2!1sen!2sza"
width="1383" height="350" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/sulaiman-kajee-5ba460187/">LinkedIn</a>
<a class="footer-link" href="https://github.com/LaimyDev">GitHub</a>
<a class="footer-link" href=" https://laimydev.netlify.app/">Personal Site</a>
<p>© 2021 Sulaiman Kajee.</p>
</div>
<script src="https://kit.fontawesome.com/f359a08c5c.js" crossorigin="anonymous"></script>
</body>
</html>