-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (44 loc) · 1.91 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<title>Welcome To My Profile</title>
</head>
<body id="bg-img">
<header>
<div class="menu-btn">
<div class="btn-line"></div>
<div class="btn-line"></div>
<div class="btn-line"></div>
</div>
<nav class="menu">
<div class="menu-branding">
<div class="portrait"></div>
</div>
<ul class="menu-nav">
<li class="nav-item current"><a href="/" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About Me</a></li>
<li class="nav-item"><a href="technology.html" class="nav-link">Technologies</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
</nav>
</header>
<main id="home">
<h1 class="lg-heading">
Beshoy <span class="text-secondary">Wageeh</span>
</h1>
<h2 class="sm-heading">
Web Designer , Web Developer , UI & UX
</h2>
<div class="icons">
<a href="https://twitter.com/bishoy_wageeh" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="https://www.facebook.com/beshoy.wageehsoliman" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://www.linkedin.com/in/beshoy-wageeh/" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a href="https://github.com/beshoywageeh" target="_blank"><i class="fab fa-github fa-2x"></i></a>
</div>
</main>
<script src="js/script.js"></script>
</body>
</html>