-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (125 loc) · 5.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - Rami Bakri</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
<header>
<h1>Rami Bakri - Computer Science Student</h1>
</header>
<section id="about">
<h2>About Me</h2>
<div class="about-container">
<p>I'm a Computer Science student at <a href="https://www.westernsydney.edu.au/" style="color: orangered;">Western Sydney University</a> with a passion for turning
<span class="coffee-container">
<span id="coffee-trigger" style="color: orange;">coffee into code</span>
</span>.
My goal? To become the "Go-To" guru for all things tech. While my journey is just beginning, I'm diving deep into programming, sharpening my skills, and dreaming big. Who knows? One day, I might just create the next great game engine. For now, it's all about the grind, the growth, and seeing where this wild ride in tech takes me!
</p>
</div>
</section>
<section id="coffee-info">
<div id="coffee-image"></div>
<p>I love my coffee so much, I even got Level 1 Barista training!</p>
</section>
<section id="projects">
<h2>Projects</h2>
<button class="arrow left-arrow"><</button>
<div class="projects-wrapper">
<div class="projects-container">
<div class="projects-carousel">
<div class="project">
<img src="images/project-1.png" alt="Project 1 Image">
<h3>Student Grade Management</h3>
<p>A .NET application to manage student information and their grades. Was made for a High School Assessment task. Does not work as it needs 32-bit Access Database.</p>
<a href="https://github.com/justR4MEN/StudentGradeManagement" target="_blank">View Source Code</a>
</div>
<div class="project">
<img src="images/project-2.png" alt="Project 2 Image">
<h3>Payroll Management</h3>
<p>A .NET application that I made in High School for an Assessment Task. Probably does not work anymore.</p>
<a href="https://github.com/justR4MEN/PayrollManagement" target="_blank">View Source Code</a>
</div>
<div class="project">
<img src="path/to/project3-image.png" alt="Project 3 Image">
<h3>Project 2</h3>
<p>Short description of Project 3. [To Be Added]</p>
<a href="link-to-source-code" target="_blank">View Source Code</a>
</div>
<div class="project">
<img src="path/to/project4-image.png" alt="Project 4 Image">
<h3>Project 4</h3>
<p>Short description of Project 4. [To Be Added]</p>
<a href="link-to-source-code" target="_blank">View Source Code</a>
</div>
</div>
</div>
</div>
<button class="arrow right-arrow">></button>
</section>
<section id="certificates">
<h2>Certificates</h2>
<ul>
<li>
<img src="path/to/logo.png" alt="Logo">
Certificate [To Be Added]
</li>
</ul>
</section>
<section id="languages">
<h2>Languages</h2>
<ul>
<li>
<img src="images/python-logo.png" alt="Python Logo">
<p>Python <br> Experience: 2/10</p>
</li>
<li>
<img src="images/c-logo.png" alt="C Logo">
<p>C <br> Experience: 4/10</p>
</li>
<li>
<img src="images/c++-logo.png" alt="C++ Logo">
<p>C++ <br> Experience: 7/10</p>
</li>
<li>
<img src="images/java-logo.png" alt="Java Logo">
<p>Java <br> Experience: 8/10</p>
</li>
<li>
<img src="images/csharp-logo.png" alt="C# Logo">
<p>C# <br> Experience: 2/10</p>
</li>
<li>
<img src="images/net-logo.png" alt=".NET Logo">
<p>.NET <br> Experience: 4/10</p>
</li>
<li>
<img src="images/javascript-logo.png" alt="JavaScript Logo">
<p>JavaScript <br> Experience: 3/10</p>
</li>
<li>
<img src="images/sql-logo.png" alt="SQL Logo">
<p>SQL <br> Experience: 4/10</p>
</li>
<li>
<img src="images/asm-logo.png" alt="Assembly Logo">
<p>Assembly Language <br> Experience: 2/10</p>
</li>
<li>
<img src="images/r-logo.png" alt="R Logo">
<p>R <br> Experience: 4/10</p>
</li>
<li>
<img src="images/visual-basic-logo.png" alt="Visual Basic Logo">
<p>Visual Basic <br> Experience: 7/10</p>
</li>
</ul>
</section>
</div>
<script src="javascript/script.js"></script>
</body>
</html>