feat(bases) structure and example with components
This commit is contained in:
0
structure/footer.php
Normal file
0
structure/footer.php
Normal file
9
structure/header.php
Normal file
9
structure/header.php
Normal file
@@ -0,0 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Subway schedules</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
10
structure/main.php
Normal file
10
structure/main.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<?php include 'structure/header.php'; ?>
|
||||
<?php include 'structure/navbar.php'; ?>
|
||||
|
||||
<main class="container mt-5">
|
||||
<?php include $content; ?>
|
||||
</main>
|
||||
|
||||
<?php include 'structure/footer.php'; ?>
|
||||
</body>
|
||||
</html>
|
||||
25
structure/navbar.php
Normal file
25
structure/navbar.php
Normal file
@@ -0,0 +1,25 @@
|
||||
<header>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">Subways</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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">
|
||||
<a class="nav-link active" aria-current="page" href="#">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Parcourir</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Mon compte</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="ms-auto">
|
||||
<a class="btn btn-primary" href="#">Gestion des utilisateurs</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
Reference in New Issue
Block a user