page d'accueil

This commit is contained in:
Blandine Bajard 2022-01-31 18:18:03 +01:00
parent 52ff29ca30
commit 0633d6ae6d
11 changed files with 11697 additions and 99 deletions

View file

@ -1,2 +1,22 @@
<app-header></app-header>
<app-signin></app-signin>
<body>
<div class="bienvenue">
<h2 class="titre">BIENVENUE</h2>
<p>
Notre service vous offre des outils et des fonctionnalités pour vous aider à gérer la charge mentale de votre foyer.
<p>Réunis à un seul endroit pour toute la famille, vous pourrez faire des suggestions de menus, gérer un répertoire de
contacts utiles et établir des to-dot-list communes.</p>
<p>Plus de conflit, plus dexcuse de pas avoir su ou de ne pas avoir
lu, nous sommes là pour vous aider !</p>
</div>
<div class="connexion">
<app-signin></app-signin>
</div>
<div class="pub">
<img src="../../../assets/images/menu.png" />
<img src="../../../assets/images/repertoire.png" />
<img src="../../../assets/images/todo.png" />
</div>
</body>

View file

@ -0,0 +1,39 @@
.bienvenue {
float: left;
display: inline;
border: 4px solid #5d5fef;
border-radius: 10px;
margin-top: 50px;
margin-left: 200px;
padding-right: 10px;
padding-left: 10px;
}
.titre {
text-align: center;
}
p {
font-size: 1em;
line-height: 2em;
}
.connexion {
float: right;
display: inline;
margin-top: -40px;
margin-right: 200px;
}
.pub {
padding-top: 100px;
padding-right: 100px;
padding-left: 200px;
display: flex;
justify-content: space-between;
}
img {
border: 1px solid #d3d3d3;
border-radius: 10px;
box-shadow: 6px 6px #d3d3d3;
}

View file

@ -1,2 +1,4 @@
<app-header></app-header>
<app-side-bar></app-side-bar>
<app-side-bar></app-side-bar>
<app-meteo></app-meteo>

View file

@ -1,22 +1,25 @@
a.hover {
color :rgb(219, 200, 28)
color: rgb(219, 200, 28);
}
a {
color: rgb(32, 114, 45);
color: rgb(32, 114, 45);
}
div {
text-align: center;
font-weight: bold;
div {
text-align: center;
font-weight: bold;
// si on préfère une image en fond
// background-image: url("../../../assets/images/404.jpg");
// background-size: cover;
background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #e2ebe7, #f8faf5);
// si on préfère une image en fond
// background-image: url("../../../assets/images/404.jpg");
// background-size: cover;
background-image: linear-gradient(
to left top,
#051937,
#004d7a,
#008793,
#e2ebe7,
#f8faf5
);
}