"navbar"
Bootstrap 4.1.1 Snippet by mhamad

<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 ----------> <nav class="navbar navbar-expand-xl navbar-dark" style="background-color: #4d004d;"> <a class="navbar-brand mr-1 " href="index.php"><img src="../../src/img/logo.png" class="img-fluid" ></a> <button class="navbar-toggler " style="" type="button" data-toggle="collapse" data-target="#collapsingNavbar"> <span class="fa fa-bars" ></span> </button> <div class="navbar-collapse collapse justify-content-center order-2" id="collapsingNavbar"> <ul class="navbar-nav" > <li class="nav-item active p-1 m-1" style="color: #fdd835;"> <a class="nav-link" href="index.php" >سه‌ره‌تا <span class="sr-only">سه‌ره‌تا</span></a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link " href="view.php?movie=" style="color: #fdd835;">فیلم</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="view.php?series=" style="color: #fdd835;">زنجیره‌</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="mostview.php" style="color: #fdd835;">زۆرترین بینه‌ر</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="actors.php" style="color: #fdd835;">ژیان نامه‌</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="news.php" style="color: #fdd835;">هه‌واڵ</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="year.php" style="color: #fdd835;">ساڵی ده‌رچو</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="info.php" style="color: #fdd835;">زانیاری</a> </li> <li class="nav-item p-1 m-1"> <a class="nav-link" href="boxoffice.php" style="color: #fdd835;">بۆکس ئۆفیس</a> </li> <li class="nav-item active dropdown p-1 m-1"> <a class="nav-link dropdown-toggle" href="#" style="color: #fdd835;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="" ></span> IMDb </a> <div class="dropdown-menu text-center" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="IMDb.php">فیلم </a> <a class="dropdown-item" href="IMDbseries.php"> زنجیره‌ </a> </div> </li> </ul> </div> <span class="navbar-text small text-truncate mt-1 w-20 text-right order-1 order-md-last col-sm-12 col-md-6 col-lg-3"> <form class="form-inline" action="search.php" method="GET"> <button class="btn btn-primary fa fa-search " aria-hidden="true"></button> <input class="form-control form-control-sm ml-3 w-75" data-toggle="modal" data-target="#mymodal" onkeyup="search(this.value);" name="search-box1" type="text" placeholder="Search " autocomplete="off" aria-label="Search"> </form> </span> </nav>
@font-face{font-family:NRT Reg; src: url('../fonts/NRT-Reg.ttf'); } @font-face{font-family:speda; src: url('../fonts/Speda.ttf'); } .container,.container-fluid { zoom:80%; } .navbar { zoom:95%; } .modal { zoom:80%; } .navbar { font-family:NRT Reg; background-color:#04262F; } .nav-item:hover { background: #FC5C7D; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #5F0A87, #A4508B ); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #5F0A87, #A4508B ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ transition: 0.7s; border-radius:10px; color:white; } .dropdown-item:hover { background-color: green; color:white; } .modal { color:black; } .modal form { text-align: center; } .modal input { border: 2px solid #333; border-radius: 5px; color: #333; font-size: 16px; margin: 0 0 20px; padding: .5rem 1rem; width: 70%; float:right; } hr { color:black; background-color:black; } .modal textarea{ border: 2px solid #333; border-radius: 5px; color: #333; font-size: 20px; margin: 0 0 20px; padding: .5rem 1rem; width: 60%; text-align:center; float:right; } .modal form { text-align:center; font-family:NRT Reg; font-size:16px; box-shadow:0px 0px 5px 0px rgba(238, 186, 243,0.6); } .modal select{ text-align:center; font-family:NRT Reg; font-size:16px; box-shadow:0px 0px 5px 0px rgba(238, 186, 243,0.6); height:50px; width: 70%; float:right; border: 2px solid #333; border-radius: 5px; } .modal h3 { font-family:NRT Reg; width:100%; height:40px; text-align:center; color:black; } .modal button { font-family:NRT Reg; font-size:18px; float:left; } .modal label{ border-radius:20px; font-family:NRT Reg; font-size:20px; color:white; width:20%; background: linear-gradient(to left, #0f2027, #203a43, #2c5364); box-shadow:0px 0px 3px 0px rgba(0,0,0,0.4); text-align:center; } .modal h1,h3{ font-family:NRT Reg; color:black; } table th,td{ text-align:center; font-family:NRT Reg; font-size:15px; } p ,h3,h4{ font-family:NRT Reg; color:white; } input,button,textarea { text-align: center; font-family:NRT Reg; } button { zoom:90%; } body, html { height: 100%; margin: 0; line-height: 100%; color: #666; background-color:#330033 ; color:white; }

Related: See More


Questions / Comments: