-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (142 loc) · 7.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport content="width=device-width,initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<a href="index.html" class="logo"><span>P</span>ortfolio</a>
<i class="bx bx-menu" id="menu-icon"></i>
<nav class="navbar">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<section class="home" id="home">
<div class="home-content">
<h1>Hi, It's <span>Jomana</span> Tantawy</h1>
<h3>I'm a <span>Computer Science and Engineering</span> undergraduate in <span>GUC</span></h3>
<p>I am a Computer Science and Engineering student at The German University in Cairo, focused on software development and programming. I have a strong background in Java, Python, SQL, and various frameworks. I enjoy creating innovative solutions and have experience building dynamic applications and contributing to open-source projects. I love taking on challenges and want to use my skills to create software that makes a difference.</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/jomana-tantawy-b516b0315">
<i class="bx bxl-linkedin-square"></i>
</a>
<a href="https://github.com/JomanaMahmoud">
<i class="bx bxl-github"></i>
</a>
<a href="https://x.com/Jouma_mahmoud04">
<i class="bx bxl-twitter"></i>
</a>
<a href="https://www.instagram.com/jouma_naser">
<i class="bx bxl-instagram-alt"></i>
</a>
</div>
<div class="buttons">
<a href="#contact" class="button">Contact me</a>
<a href="https://www.linkedin.com/in/jomana-tantawy-b516b0315" class="button">Hire me</a>
</div>
</div>
<div class="img">
<img src="picture.jpg" alt="Personal Image">
</div>
</section>
<section class="about" id="about">
<div class="about-image">
<img src="picture.jpg" alt="">
</div>
<div class="about-content">
<h2>About <span>Me</span></h2>
<p>I’m currently a 5th-semester Computer Science and Engineering student at The German University in Cairo, with a deep passion for problem-solving and innovative software development. Over the past few years, I've honed my skills in Java, Python, and SQL, among other languages and frameworks, through various projects and coursework.
I’ve built dynamic applications, contributed to open-source projects, and explored different areas of software engineering, such as mobile app development, game design, and system simulations. These experiences have not only strengthened my technical skills but also fueled my curiosity and passion for creating impactful software.
Beyond coding, I enjoy collaborating with others, learning new technologies, and taking on challenges that push me to grow as a developer. My goal is to continue expanding my knowledge and contribute to projects that bring real-world solutions to everyday problems.
</p>
<p id="more-content" style="display: none;">Outside of work, I enjoy watching Harry Potter movies, getting lost in the magical world of Hogwarts. I also like watching Turkish series, appreciating the rich storytelling and cultural nuances. When I'm not on screen, I find peace in crocheting, creating handmade items and experimenting with different patterns.
</p>
<a href="javascript:void(0);" onclick="showMore();" class="button">Read More</a>
</div>
</section>
<section class="projects" id="projects">
<h2 class="heading">Projects</h2>
<div class="projects-box">
<div class="card">
<img src="project1.png" alt="">
<h3>Project 1</h3>
<p>Attack On Titan: Utopia is a one-player, endless tower defense game inspired by the hit anime Attack on Titan. The game is set in the Utopia District of Wall Rose, where players must defend against waves of titans using a variety of Anti-Titan weapons. The objective is to prevent the titans from breaching the walls of Utopia for as long as possible.</p>
<a href="https://github.com/JomanaMahmoud/Attack-On-Titan-Utopia">
<div class="button">View repository</div>
</a>
</div>
<div class="card">
<img src="project2.png" alt="">
<h3>Project 2</h3>
<p>A simulation of a basic computer with a bus that has 6 registers and 128 words of memory, an arithmetic & logic unit (ALU), and a control unit (CU) that supports 8 instructions using Logisim.</p>
<a href="https://github.com/JomanaMahmoud/Basic-Computer-Simulation">
<div class="button">View repository</div>
</a>
</div>
<div class="card">
<img src="project3.png" alt="">
<h3>Project 3</h3>
<p>Developed a personal portfolio website using HTML, CSS, and Vanilla JavaScript to showcase projects, skills, and experience. The site features a clean, responsive design with interactive elements and smooth navigation.</p>
<a href="https://github.com/JomanaMahmoud/Personal-Portfolio">
<div class="button">View repository</div>
</a>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 class="heading">Contact <span>me</span> </h2>
<form id="contactForm">
<div class="input-box">
<div class="input">
<input type="text" id="firstName" placeholder="First Name" required>
<input type="text" id="lastName" placeholder="Last Name" required>
<input type="email" id="email" placeholder="Email" required>
<input type="text" id="subject" placeholder="Subject" required>
</div>
<div class="input">
<textarea id="message" cols="30" rows="10" placeholder="Your Message" required></textarea>
<input type="submit" value="Send Message" class="button">
</div>
</div>
</form>
</section>
<footer class="footer">
<div class="social-icons">
<a href="https://www.linkedin.com/in/jomana-tantawy-b516b0315">
<i class="bx bxl-linkedin-square"></i>
</a>
<a href="https://github.com/JomanaMahmoud">
<i class="bx bxl-github"></i>
</a>
<a href="https://x.com/Jouma_mahmoud04">
<i class="bx bxl-twitter"></i>
</a>
<a href="https://www.instagram.com/jouma_naser">
<i class="bx bxl-instagram-alt"></i>
</a>
</div>
<ul class="list">
<li>
<a href="#projects">Projects</a>
</li>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#contact">Contact me</a>
</li>
</ul>
<p class="copyright">
© 2024 Jomana Tantawy. All rights reserved.
</p>
</footer>
<script src="script.js"></script>
</body>
</html>