page d'accueil
This commit is contained in:
parent
52ff29ca30
commit
0633d6ae6d
11 changed files with 11697 additions and 99 deletions
|
|
@ -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 d’excuse 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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -1,2 +1,4 @@
|
|||
<app-header></app-header>
|
||||
<app-side-bar></app-side-bar>
|
||||
<app-side-bar></app-side-bar>
|
||||
<app-meteo></app-meteo>
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue