some more styling
This commit is contained in:
parent
4222ff40ae
commit
fc2d93d954
2 changed files with 29 additions and 8 deletions
|
@ -1,9 +1,9 @@
|
|||
.navbar {
|
||||
.header {
|
||||
background-color: #28a745;
|
||||
padding-left: 5em;
|
||||
font-size: .9em;
|
||||
}
|
||||
.navbar img {
|
||||
.header img {
|
||||
position: absolute;
|
||||
top: .1em;
|
||||
left: .1em;
|
||||
|
@ -12,6 +12,10 @@
|
|||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.footer {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
a {
|
||||
color: #496;
|
||||
}
|
||||
|
|
|
@ -34,11 +34,15 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid p-0">
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container-fluid p-0 header">
|
||||
<img src="images/crapovecto_small.svg" height="90" class="float-left" />
|
||||
La mare des crapauds fous est un lieu de rencontre et de collaboration sur des sujets divers comme: écologie réelle, neurodiversité, éducation alternative, dégafamisation, logiciel libre, végétalisation urbaine, intelligence collective, parentalité responsable, monnaies libres, gouvernances partagées, open hardware, lutte contre l'obsolecense, permaculture, santé raisonnée, inclusion sociale, et beaucoup d'autres sujets.
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div class="row pt-2 pb-2">
|
||||
<div class="col">
|
||||
La mare des crapauds fous est un lieu de rencontre et de collaboration sur des sujets divers comme: écologie réelle, neurodiversité, éducation alternative, dégafamisation, logiciel libre, végétalisation urbaine, intelligence collective, parentalité responsable, monnaies libres, gouvernances partagées, open hardware, lutte contre l'obsolecense, permaculture, santé raisonnée, inclusion sociale, et beaucoup d'autres sujets.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid entete pt-2 pb-2 mb-3">
|
||||
|
@ -218,7 +222,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="row mt-5">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
@ -235,7 +239,7 @@
|
|||
<p></p>
|
||||
</div>
|
||||
<div class="col">
|
||||
|
||||
<h4>Cratube</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -299,6 +303,19 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid footer mt-5">
|
||||
<div class="container pt-5 pb-3">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
Non, il n'y a pas de page facebook.
|
||||
</div>
|
||||
<div class="col text-right">
|
||||
Fait avec les doigts.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.4.1.min.js"
|
||||
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
|
||||
|
|
Loading…
Reference in a new issue