<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>codewith harry</title>
<link href=
"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous">
<style>
.nav-item{
padding: 7px;
}
.bi{
margin-right: 26px;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg p-4 bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand m-0 text-primary " href="https://youtube.com/@GetCodr">
getcodr</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse pl-3 " id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mx-4 mb-lg-0">
<li class="nav-item">
<a class="nav-link active ml-0" aria-current="page"
href="https://youtube.com/@GetCodr"> Home</a>
</li>
<li class="nav-item">
<a class="nav-link ml-0" href="#">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Tutorial</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Notes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://youtube.com/@GetCodr">MyGear</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Work With Us</a>
</li>
<li class="nav-item">
<a class="nav-link rounded bg-primary text-light mr-0" href="#">Login</a>
</li>
<li class="nav-item ">
<a class="nav-link rounded text-light bg-primary mr-0"
href="https://youtube.com/@GetCodr">SignUp</a>
</li>
</ul>
</div>
</div>
<br style="color: rgb(164, 20, 20);">
</nav>
<hr style="margin: 0;">
<nav class="navbar navbar-expand-lg p-2 bg-body-tertiary">
<div class="container-fluid ">
<a class="navbar-brand mr-0" href="https://youtube.com/@GetCodr">
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="24"
fill="currentColor" class="bi bi-house pr-25" viewBox="0 0 16 16">
<path
d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2
8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0
.708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707
1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z" />
</svg></i></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse pl-3" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 m-auto vishnu p-20 mb-lg-0">
<li class="nav-item ">
<a class="nav-link active ml-0 text-primary" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item ">
<a class="nav-link ml-0 text-primary" href="#">Courses</a>
</li>
<li class="nav-item ">
<a class="nav-link text-primary" href="#">Tutorial</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">Notes</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">MyGear</a>
</li>
<li class="nav-item">
<a class="nav-link text-primary" href="#">Work With Us</a>
</li>
</ul>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
fill="currentColor" class="bi bi-search " viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85
3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12
6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg>
</div>
</div>
</nav>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap
.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
</body>
</html>
My YouTube Channel
No comments:
Post a Comment