johanleroy/ENI-enchere
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bootstrap / modele-page

Browse Source
This commit is contained in:
mepiphana2023
2024-04-22 14:50:37 +02:00
parent 1f0855104d
commit 7aebd5404e
23 changed files with 21676 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/resources/templates/accueil.html
View File

@@ -1 +1,13 @@
<h1> Hello world !</h1>
<!DOCTYPE html>
<html lang="fr" th:replace="~{modele-page :: layout('Accueil',~{::link} , ~{::#container-main})}" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Accueil</title>
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div id="container-main"><h1>hello world !</h1></div>
<script src="js/bootstrap/bootstrap.min.js"></script>
</body>
</html>

40
src/main/resources/templates/modele-page.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html th:fragment="layout (title, csspage, content)" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark navbar-">
<a class="navbar-brand" href="#">
<img src="logo.png" width="70" height="70" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Encheres <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Vendre un article</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Mon profile</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Déconnection</a>
</li>
</ul>
</div>
</nav>
</header>
<div th:insert="${content}"></div>
<script src="js/bootstrap/bootstrap.min.js"></script>
</body>
</html>