Scribd
Upload
19 views

HTML

This html is for landing page website

Uploaded by

wehum66
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
19 views

HTML

This html is for landing page website

Uploaded by

wehum66
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet"
href="bootstrap-5.3.3-dist/bootstrap-5.3.3-dist/css/bootstrap.min.css">
<link href="https://unpkg.com/[email protected]/css/boxicons.min.css"
rel="stylesheet" >
</head>
<body>
<header class="header">
<a href="#home" class="logo">CH. <span>Waseem</span></a>

<i class="bx bx-menu" id="menu-icon"></i>

<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#testimonials">Testimonials</a>
<a href="#contact">Contact</a>
</nav>
</header>

<section class="home" id="home">


<div class="home-content">
<h1>Hi, It's <span>WASEEM</span></h1>
<h3 class="text-animation">I 'm a <span></span></h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. <br>
Sapiente, tempore explicabo, maiores ut harum cumque, assumenda <br>
ea optio illum voluptatibus placeat maxime. Excepturi dolore, <br>
debitis placeat aspernatur quia facilis soluta.</p>
<div class="social-icons">
<a href="#"><i class="bx bxl-linkedin"></i></a>
<a href="#"><i class="bx bxl-github"></i></a>
<a href="#"><i class="bx bxl-instagram-alt"></i></a>
<a href="#"><i class="bx bxl-twitter"></i></a>
</div>

<div class="btn-group">
<a href="#" class="btn">Hire</a>
<a href="#contact" class="btn">Contact</a>
</div>
<div class="home-img">
<img src="img/logo-img copy.png" alt="home-image">
</div>
</div>
</section>

<!---svg-social-icons---
<a class="u-social-url" title="facebook" target="_blank"
href="https://facebook.com/name">
<span class="u-icon u-social-facebook u-social-icon u-text-custom-
color-3 u-icon-1">
<svg class="u-svg-content" viewBox="0 0 112.196 112.196"
x="0px" y="0px" id="svg-194c" style="enable-background:new 0 0 112.196 112.196;">
<g><circle style="fill:currentColor;" cx="56.098"
cy="56.098" r="56.098"></circle>
<path style="fill:#FFFFFF;" d="M70.201,58.294h-
10.01v36.672H45.025V58.294h-7.213V45.406h7.213v-8.34 c0-5.964,2.833-
15.303,15.301-15.303L71.56,21.81v12.51h-8.151c-1.337,0-3.217,0.668-
3.217,3.513v7.585h11.334L70.201,58.294z">

</path>
</g></svg></span>
</a>
<a class="u-social-url" target="_blank" data-
type="Instagram" title="Instagram" href="">
<span class="u-icon u-social-icon u-social-
instagram u-text-custom-color-3 u-icon-2">

<svg class="u-svg-content" viewBox="0 0


112 112" x="0" y="0" id="svg-7eb4"
><circle fill="currentColor" cx="56.1"
cy="56.1" r="55"></circle>
<path fill="#FFFFFF" d="M55.9,38.2c-
9.9,0-17.9,8-17.9,17.9C38,66,46,74,55.9,74c9.9,0,17.9-8,17.9-
17.9C73.8,46.2,65.8,38.2,55.9,38.2
z M55.9,66.4c-5.7,0-10.3-4.6-10.3-10.3c-0.1-
5.7,4.6-10.3,10.3-10.3c5.7,0,10.3,4.6,10.3,10.3C66.2,61.8,61.6,66.4,55.9,66.4z"></
path>
<path fill="#FFFFFF" d="M74.3,33.5c-2.3,0-
4.2,1.9-4.2,4.2s1.9,4.2,4.2,4.2s4.2-1.9,4.2-4.2S76.6,33.5,74.3,33.5z"></path>
<path fill="#FFFFFF" d="M73.1,21.3H38.6c-9.7,0-
17.5,7.9-17.5,17.5v34.5c0,9.7,7.9,17.6,17.5,17.6h34.5c9.7,0,17.5-7.9,17.5-17.5V38.8
C90.6,29.1,82.7,21.3,73.1,21.3z M83,73.3c0,5.5-
4.5,9.9-9.9,9.9H38.6c-5.5,0-9.9-4.5-9.9-9.9V38.8c0-5.5,4.5-9.9,9.9-9.9h34.5

c5.5,0,9.9,4.5,9.9,9.9V73.3z"></path></svg></span>
</a>
--->

<script>src="bootstrap-5.3.3-dist/" </script>
<script> src="script.js" </script>
</body>
</html>

You might also like