60 lines
2.7 KiB
HTML
60 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html xmlns:th="http://www.thymeleaf.org">
|
||
|
|
||
|
<head>
|
||
|
<div th:replace="fragments/head :: headFragment">
|
||
|
<meta charset="UTF-8">
|
||
|
<title id="pageTitle">Navbar Fragment</title>
|
||
|
</div>
|
||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/esm/popper.js" type="module" th:if="false"></script>
|
||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.css" th:if="false" rel="stylesheet" type="text/css">
|
||
|
<script src="https://code.jquery.com/jquery-2.1.4.min.js" th:if="false"></script>
|
||
|
<script src="http://blackpeppersoftware.github.io/thymeleaf-fragment.js/thymeleaf-fragment.js" defer="defer" th:if="false"></script>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<th:block th:fragment="navbarFragment">
|
||
|
<!-- <div class="container"> -->
|
||
|
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
|
||
|
<div class="container">
|
||
|
<a href="home.html" th:href="@{/}" class="navbar-brand">Chatto</a>
|
||
|
<div class="navbar-header">
|
||
|
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
|
||
|
<!-- <span class="navbar-toggle-icon">Menu</span> -->
|
||
|
<!-- Menu -->
|
||
|
<!-- <i class="fas fa-angle-double-up"></i> -->
|
||
|
<!-- <i class="glyphicon glyphicon-align-left"></i> -->
|
||
|
<i class="fas fa-chevron-down"></i>
|
||
|
|
||
|
</button>
|
||
|
</div>
|
||
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||
|
<ul class="navbar-nav ml-auto">
|
||
|
<li class="nav-item">
|
||
|
<a href="home.html" th:href="@{/}" class="nav-link">Home</a>
|
||
|
</li>
|
||
|
<li class="nav-item">
|
||
|
<a href="user/home.html" th:href="@{/user}" class="nav-link">User Area</a>
|
||
|
</li>
|
||
|
<li class="nav-item">
|
||
|
<a th:href="chat" href="chat.html" class="nav-link">Chat</a>
|
||
|
</li>
|
||
|
<li class="nav-item">
|
||
|
<a th:href="login" href="login.html" class="nav-link">Login</a>
|
||
|
</li>
|
||
|
<li class="nav-item">
|
||
|
<a href="#" class="nav-link">About</a>
|
||
|
</li>
|
||
|
<li class="nav-item">
|
||
|
<a href="#" class="nav-link">Contact</a>
|
||
|
</li>
|
||
|
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</nav>
|
||
|
<!-- </div> -->
|
||
|
</th:block>
|
||
|
</body>
|
||
|
|
||
|
</html>
|