-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (98 loc) · 5.19 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
<!-- This page will be the main layout of the website -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="design.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>Ibrahim Shoukry</title>
</head>
<body>
<div class="sticky for-navbar">
<div class="bg">
<div class="for-slider">
<div class="navbar">
<div id="about-tab" class="for-tabs">
<div id="personal" class="tabs active">ABOUT</div>
</div>
<div id="projects-tab" class="for-tabs">
<div id="projects" class="tabs">PROJECTS</div>
</div>
<div id="contact-tab" class="for-tabs">
<div id="contact" class="tabs">CONTACT</div>
</div>
</div>
<div id="slide" class="slider"></div>
</div>
</div>
</div>
<div class="personal">
<div>
<div class="text-hi"><div>Hi,</div></div>
<div class="text">I'm Ibrahim Shoukry</div>
</div>
</div>
<div id="locate"></div>
<div id="about" class="fade about-section">
<div id="personalTitle" class="title">ABOUT ME</div>
<div class="tab-content">
<p>
I'm currently a student at University of California, Berkeley studying Electrical Engineering and
Computer Science, B.S. I have many interests including Computer Science, film photography, graphic design,
circuit design, marine conservation and much more. Throughout my life I have always and still am
working towards my passions.
</p>
<div class="for-profile">
<img class="profile" src="assets/profile.jpg" alt="profile">
<a class="resume" href="assets/resume.pdf">RESUME</a>
</div>
</div>
</div>
<div id="pr-tab" class="fade projects-section">
<div id="projectsTitle" class="black-title">PROJECTS</div>
<div class="for-boxes">
<div class="project-details">
<h2><a class="project-link" href="https://projectbracket.webflow.io/post/team-boolean-hooligans-dvc-chatbot">Counseling Chatbot</a></h2>
<p class="p-dark">Have you ever had a quick question to ask a counselor but didn't have the time to go meet with one? A chatbot may be your solution!
<b>This project models a digital counselor that can
automatically answer DVC/community college students' straightforward questions.</b>
The program makes use of a convolutional neural network, built with TensorFlow Keras,
along with natural language processing and deep learning techniques to detect and respond
to queries. The user can then directly input their question and receive a response immediately.</p>
</div>
<div class="project-details">
<h2><a class="project-link" href="https://devpost.com/software/onemusic">OneMusic</a></h2>
<p class="p-dark">OneMusic is the ultimate solution to effortlessley transferring music playlists between
platforms like Youtube Music and Spotify. <b>It elminates the hassle of manually recreating playlists
making it as simple as connecting your account, selecting the playlists, and finally syncing.</b> React was
used for the frontend and used Spotify and Google Cloud Platform APIs to enable authentication and playlist
transfer.
</p>
</div>
<div class="project-details">
<h2><a class="project-link" href="https://devpost.com/software/ucbmealz">UCBMealz</a></h2>
<p class="p-dark">As college students who attend UC Berkeley, we find ourselves not having time to cook healthy
nutritious food that would meet our fitness goals.<b>UCBMealz takes the amount of calories and macro
nutrients the user wants to eat and creates a personalized meal plan that abides by their specific needs.</b>
The website uses the Gemini AI API to create the customized meals, where the base of the website was created using
React.js and selenium was used for scraping UC Berkeley's dining website.
</p>
</div>
</div>
</div>
<div id="ct-tab" class="fade contact-section">
<div id="contactTitle" class="title">CONTACT</div>
<div class="tab-content-icons">
<a href="https://github.com/Ibrashoukry" class="icon" target="_blank">
<i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/ibrahim-shoukry-3478b0237/" class="icon" target="_blank">
<i class="fab fa-linkedin"></i></a>
<a href="mailto:[email protected]" class="icon">
<i class="fas fa-envelope"></i></a>
</div>
</div>
<script src="Navbar.js"></script>
<script src="about-section.js"></script>
</body>
</html>