<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<!-- style.css-->
<link rel="stylesheet" href="style.css">
<link
href="https://unpkg.com/[email protected]/css/boxicons.min.css"rel='styleshe
et'>
<titl>Portfolio</title>
</head>
<body>
<aside class="sideabr" id="sideabr"></aside>
<nav class="nav_logo"></nav>
<div class="nav_logo">
<a href="index.html" class="nav_logo_text">D</a>
</div>
<div class="nav_men">
<div class="menu">
<div class="nav_list">
<li class="nav_item">
<a href="#home" class="nav_link active_link">Home</a>
</li>
<li class="nav_item">
<a href="#about" class="nav_link">About</a>
</li>
<li class="nav_item">
<a href="#skills" class="nav_link">Skills</a>
</li>
<li class="nav_item">
<a href="#work" class="nav_link"Work></a>
</li>
<li class="nav_item">
<a href="#services" class="nav_link"Services></a>
</li>
<li class="nav_item">
<a href="contact" class="nav_link"contact></a>
</li>
</div>
</div>
</div>
<div class="btn_share">
<ul class="wrapper">
<li class="icon share">
<span class="tooltip">share</span>
<i class="bx bx-share-alt social_share"></i>
</li>
</ul>
</div>
</nav>
</aside>
<main class="main">
<section class="home" id="home">
<div class="home_container container grid">
<div class="hoem_social">
<span class="hoem_social_follow"sL code <span
style="color: red;">Hub</span>
</span>
<div class="hoem_social_links">
<a href="#" target="_blank" class="hoem_social_link">
<i class="bx bx1-youtybe"></i>
</a>
<a href="#" target="_blank" class="hoem_social_link">
<i class="bx bx1-tiktok"></i>
</a>
<a href="#" target="_blank" class="hoem_social_link">
<i class="bx bx1-github"></i>
</a>
</div>
</div>
</div>
<div class="home_data">
<h1 class="hoem_title">H1, I'am AFAQ</h1>
<h3 class="home_subtitle"Frontend Developer></h3>
<p class="hoem_description">High level experience in web
design and development knowledge, create quality work.</p>
<a href="#about" class="button"<i class="bx bx-
user"></i></i>
More About me
</a>
<img src="img/my.jpg" alt="" class="home_image">
<div class="my_info">
<div class="info_item">
<i class="bx bx1-messanger info_icon"></i>
<div>
<h3 class="info_title">Messanegr</h3>
<span class="info_subtitle">user-2626</span>
</div>
</div>
<div class="info_item">
<i class="bx bx1_whatsapp info_icon"></i>
<span class="info_subtitle">070 1234 567</span>
</div>
</div>
<div class="info_item">
<div>
<h3 class="info_title>"Email></h3>
<sapn
class="info_subtitle">[email protected]</sapn>
</div>
</div>
</div>
</div>
</section>
</main>
</body>7
</html>
