Scribd
Upload
6 views

Doctype HTML

The document is an HTML template for a personal portfolio website, featuring sections such as Home, About, Skills, Work, Services, and Contact. It includes links to social media and showcases the individual's skills as a Frontend Developer. The layout is structured with a navigation menu, social sharing buttons, and personal information display.

Uploaded by

Afaq Mughal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

Doctype HTML

The document is an HTML template for a personal portfolio website, featuring sections such as Home, About, Skills, Work, Services, and Contact. It includes links to social media and showcases the individual's skills as a Frontend Developer. The layout is structured with a navigation menu, social sharing buttons, and personal information display.

Uploaded by

Afaq Mughal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

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>

You might also like