Commit 80f0e10b authored by Anthony ANGELOT's avatar Anthony ANGELOT
Browse files

Responsive new design

parent 4d635662
......@@ -22,21 +22,21 @@
<p class="subtitle"> Les autres sites pour retrouver les aides et informations <br />de la Métropole de Lyon en période de confinement </p>
<div class="other_sites_list">
<div class="other_site">
<img src="../static/Site1.svg" alt="MET">
<img class="screenshot" src="../static/Site1.svg" alt="MET">
<br />
<img src="../static/MET.svg" alt="MET">
<p> Restez informés 7/7 jours. <br /> Rendez vous sur met.grandlyon.com </p>
<button><a href="https://met.grandlyon.com/" target="_blank"> voir le site </a></button>
</div>
<div class="other_site">
<img src="../static/Site2.svg" alt="Entraide Grand Lyon">
<img class="screenshot" src="../static/Site2.svg" alt="Entraide Grand Lyon">
<br />
<img src="../static/entraideGL.svg" alt="Entraide Grand Lyon">
<p> Vous souhaitez aider un voisin ou être aidé•e ? <br /> Rendez vous sur entraide.grandlyon.com </p>
<button><a href="https://entraide.grandlyon.com/" target="_blank"> voir le site </a></button>
</div>
<div class="other_site">
<img src="../static/Site3.svg" alt="Tous unis tous solidaires">
<img class="screenshot" src="../static/Site3.svg" alt="Tous unis tous solidaires">
<img class="tuts" src="../static/tuts.svg" alt="Tous unis tous solidaires">
<p class="tuts"> Aidez les associations ayant besoin de renforts. <br /> Rendez vous sur tousunistoussolidaires.fr </p>
<button><a href="https://www.tousunistoussolidaires.fr/" target="_blank"> voir le site </a></button>
......@@ -51,11 +51,11 @@
import Store from '../utils/store.js'
const IMAGE_PATH = {
"1": "/Categorie_illustration527.svg",
"2": "/Categorie_illustration529.svg",
"3": "/Categorie_illustration530.svg",
"4": "/Categorie_illustration531.svg",
"5": "/Categorie_illustration528.svg"
"1": "/Categorie_illustration1.svg",
"2": "/Categorie_illustration2.svg",
"3": "/Categorie_illustration3.svg",
"4": "/Categorie_illustration4.svg",
"5": "/Categorie_illustration5.svg"
};
const ICON_PATH = {
......@@ -212,4 +212,4 @@ a{
color: white;
}
</style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment