Navbar বা মেনুবার যা ওয়েব সাইটের গুরুত্বপুর্ন অংশ। খুব সহজে শিখেনিন ভিডিও দেখে। যেখানে শিখানো হবে সম্পূর্ন ওয়েব সাইট তৈরি করা। কোড গুলো নিয় নিন। video: https://youtu.be/G3cFj_iF39g
HTML:"
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-grid.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html"> WebJot </a>
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="about.html"> About </a></li>
<li class="nav-item "> <a class="nav-link" href="feature.html"> Feature </a> </li>
<li class="nav-item "> <a class="nav-link" href="blog.html"> Blog </a> </li>
<li class="nav-item "> <a class="nav-link" href="profile.html"> Profile </a> </li>
<li class="nav-item "> <a class="nav-link" href="contact.html"> Contact </a> </li>
</ul>
<form class="form-inline">
<input class="form-control mr-sm-2 " type="search" placeholder="search" aria-label="Search">
<button class="btn btn-outline-success" type="submit"> Search </button>
</form>
</nav>
<nav class="navbar navbar-expand-lg navbar-light bg-primary">
<a class="navbar-brand" href="index.html"> WebJot </a>
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="about.html"> About </a></li>
<li class="nav-item "> <a class="nav-link" href="feature.html"> Feature </a> </li>
<li class="nav-item "> <a class="nav-link" href="blog.html"> Blog </a> </li>
<li class="nav-item "> <a class="nav-link" href="profile.html"> Profile </a> </li>
<li class="nav-item "> <a class="nav-link" href="contact.html"> Contact </a> </li>
</ul>
<form class="form-inline">
<input class="form-control mr-sm-2 " type="search" placeholder="search" aria-label="Search">
<button class="btn btn-outline-success" type="submit"> Search </button>
</form>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
</body>
</html>"
No comments:
Post a Comment