-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (143 loc) · 5.31 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
<!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" />
<link rel="stylesheet" href="./Assets/css/reset.css" />
<link rel="stylesheet" href="./Assets/css/style.css" />
<title>Portfolio: Shiham Jamaldeen</title>
</head>
<body>
<nav>
<h1 class="navigationheader">Shiham Jamaldeen</h1>
<ul>
<li class="navigationlist"><a href="#AboutMe">About me</a></li>
<li class="navigationlist"><a href="#MyProjects">My projects</a></li>
<li class="navigationlist"><a href="#ContactMe">Contact me</a></li>
</ul>
</nav>
<header title="banner image">
<img
class="imagecaption"
src="./Assets/images/ShihamAvatar.png"
alt="Shiham's Avatar"
/>
<h1 class="caption">Technical Author and Aspiring Web Developer</h1>
</header>
<main>
<section class="section">
<!--About me content-->
<article class="article-left">
<h1 id="AboutMe" class="article-heading">About me</h1>
</article>
<article class="article-right">
<p class="article-left-paragraph">
Shiham is an experienced Technical Communicator, UX Writer,
Copywriter and Business Analyst with a demonstrated history of
working in the software industry for over 10 years. Shiham has
worked across several domains including Healthcare, Banking,
Financial Markets, and Human Resources.
</p>
<p class="article-left-paragraph" style="padding-top: 10px">
The portfolio section showcases some of the corporates and
government agencies, for which Shiham help setup their website,
knowledge base and online help.
</p>
</article>
</section>
<section class="section">
<article class="article-left">
<h1 id="MyProjects" class="article-heading">My Projects</h1>
</article>
<article class="article-right">
<div class="article-right-child-containter-top">
<!--portfolio container child top-->
<div class="portfolio-images-text-container">
<!--container for text on the image -->
<img
src="./Assets/images/project1-pick-a-meal.png"
class="portfolio-images"
alt="Group Project 1"
/>
<div class="porfolio-images-text-bottom-left">
<a
href="https://jeco1988.github.io/Pick-A-Meal/index.html"
target="_blank"
>Group Project 1</a
>
</div>
</div>
</div>
<div class="article-right-child-container-bottom">
<!--portfolio container child bottom-->
<div class="portfolio-images-text-container">
<!--container for text on the image -->
<img
src="./Assets/images/GRP-Proj2-WorkoutTracker.png"
class="portfolio-images"
alt="Group Project II-Workout Tracker"
/>
<div
class="porfolio-images-text-bottom-left"
alt="Group Project II-Workout Tracker"
>
<a href="https://ancient-eyrie-19788.herokuapp.com/" target="_blank"
>Group Project II-Workout Tracker</a
>
</div>
</div>
<!--div class="portfolio-images-text-container">
<container for text on the image>
<img
src="./Assets/images/NSW-EdConnect-Portfolio.jpg"
class="portfolio-images"
alt="Education Dept Knowledge base"
/>
<div class="porfolio-images-text-bottom-left">
<a href="http://example.com/" target="_blank"
>Education Dept Knowledge base</a
>
</div>
</div>
<div class="portfolio-images-text-container">
<container for text on the image>
<img
src="./Assets/images/CambioHealth-Portfolio.jpg"
class="portfolio-images"
alt="Cambio Healthcare Systems Online Help"
/>
<div class="porfolio-images-text-bottom-left">
<a href="http://example.com/" target="_blank"
>Cambio Healthcare Systems Online Help</a
>
</div-->
</div>
</div>
</article>
</section>
</main>
<footer>
<section class="section">
<div class="article-left">
<h1 id="ContactMe" class="article-heading">Contact me</h1>
</div>
<div class="article-right">
<ul>
<li class="footerlink">
<a href="#">+61 0400 000 000 </a>
</li>
<li class="footerlink">
<a href="#">[email protected] </a>
</li>
<li class="footerlink">
<a href="https://github.com/shiham.jamaldeen"
>github.com/shiham.jamaldeen</a
>
</li>
</ul>
</div>
</section>
</footer>
</body>
</html>