cards
parent
b1322bfbc6
commit
c7e8c3214f
@ -0,0 +1,46 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>My Website</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css"
|
||||
>
|
||||
<link rel="stylesheet" href="./css/style.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h1>cahier des charges</h1>
|
||||
<h2>Thème du site</h2>
|
||||
<h1>paire de sneakers</h1>
|
||||
|
||||
<p></p>
|
||||
<p class="important">paire de sneakers de demain</p>
|
||||
<p class="citation">"des paires de baskets au bon rapport qualité prix"</p>
|
||||
<p class="citation" id="citationverte">"Une paire pour tous"</p>
|
||||
|
||||
|
||||
<h2>Arborescence</h2>
|
||||
<ol>
|
||||
<li>Les modèles par marque</li>
|
||||
<li>Nos promos</li>
|
||||
<li></li>
|
||||
</ol>
|
||||
<img src="./img/nikesneakers.jpeg"/>
|
||||
|
||||
<h2>Identité visuelle</h2>
|
||||
<h3>Logo</h3>
|
||||
<img src="./img/logosneakers.webp"/>
|
||||
|
||||
<h3>Couleurs</h3>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
@ -0,0 +1,11 @@
|
||||
!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<h1>shoes<h1>
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,86 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>My Website</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css"
|
||||
>
|
||||
<link rel="stylesheet" href="./style.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<img src="img/logosneakers.webp">
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<h1>sneakers</h1>
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
<nav class="navbar" role="navigation" aria-label="main-navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<img src=" ./logo.jpg">
|
||||
</a>
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
|
||||
<div>
|
||||
<div class="navbar-start">
|
||||
<a href="./#modèles">
|
||||
Nos modèles
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#promo">
|
||||
Nos promos
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="">
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="my navbar">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
HOME
|
||||
</a>
|
||||
</div>
|
||||
<div id="my navbar" class="navbar-menu">
|
||||
<a class="navbar-item" href="p1">p1</a>
|
||||
<a class="navbar-item" href="p2">p2</a>
|
||||
<div class="section">
|
||||
<div class="column">First column</div>
|
||||
<div class="column">Second column</div>
|
||||
<div class="card">Third column</div>
|
||||
<div class="card image">
|
||||
<figure class="image is4 by3"><img><
|
||||
<div>
|
||||
<div class="card-content">
|
||||
|
||||
</nav>
|
||||
</html>
|
||||
<p>yo</p>
|
||||
<p class="important">paire de sneakers de demain
|
||||
<p class="citation">"des paires de baskets au bon rapport qualité prix
|
||||
<p class="citation" id="citationverte">"Une paire pour tous"
|
||||
<h2>Rubriques</h2>
|
||||
<u1>
|
||||
<li>Nos modèles
|
||||
<li>Nos promos
|
||||
<li>Lifestyle
|
||||
<img src="img/nikesneakers.jpeg">
|
@ -0,0 +1,25 @@
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
h1 {
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
P {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.citation {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#citationverte {
|
||||
color: blue;
|
||||
|
||||
}
|
||||
|
Binary file not shown.
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
After Width: | Height: | Size: 30 KiB |
@ -0,0 +1,91 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>My Website</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css"
|
||||
>
|
||||
<link rel="stylesheet" href="./style.css"/>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<img src="img/logosneakers.webp">
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
<h1>sneakers</h1>
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
<nav class="navbar" role="navigation" aria-label="main-navigation">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<img src=" ./logo.jpg">
|
||||
</a>
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="mynavbar">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
|
||||
<div>
|
||||
<div class="navbar-start">
|
||||
<a href="./#modèles">
|
||||
Nos modèles
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#promo">
|
||||
Nos promos
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="">
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="my navbar">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
HOME
|
||||
</a>
|
||||
</div>
|
||||
<div id="my navbar" class="navbar-menu">
|
||||
<a class="navbar-item" href="p1">p1</a>
|
||||
<a class="navbar-item" href="p2">p2</a>
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="columns"></div>
|
||||
<div class="column"></div>
|
||||
<div class="card"></div>
|
||||
<!--card 1-->
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
<figure class="image is-4by3">
|
||||
<img src="img/Baskets-pour-homme-Adidas.jpg" alt="Baskets-pour-homme-Adidas image">
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
</html>
|
||||
<p></p>
|
||||
<p class="important">paire de sneakers de demain
|
||||
<p class="citation">"des paires de baskets au bon rapport qualité prix
|
||||
<p class="citation" id="citationverte">"Une paire pour tous"
|
||||
<h2>Rubriques</h2>
|
||||
<u1>
|
||||
<li>Nos modèles
|
||||
<li>Nos promos
|
||||
<li>Lifestyle
|
||||
<img src="img/nikesneakers.jpeg">
|
@ -0,0 +1,11 @@
|
||||
!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<h1>shoes<h1>
|
||||
<div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1 @@
|
||||
<!doctype html>
|
@ -0,0 +1,30 @@
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
h1 {
|
||||
font-size: xx-large;
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
P {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.citation {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#citationverte {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue