<nav class="navbar bg-dark navbar-dark navbar-expand-sm">
<div class="container">
<a href="" class="navbar-brand"><i class="fa-solid fa-house"></i></a>
<button class="navbar-toggler btn btn-primary" type="button" data-toggle ="collapse" href ="#mobile"><i class="fa-solid fa-bars"></i></button>
<div id="mobile" class="collapse navbar-collapse ">
<ul class="navbar-nav mr-auto t-center ml-2">
<li class="nav-item">
<a href="" class="nav-link"> Home</a>
</li>
<li class="nav-item">
<a href="" class="nav-link "> Blogs</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">Contacts</a>
</li>
</ul>
<div class="row no-gutters">
<div class="col-8 pr-2"><input class="form-control" type="search" placeholder="Search"></div>
<div class="col-4"><button class="btn btn-warning" type="submit">Search</button></div>
</div>
</div>
</div>
</nav>
<div class="w-lg-50 mx-auto my-3">
<form class="mr-auto">
<div class="mb-4">
<label for="name" class="form-label">Name</label>
<input type="text" id="name" class="form-control" placeholder="Enter Your Name">
</div>
<div class="mb-4">
<label for="password" class="form-label">Password</label>
<input type="password" id="password" class="form-control" placeholder="Enter Your Password">
</div>
<div class="mb-4">
<label for="address" class="form-label">Address</label>
<textarea id="address" class="form-control"></textarea>
</div>
<div class="mb-4">
<label for="file" class="form-label">Password</label>
<input type="file" id="file" class="form-control">
</div>
<div class="mb-4">
<label for="city" class="form-label">City</label>
<select class="form-control" id="city">
<option value="0">İstanbul</option>
<option value="1">Ankara</option>
<option value="2">İzmir</option>
<option value="3">Edirne</option>
</select>
</div>
</form>
</div>