-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (133 loc) · 7.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
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
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="style.css">
<title>Hisham Mohammed</title>
</head>
<body>
<header>
<a hraf="#" class = "logo">Hisham</a>
<nav class ="navigation">
<a href="#goals">Goals</a>
<a href="https://www.linkedin.com/company/codeguideteam/?viewAsMember=true" target="_blank">Team</a>
<a href="https://github.com/HIS-MOHAMMED">Github</a>
</nav>
</header>
<section class="main">
<div>
<h2>Hello, I'm Hisham<br><span>Backend Developer</span></h2>
<h3>I am a dedicated backend developer specializing in building and maintaining the server-side logic of web applications. With expertise in programming languages like Java, I manage databases and server configurations to ensure optimal application performance. I focus on creating APIs that facilitate seamless communication between the client and server while prioritizing security and scalability. My goal is to deliver efficient, reliable software solutions that transform user requirements into functional applications. Collaboration with frontend developers and other stakeholders is essential to me, as I strive to provide a cohesive and engaging user experience</h3>
<a href="#projects" class="main-btn" >View my projects</a>
<div class ="social-icons">
<a href="https://www.linkedin.com/in/hisham-mohammed-05131a1b0/" target="_blank" title="Go to my Linkedin"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/HIS-MOHAMMED" target="_blank" title="Go to my github"><i class="fab fa-github-alt"></i></a>
</div>
</div>
</section>
<section class="cards" id="goals"></section>
<h2 class="title">Goals</h2>
<div class="content">
<div class="card">
<div class="icon">
<i class="fas fa-edit"></i>
</div>
<div class="info">
<h3>Performance Planning</h3>
<p>Performance Planning involves optimizing system efficiency, reducing bottlenecks, improving scalability, and ensuring smooth handling of growing user demand.</p>
</div>
</div>
<div class="card">
<div class="icon">
<i class="fas fa-video"></i>
</div>
<div class="info">
<h3>Content Creator</h3>
<p>Content Creator focuses on producing engaging, high-quality technical content like tutorials, blogs, or videos to educate and inspire developers.</p>
</div>
</div>
<div class="card">
<div class="icon">
<i class="fas fa-graduation-cap"></i>
</div>
<div class="info">
<h3>Teaching Tech</h3>
<p>Teaching Tech involves sharing knowledge and skills through mentoring, workshops, and online courses to empower others in their tech journey.</p>
</div>
</div>
</div>
</section>
<section class="projects" id="projects">
<h2 class="title">Projects</h2>
<div class="content">
<div class="project-card">
<div class="project-image">
<img src="media/images/work1.png" />
</div>
<div class="project-info">
<p class="project-category">ATM System</p>
<strong class="project-title">
<span>Java</span>
<a href="https://github.com/HIS-MOHAMMED/ATM-System" class="more-details" target="_blank">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="media/images/work2.png" />
</div>
<div class="project-info">
<p class="project-category">BlackJack Game Command Line </p>
<strong class="project-title">
<span>Java</span>
<a href="https://github.com/HIS-MOHAMMED/BlackJack" class="more-details" target="_blank">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="media/images/work3.png" />
</div>
<div class="project-info">
<p class="project-category">BlackJack Game GUI</p>
<strong class="project-title">
<span>Java and Swing</span>
<a href="https://github.com/HIS-MOHAMMED/BlackJackGameGUI" class="more-details" target="_blank">More details</a>
</strong>
</div>
</div>
<div class="project-card">
<div class="project-image">
<img src="media/images/work4.png" />
</div>
<div class="project-info">
<p class="project-category">Airline Management System</p>
<strong class="project-title">
<span>Java</span>
<a href="https://github.com/HIS-MOHAMMED/Airline-Management-System" class="more-details" target="_blank">More details</a>
</strong>
</div>
</div>
</div>
</section>
<section class="favorite-videos" id="favorite-videos">
<h2 class="title">Favorite Videos</h2>
<div class="content">
<div class="video-card">
<iframe width="560" height="315" src="https://www.youtube.com/embed/_T8cn2J13-4?si=TPSInGCkjU-pNPwt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div>
<div class="video-card">
<iframe width="560" height="315" src="https://www.youtube.com/embed/rw_OgA9x7B8?si=5oNf2IRCy_XBEKpR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div>
</div>
</section>
<footer class="footer">
<p class="footer-title">Copyrights © <span>Hisham Mohammed</span> </p>
<p class="footer-contact">Tel:+905356456954</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/hisham-mohammed-05131a1b0/" target="_blank" title="Go to my Linkedin"><i class="fab fa-linkedin"></i></a>
<a href="https://x.com/home?lang=en" target="_blank"><i class="fab fa-twitter"></i></a>
</div>
</footer>
</body>
</html>