Skip to content

Commit 5086e6b

Browse files
yazanprogrammeryazanprogrammer
authored
km99
0 parents  commit 5086e6b

File tree

2 files changed

+409
-0
lines changed

2 files changed

+409
-0
lines changed

‎inds.html

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="stylesheet" href="styles.css" />
7+
<title>MusaabK99</title>
8+
</head>
9+
<body>
10+
<div class="container"></div>
11+
<header>
12+
<img src="assets/svg/logo.svg" alt="MusaabK99 logo" />
13+
<nav class="navigation">
14+
<ul>
15+
<li><a href="#aboutMe">About Me</a></li>
16+
<li><a href="#MyWorks">My Works</a></li>
17+
<li><a href="#contactMe">Contact</a></li>
18+
</ul>
19+
</nav>
20+
</header>
21+
<hr />
22+
23+
<section class="hero">
24+
<img class="arrow" src="assets/svg/arrow.svg" alt="arrow" />
25+
<div class="heroSub">
26+
<h1 class="name">I’m Musaab</h1>
27+
<h1 class="title">Software Engineer</h1>
28+
<div class="heroBtns">
29+
<a class="hireMe" href="#contactMe">Hire me</a>
30+
<a class="cv" href="assets/Musaab_Kubbi_Software_Engineer.pdf" download
31+
>Download CV
32+
<img src="assets/svg/download.svg" alt="download button"
33+
/></a>
34+
</div>
35+
</div>
36+
<img src="assets/svg/Hero.svg" alt="hero image" class="heroImg" />
37+
</section>
38+
39+
<section class="aboutMe" id="aboutMe">
40+
<img
41+
src="assets/svg/AboutMe.svg"
42+
alt="aboutMe image"
43+
class="aboutMeImg"
44+
/>
45+
<div class="textContainer">
46+
<div class="textTitle">
47+
<h1 class="aboutName">About</h1>
48+
<h1 class="aboutTitle">me</h1>
49+
<img src="assets/svg/lightbulb.svg" alt="ligh" class="light" />
50+
</div>
51+
<p class="aboutMePar">
52+
Hey, I'm Musaab, a Software Engineer who loves turning complex ideas into simple, sleek solutions. Currently diving into mobile app development to level up my skills. I enjoy building cool stuff, experimenting with new tech, and making things look and feel great.
53+
</p>
54+
</div>
55+
</section>
56+
57+
<section class="works" id="MyWorks">
58+
<div class="worksContainer">
59+
<div class="projectTitle">
60+
<h1 class="aboutName">My recent</h1>
61+
<h1 class="aboutTitle">works</h1>
62+
</div>
63+
<ul>
64+
<li>
65+
<a href=""
66+
><img src="assets/imgs/landingPage.png" alt="landing Page"
67+
/></a>
68+
</li>
69+
<li>
70+
<a href=""><img src="assets/imgs/webApp.png" alt="Wep App" /></a>
71+
</li>
72+
<li>
73+
<a href=""><img src="assets/imgs/app.png" alt="App" /></a>
74+
</li>
75+
</ul>
76+
</div>
77+
</section>
78+
79+
<section class="contactContainer" id="contactMe">
80+
<div class="contactTitle">
81+
<h1 class="aboutName">Contact</h1>
82+
<h1 class="aboutTitle">me</h1>
83+
</div>
84+
<div class="contact">
85+
<div class="emailAndPhone">
86+
<img src="assets/svg/Email.svg" alt="email logo" />
87+
<a href="mailto:[email protected]"
88+
><h3>[email protected]</h3></a
89+
>
90+
</div>
91+
<div class="emailAndPhone">
92+
<img src="assets/svg/phone.svg" alt="phone logo" />
93+
<h3>+0123456789</h3>
94+
</div>
95+
</div>
96+
<div class="socialMedia">
97+
<a
98+
href="https://www.linkedin.com/in/musaabkubbi/"
99+
target="_blank"
100+
><img src="assets/svg/linkedin.svg" alt="my linkedin account"
101+
/></a>
102+
<a href="https://github.com/MusaabK99" target="_blank"
103+
><img src="assets/svg/github.svg" alt=" my github account"
104+
/></a>
105+
<a href="https://x.com/MusaabK99" target="_blank"
106+
><img src="assets/svg/twitter.svg" alt="my x account"
107+
/></a>
108+
<a href="https://youtu.be/VzAxCThj_5k?si=4WwLBuOnbGhgAQ2q" target="_blank"
109+
><img src="assets/svg/youtube.svg" alt="my youtube channel"
110+
/></a>
111+
</div>
112+
</section>
113+
<hr />
114+
<footer>
115+
<p>Built by MK.</p>
116+
</footer>
117+
</body>
118+
</html>

0 commit comments

Comments
 (0)