Scribd
Upload
6 views3 pages

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 views3 pages

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/boxicons@2.1.4/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">sLcodeHUb@gmail.com</sapn>
</div>
</div>
</div>
</div>
</section>
</main>

</body>7
</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy