-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (151 loc) · 8.81 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
<!DOCTYPE HTML>
<html>
<head>
<title>Bushra Qurban Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>HI! I'M Bushra<br/>
</h1>
<p>IBM Certified AI Developer, Skilled in Python, Machine Learning and Research<br/><br/><br/>
</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Glimpse of My Projects</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Projects</a></li>
<li><a href="journey.html">Journey</a></li>
</ul>
<ul class="icons">
<li><a href="https://github.com/bushraqurban" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
<li><a href="https://www.kaggle.com/bushraqurban" class="icon brands fa-kaggle" target="_blank"><span class="label">Kaggle</span></a></li>
<li><a href="https://www.linkedin.com/in/bushraqurban/" class="icon brands fa-linkedin" target="_blank"><span class="label">Linkedin</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2><a href="https://github.com/bushraqurban/LearnStream" target="_blank">Coursera Course<br />
Recommender</a></h2>
<p>LearnStream uses content-based filtering to provide personalized Coursera course recommendations. By leveraging course details in a similarity matrix, the system dynamically suggests courses tailored to individual learning goals.</p>
</header>
<a href="https://github.com/bushraqurban/LearnStream" target="_blank" class="image main"><img src="images/projects/learnstream1.png" alt="" /></a>
<ul class="actions special">
<li><a href="https://github.com/bushraqurban/LearnStream" target="_blank" class="button large">View on Github</a></li>
<li><a href="https://mechanical-oralia-bushra-e3bf072d.koyeb.app/" target="_blank" class="button large">View Live</a></li>
<li><a href="https://www.kaggle.com/code/bushraqurban/coursera-course-recommender-system?scriptVersionId=219326674" target="_blank" class="button large">View on Kaggle</a></li>
</ul>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2><a href="https://github.com/bushraqurban/OlympicStats" target="_blank">Olympics Analysis Webapp<br />
</a></h2>
</header>
<a href="https://github.com/bushraqurban/OlympicStats" target="_blank" class="image fit"><img src="images/projects/olympicstats.png" alt="" /></a>
<p>OlympicStats is an interactive web application built with Streamlit to visualize and analyze Olympic Games data. It provides detailed insights into medal counts, country rankings, athlete performance, and event histories.</p>
<ul class="actions special">
<li><a href="https://github.com/bushraqurban/OlympicStats" target="_blank" class="button">View on Github</a></li>
<li><a href="https://olympicstat.streamlit.app/" target="_blank" class="button">View Live</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://github.com/bushraqurban/Captionator" target="_blank">Image Caption Generator<br />
</a></h2>
</header>
<a href="https://github.com/bushraqurban/Captionator" target="_blank" class="image fit"><img src="images/projects/captionator.png" alt="" /></a>
<p>Captionator is an AI tool that scrapes images from a webpage and generates captions using the BLIP model. Captions are available for download as a CSV, useful for content creation, accessibility, and dataset generation.</p>
<ul class="actions special">
<li><a href="https://github.com/bushraqurban/Captionator/" target="_blank" class="button">View on Github</a></li>
<li><a href="https://captionator.streamlit.app/" target="_blank" class="button">View Live</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://public.tableau.com/app/profile/bushra.qurban/viz/SuperstoreSalesDashboard_17381586826670/ExecutiveOverview" target="_blank">Sales & Profit Tracker<br />
</a></h2>
</header>
<a href="https://public.tableau.com/app/profile/bushra.qurban/viz/SuperstoreSalesDashboard_17381586826670/ExecutiveOverview" class="image fit" target="_blank"><img src="images/projects/sales-profit-tracker.png" alt="" /></a>
<p>This dashboard provides a profitability overview, helping analysts assess trends and optimize sales across regions, categories, and segments.</p>
<ul class="actions special">
<li><a href="https://public.tableau.com/app/profile/bushra.qurban/viz/SuperstoreSalesDashboard_17381586826670/ExecutiveOverview" target="_blank" class="button">View Live</a></li>
<li><a href="https://www.kaggle.com/code/bushraqurban/sales-profit-tracker" target="_blank" class="button">View on Kaggle</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://public.tableau.com/views/AirBnBDashboard_17184860667700/Dashboard1?:language=en-US&:sid=&:redirect=auth&:display_count=n&:origin=viz_share_link" target="_blank">Airbnb Investment Trends<br />
</a></h2>
</header>
<a href="https://public.tableau.com/views/AirBnBDashboard_17184860667700/Dashboard1?:language=en-US&:sid=&:redirect=auth&:display_count=n&:origin=viz_share_link" class="image fit" target="_blank"><img src="images/projects/airbnb-dashboard.png" alt="" /></a>
<p>This dashboard helps real estate investors, home buyers, and Airbnb hosts analyze price trends, regional variations, and investment opportunities.</p>
<ul class="actions special">
<li><a href="https://public.tableau.com/views/AirBnBDashboard_17184860667700/Dashboard1?:language=en-US&:sid=&:redirect=auth&:display_count=n&:origin=viz_share_link/" target="_blank" class="button">View Live</a></li>
<li><a href="https://www.kaggle.com/code/bushraqurban/airbnb-interactive-dashboard" target="_blank" class="button">View on Kaggle</a></li>
</ul>
</article>
</section>
<!-- Footer -->
<footer>
<div class="pagination">
<footer id="footer">
<section>
<!-- adding iframe -->
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"></iframe>
<form id="contact-form" target="hidden_iframe">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<!-- <input type="text" name="name" id="name" required/> -->
<input type="text" name="entry.2005620554" id="name" required/>
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="entry.1045781291" id="email" required/>
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="entry.1065046570" id="message" rows="3" required></textarea>
</div>
</div>
<ul class="actions special">
<li><input type="submit" value="Send Message"/></li>
</ul>
<section>
<!-- <h3>Social</h3> -->
<ul class="icons alt">
<a href="https://github.com/bushraqurban" class="icon brands alt fa-github" target="_blank"><span class="label">GitHub</span></a></li>
<a href="https://www.kaggle.com/bushraqurban" class="icon brands alt fa-kaggle" target="_blank"><span class="label">Kaggle</span></a></li>
<a href="https://www.linkedin.com/in/bushraqurban/" class="icon brands alt fa-linkedin" target="_blank"><span class="label">Linkedin</span></a></li>
</ul>
</section>
</form>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>