"jQuery 3.2.1 | Bootstrap 4.0.0 | Tekkod Emlak Template"
Bootstrap 4.1.1 Snippet by tekkod

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <title>Hello, world!</title> </head> <body> <nav class="navbar navbar-default"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navigation" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="index.html" class="logo"> <img src="https://themevessel-items-dot-themeforest-171208.appspot.com/the-nest/img/logos/logo.png" alt="logo"> </a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="navbar-collapse collapse" role="navigation" aria-expanded="true" id="app-navigation"> <ul class="nav navbar-nav"> <li class="dropdown active"> <a tabindex="0" data-toggle="dropdown" data-submenu="" aria-expanded="false"> Home<span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="index.html">Home 1</a></li> <li><a href="index-2.html">Home 2</a></li> <li><a href="index-3.html">Home 3</a></li> <li><a href="index-4.html">Home 4</a></li> <li><a href="index-5.html">Home 5</a></li> </ul> </li> <li class="dropdown"> <a tabindex="0" data-toggle="dropdown" data-submenu="" aria-expanded="false"> Properties<span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a tabindex="0">Properties List</a> <ul class="dropdown-menu"> <li><a href="properties-list-rightside.html">Properties List Right Sidebar</a></li> <li><a href="properties-list-leftside.html">Properties List Left Sidebar</a></li> <li><a href="properties-list-fullwidth.html">Properties Full Width</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="0">Properties Grid</a> <ul class="dropdown-menu"> <li><a href="properties-grid-rightside.html">Properties Grid Right Sidebar</a></li> <li><a href="properties-grid-leftside.html">Properties Grid Left Sidebar</a></li> <li><a href="properties-grid-fullwidth.html">Properties Grid Full Width</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="0">Map View</a> <ul class="dropdown-menu"> <li><a href="properties-map-leftside-list.html">Map Left Sidebar List</a></li> <li><a href="properties-map-rightside-list.html">Map Right Sidebar List</a></li> <li><a href="properties-map-leftside-grid.html">Map Left Sidebar Grid</a></li> <li><a href="properties-map-rightside-grid.html">Map Right Sidebar Grid</a></li> <li><a href="properties-map-full.html">Map Full Width</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="0">Property Detail</a> <ul class="dropdown-menu"> <li><a href="properties-details.html">Property Detail 1</a></li> <li><a href="properties-details-2.html">Property Detail 2</a></li> <li><a href="properties-details-3.html">Property Detail 3</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a tabindex="0" data-toggle="dropdown" data-submenu="" aria-expanded="false"> Agents<span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="agent-listing-grid.html">Agent grid</a></li> <li><a href="agent-listing-grid-sidebar.html">Agent Grid sidebarbar</a></li> <li><a href="agent-listing-row.html">Agent list</a></li> <li><a href="agent-listing-row-sidebar.html">Agent List Sidebarbar</a></li> <li><a href="agent-single.html">Agent Detail</a></li> </ul> </li> <li class="dropdown"> <a tabindex="0" data-toggle="dropdown" data-submenu="" aria-expanded="false"> Blog<span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="blog-right-sidebar.html">Blog right sidebar</a></li> <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li> <li><a href="blog-full-width.html">Blog full width</a></li> <li><a href="blog-creative.html">Blog creative</a></li> <li><a href="blog-single.html">Blog Detail</a></li> </ul> </li> <li class="dropdown"> <a tabindex="0" data-toggle="dropdown" data-submenu="" aria-expanded="false"> Pages<span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a tabindex="0">Extras</a> <ul class="dropdown-menu"> <li><a href="typography.html">Typography</a></li> <li><a href="pricing-tables.html">Pricing Tables</a></li> <li><a href="elements.html">Elements</a></li> <li><a href="icon.html">icon</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="0">User Profile</a> <ul class="dropdown-menu"> <li><a href="user-profile.html">User profile</a></li> <li><a href="my-properties.html">My Properties</a></li> <li><a href="favorited-properties.html">Favorited Properties</a></li> <li><a href="submit-property.html">Submit Property</a></li> </ul> </li> <li class="dropdown-submenu"> <a tabindex="0">Contact</a> <ul class="dropdown-menu"> <li><a href="contact.html">Contact</a></li> <li><a href="contact-2.html">Contact 2</a></li> </ul> </li> <li><a href="about.html">About Us</a></li> <li><a href="faq.html">Faq</a></li> <li><a href="login.html">Login</a></li> <li><a href="signup.html">Signup</a></li> <li><a href="forgot-password.html">Forgot Password</a></li> <li><a href="404.html">404 Error</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right rightside-navbar"> <li> <a href="submit-property.html" class="button"> Submit Property </a> </li> </ul> </div> <!-- /.navbar-collapse --> <!-- /.container --> </nav> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html>

Related: See More

Awesome Landing Page
Responsive Invoice template
BS4 clean & simple invoice template
Elegant Bootstrap 4 message chat box template

Questions / Comments: