-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
96 lines (96 loc) · 3.45 KB
/
project.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
<!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" />
<title>
Min Thway Htut's Projects
</title>
<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=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="project.css" />
</head>
<body>
<h1 class="title">My Projects</h1>
<main>
<div class="team-stats">
<p><span id="team"></span></p>
<p><span id="sport"></span></p>
<p><span id="year"></span></p>
<p><span id="head-coach"></span></p>
</div>
<label class="options-label" for="players">Filter Projects</label>
<select name="players" id="players">
<option value="all">All Projects</option>
<option value="forward">Frontend Projects</option>
<option value="midfielder">Data Science Projects</option>
<option value="defender">Python Projects</option>
</select>
<div class="cards" id="player-cards">
<div class="player-card">
<img src="images/personal-portfolio.png" loading="lazy"/>
<br>
<h2>Personal Portfolio Project</h2>
<br>
<p>The website on which you are currently viewing is one of my projects. I have developed this website
using HTML, CSS, and javaScript.
</p>
<br>
<br>
<br>
<br>
</div>
<div class="player-card">
<img src="images/cpu-scheduler.png" loading="lazy" />
<br>
<h2>CPU Scheduler and Memory Manager</h2>
<br>
<p>Scheduling algorithms such as First Come First Served (FCFS), Shortest Job First (SJF), and Round Robin (RR)
as well as memory managemet techniques such as Best Fit and First Fit were implemented using Python
in this project.
</p>
</div>
<div class="player-card">
<br>
<img src="images/image.png" loading="lazy"/>
<h2>Nutri Log</h2>
<br>
<br>
<br>
<p>Nutri Log is a website for the users who want to calculate their BMI, and the amount of calories
required for a day. HTML, CSS, and javaScript were used for this project.</p>
<br>
<br>
</div>
<div class="player-card">
<img src="images/cozycorner.png" loading="lazy"/>
<br>
<h2>Cozy Corner</h2>
<p>I developed a simple restaurant website where the customers can see the menus, the contact details,
and the location of the restaurant. However, online order system is yet to be implemented.
<br>
Languages used: HTML, CSS, and javaScript
</p>
</div>
<div class="player-card">
<img src="images/datapipeline.png" loading="lazy"/>
<br>
<br>
<h2>Data Pipeline</h2>
<br>
<p>This is an end-to-end machine learning pipeline.
<br>
Language used: Python
</p>
<br>
<br>
<br>
</div>
</div>
</main>
<footer>© Min Thway Htut</footer>
<script src="./project.js"></script>
</body>
</html>