mirror of
https://github.com/appen-isen/site-interpromo-2024.git
synced 2026-03-18 21:40:39 +01:00
Merge pull request #3 from appen-isen/base_pages_html
Added bootstrap CSS/JS + navbar
This commit is contained in:
Allan Cueff
GitHub
@@ -1,75 +0,0 @@
|
||||
/*
|
||||
This CSS contains settings shared beetween all pages (notably the header's).
|
||||
*/
|
||||
|
||||
html {
|
||||
height:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #ff1f1f;
|
||||
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
display:flex;
|
||||
|
||||
|
||||
/* nav */
|
||||
order: 2;
|
||||
overflow:inherit;
|
||||
|
||||
background-color: #212529;
|
||||
align-self:center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
/* inherited from navbar */
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0px;
|
||||
/*text-align: center;*/
|
||||
/* display:inline-block; */
|
||||
/*vertical-align:top;*/
|
||||
}
|
||||
|
||||
header nobr {
|
||||
color: white;
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
align-self:center;
|
||||
|
||||
list-style-type: none;
|
||||
padding: 10px;
|
||||
height: 24px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
header nobr a, header nobr div button {
|
||||
padding: 20px 20px 20px 20px;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
text-decoration: none;
|
||||
line-height: 0px;
|
||||
padding: 5px 12px;
|
||||
}
|
||||
|
||||
header nobr a:hover {
|
||||
background-color: #4e5256;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body {
|
||||
background-color: #101214;
|
||||
height:100%;
|
||||
position: relative;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
BIN
Front/assets/appen.png
Normal file
BIN
Front/assets/appen.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
@@ -1,24 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title> Accueil </title>
|
||||
<link href="Accueil.css" rel="stylesheet">
|
||||
<link href="MainCSS.css" rel="stylesheet">
|
||||
<title> Matchs en direct </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">
|
||||
<link rel = "icon" href ="Doc images/pagelogo.png"type = "image/x-icon">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||
</head>
|
||||
<header>
|
||||
<!-- Website's logo -->
|
||||
<img src="https://avatars.githubusercontent.com/u/114828919?s=200&v=4" alt="Interpromos Logo" id="header-img" width="25px"height="25px">
|
||||
<!-- Name of the Website -->
|
||||
<nobr>Interpromos 2023</nobr>
|
||||
<!-- Links to the different pages -->
|
||||
<nobr><a href="Matchs.html"><span class="material-icons">receipt_long</span> Matches</a></nobr>
|
||||
<nobr><a href="Teams.html"><span class="material-icons">groups</span> Équipes</a></nobr>
|
||||
<nobr><a href="Sports.html"><span class="material-icons">sports_handball</span> Sports</a></nobr>
|
||||
<nobr><a href="Referee.html"><span class="material-icons">front_hand</span> Arbitres</a></nobr>
|
||||
</header>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="navbar navbar-dark bg-dark fixed-top">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="/Front/assets/appen.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top">
|
||||
Interpromos 2023
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Ouvrir la navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse text-bg-dark" id="navbarToggleExternalContent" data-bs-theme="dark">
|
||||
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active d-inline-flex align-items-center" aria-current="page" href="index.html">
|
||||
<span class="material-symbols-outlined pe-3">wifi_tethering</span>
|
||||
Matchs en direct
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="teams.html">
|
||||
<span class="material-symbols-outlined pe-3">trophy</span>
|
||||
Classement et équipes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="sports.html">
|
||||
<span class="material-symbols-outlined pe-3">fitness_center</span>
|
||||
Liste des sports
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- WRITE CODE HERE -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
61
Front/sports.html
Normal file
61
Front/sports.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title> Matchs en direct </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="navbar navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="/Front/assets/appen.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top">
|
||||
Interpromos 2023
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Ouvrir la navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse text-bg-dark" id="navbarToggleExternalContent" data-bs-theme="dark">
|
||||
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="index.html">
|
||||
<span class="material-symbols-outlined pe-3">wifi_tethering</span>
|
||||
Matchs en direct
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="teams.html">
|
||||
<span class="material-symbols-outlined pe-3">trophy</span>
|
||||
Classement et équipes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active d-inline-flex align-items-center" aria-current="page" href="sports.html">
|
||||
<span class="material-symbols-outlined pe-3">fitness_center</span>
|
||||
Liste des sports
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- WRITE CODE HERE -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
61
Front/teams.html
Normal file
61
Front/teams.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title> Matchs en direct </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="navbar navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="/Front/assets/appen.png" alt="Logo" width="30" height="30" class="d-inline-block align-text-top">
|
||||
Interpromos 2023
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Ouvrir la navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse text-bg-dark" id="navbarToggleExternalContent" data-bs-theme="dark">
|
||||
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="index.html">
|
||||
<span class="material-symbols-outlined pe-3">wifi_tethering</span>
|
||||
Matchs en direct
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active d-inline-flex align-items-center" aria-current="page" href="teams.html">
|
||||
<span class="material-symbols-outlined pe-3">trophy</span>
|
||||
Classement et équipes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-inline-flex align-items-center" href="sports.html">
|
||||
<span class="material-symbols-outlined pe-3">fitness_center</span>
|
||||
Liste des sports
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- WRITE CODE HERE -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user