-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
38 lines (35 loc) · 2.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<div id="navbar">
<nav>
<a href="#"><i class="fa-solid fa-house"></i></a>
<a href="about.html"><i class="fa-solid fa-user"></i></a>
<a href="portfolio.html"><i class="fa-solid fa-briefcase"></i></a>
<a href="blog.html"><i class="fa-solid fa-newspaper"></i></a>
<a href="contact.html"><i class="fa-solid fa-envelope-open"></i></a>
</nav>
</div>
<div id="main-content">
<table>
<tr>
<td> <img src="images/img1.jpg" alt="Main" width="440" height="400"></td>
<td><h1>Hi, I'm <span class="span-name">Maryam Zohra.</span> <br> A Web Developer.</h1>
I'm a Web Developer, I thrive on the fusion of creativity and precision in crafting digital solutions. My expertise lies in harnessing the power of HTML, CSS, and JavaScript to construct dynamic and visually stunning websites. Each project I undertake is imbued with a dedication to delivering not just functionality, but an immersive user experience. From concept to execution, I pride myself on creating web solutions that resonate with audiences and elevate brands to new heights of online success. <br><br>
<button id="cvBtn"><a href="images/download-cv">Download CV <i class="fa fa-download"></i> </a></button>
</td>
</tr>
</table>
</div>
</body>
</html>