Skip to content

Commit b457700

Browse files
mi8bsdmi8bsd
authored
first commit
1 parent 526f1c3 commit b457700

File tree

4 files changed

+780
-0
lines changed

4 files changed

+780
-0
lines changed

‎imgs/IMG_0006.JPEG‎

914 KB
Loading

‎imgs/IMG_0027.JPEG‎

42 KB
Loading

‎index.html‎

Lines changed: 202 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,202 @@
1+
<!doctype html>
2+
<html lang="en" dir="ltr" data-bs-theme="dark">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Michael</title>
7+
<link
8+
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.rtl.min.css"
9+
rel="stylesheet"
10+
/>
11+
<link
12+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
13+
rel="stylesheet"
14+
/>
15+
<link
16+
href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap"
17+
rel="stylesheet"
18+
/>
19+
<link rel="stylesheet" href="style.css?v=2.9.3" />
20+
</head>
21+
<body>
22+
<nav class="navbar navbar-expand-lg fixed-top">
23+
<div class="container">
24+
<button
25+
class="navbar-toggler"
26+
type="button"
27+
data-bs-toggle="collapse"
28+
data-bs-target="#navbarNav"
29+
>
30+
<span class="navbar-toggler-icon"></span>
31+
</button>
32+
<div class="collapse navbar-collapse" id="navbarNav">
33+
<ul class="navbar-nav me-auto">
34+
<li class="nav-item">
35+
<a class="nav-link" href="#home">Home</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="nav-link" href="#about">about</a>
39+
</li>
40+
</ul>
41+
</div>
42+
</div>
43+
</nav>
44+
45+
<section id="home" class="hero-section">
46+
<div class="floating-shapes">
47+
<div class="shape"></div>
48+
<div class="shape"></div>
49+
<div class="shape"></div>
50+
</div>
51+
<div class="container">
52+
<div class="row align-items-center">
53+
<div class="col-lg-6 order-2 order-lg-1">
54+
<div class="hero-content">
55+
<h1 class="hero-title">Michael Tawadros</h1>
56+
<h2 class="hero-subtitle mb-2 mb-4">
57+
Hi! I’m Michael.
58+
<img
59+
src="imgs/IMG_0027.JPEG"
60+
alt="logo"
61+
class="logo"
62+
/>
63+
</h2>
64+
<p class="hero-description">
65+
I am a software engineer. For writing and
66+
speaking requests, you can reach me at
67+
[email protected].
68+
</p>
69+
<div id="whatsapp" class="mt-4">
70+
<div class="whatsapp-button mx-auto ms-md-0">
71+
<span
72+
class="d-flex flex-column align-items-center"
73+
>
74+
<span>My WhatsApp</span>
75+
<span
76+
class="d-flex align-items-center"
77+
style="direction: ltr"
78+
>
79+
<span
80+
id="phone"
81+
style="font-family: monospace"
82+
>+ 201015370911</span
83+
>
84+
<i
85+
id="copyBtn"
86+
class="fa-regular fa-copy me-2"
87+
style="
88+
cursor: pointer;
89+
font-size: 0.9rem;
90+
color: #555;
91+
"
92+
></i>
93+
</span>
94+
</span>
95+
<a
96+
href="https://wa.me/201015370911"
97+
class="text-white"
98+
target="_blank"
99+
>
100+
<i
101+
style="font-size: 42px"
102+
class="fa-brands fa-whatsapp"
103+
></i>
104+
</a>
105+
</div>
106+
</div>
107+
<div class="social-links mt-4">
108+
<a
109+
href="https://twitter.com/mi8bsd"
110+
class="twitter"
111+
><i class="fa-brands fa-x-twitter"></i
112+
></a>
113+
114+
<a
115+
href="https://www.snapchat.com/add/mi8bsd"
116+
class="snapchat"
117+
><i class="fab fa-snapchat-ghost"></i
118+
></a>
119+
</div>
120+
<div class="mt-4 text-center text-md-start">
121+
<a
122+
href="https://github.com/mi8bsd"
123+
target="_blank"
124+
class="btn-custom me-3 mb-2 mb-md-0"
125+
>
126+
<i class="fa-brands fa-github"></i>
127+
My Projects
128+
</a>
129+
<a
130+
href="#about"
131+
class="btn-custom me-3 mb-3 mb-md-0"
132+
>about me</a
133+
>
134+
</div>
135+
</div>
136+
</div>
137+
<div
138+
class="col-lg-6 text-center order-1 order-lg-2 profile-container"
139+
>
140+
<img
141+
src="imgs/IMG_0006.JPEG"
142+
alt="عبدالمجيب محمد الحميد"
143+
class="profile-image"
144+
/>
145+
</div>
146+
</div>
147+
</div>
148+
</section>
149+
150+
<section id="about" class="section">
151+
<div class="container">
152+
<h2 class="section-title">About Me</h2>
153+
<div class="row">
154+
<div class="col-lg-8 mx-auto">
155+
<div>
156+
<p class="lead mb-4">
157+
I live in El-Nozha, Cairo, Egypt. I spend a lot
158+
of time on the computer, usually within the role
159+
of a systems architect, application developer,
160+
or sysadmin. I have a lot of fun hacking on open
161+
source projects revolving around BSD, mobile,
162+
and the web. If you'd like to see some of my
163+
current and past projects, please visit my page
164+
on
165+
<a href="https://github.com/mi8bsd">GitHub</a>.
166+
</p>
167+
<p class="mb-4">
168+
When I'm not in front of a keyboard, I like to
169+
be outside (basically anywhere that doesn't
170+
tempt me to continue typing).
171+
</p>
172+
<p class="mb-4">☻</p>
173+
</div>
174+
</div>
175+
</div>
176+
</div>
177+
</section>
178+
179+
<footer class="text-center py-4">
180+
<div class="container">
181+
<p class="text-muted mb-0">
182+
&copy; 2025 build with
183+
<i class="fas fa-heart text-danger"></i> by Michael .
184+
</p>
185+
</div>
186+
</footer>
187+
188+
<a href="#home" class="scroll-to-top" id="scrollToTop">
189+
<i class="fas fa-chevron-up"></i>
190+
</a>
191+
192+
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
193+
<script src="script.js?v=2.9.3"></script>
194+
<script
195+
defer
196+
src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
197+
integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
198+
data-cf-beacon='{"version":"2024.11.0","token":"78df7f2c5e6f43b5a242b84c0f54d472","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
199+
crossorigin="anonymous"
200+
></script>
201+
</body>
202+
</html>

0 commit comments

Comments
 (0)