Header.html
Thu Nov 19 2020 14:16:21 GMT+0000 (Coordinated Universal Time)
Saved by @uchenliew #html
<div class="container-fluid" style="background: #1f52a3;"> <div class="row"> <div class="col-2"></div> <div class="col-8"> <a href="/205CDE/Assignment/home.php"><h1 style="text-align: center; color: #e6e8eb; margin: 20px 0;">U Chen Daily</h1></a> </div> <div class="col-2 d-flex justify-content-center align-items-center"><a href="/205CDE/Assignment/manageNews.php" target="_blank" class="btn btn-outline-light">LOGIN</a></div> </div> </div> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="/205CDE/Assignment/home.php"><i class="fas fa-home" style="font-size: 30px; color: #1f52a3;"></i></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown" style="margin: 0 15px;"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">News</a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <?php $newsCategoryArr = array( 'All', 'Nation', 'World', 'Sport', 'Entertainment', ); foreach($newsCategoryArr as $newsType){ echo "<a class=\"dropdown-item\" href=\"/205CDE/Assignment/news$newsType.php\" target=\"_blank\">$newsType</a>"; } ?> </div> </li> <li class="nav-item" style="margin: 0 15px;"> <a class="nav-link" href="/205CDE/Assignment/aboutUs.php" target="_blank">About Us</a> </li> <li class="nav-item" style="margin: 0 15px;"> <a class="nav-link" href="/205CDE/Assignment/contactUs.php" target="_blank">Contact Us</a> </li> <li class="nav-item" style="margin: 0 15px;"> <a class="nav-link" href="/205CDE/Assignment/faqs.php" target="_blank">FAQs</a> </li> <!-- <li class="nav-item"> --> <!-- <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a> --> <!-- </li> --> </ul> <!-- <form class="form-inline my-2 my-lg-0"> --> <!-- <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> --> <!-- <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> --> <!-- </form> --> </div> </nav>
Comments