some more styling

This commit is contained in:
mose 2019-08-17 21:42:28 +08:00
parent 4222ff40ae
commit fc2d93d954
2 changed files with 29 additions and 8 deletions

View file

@ -1,9 +1,9 @@
.navbar { .header {
background-color: #28a745; background-color: #28a745;
padding-left: 5em; padding-left: 5em;
font-size: .9em; font-size: .9em;
} }
.navbar img { .header img {
position: absolute; position: absolute;
top: .1em; top: .1em;
left: .1em; left: .1em;
@ -12,6 +12,10 @@
background-color: #333; background-color: #333;
color: #fff; color: #fff;
} }
.footer {
background-color: #333;
color: #fff;
}
a { a {
color: #496; color: #496;
} }

View file

@ -34,11 +34,15 @@
</head> </head>
<body> <body>
<div class="container-fluid p-0"> <div class="container-fluid p-0 header">
<nav class="navbar navbar-expand-lg">
<img src="images/crapovecto_small.svg" height="90" class="float-left" /> <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. <div class="container">
</nav> <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>
<div class="container-fluid entete pt-2 pb-2 mb-3"> <div class="container-fluid entete pt-2 pb-2 mb-3">
@ -218,7 +222,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row mt-5">
<div class="col"> <div class="col">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
@ -235,7 +239,7 @@
<p></p> <p></p>
</div> </div>
<div class="col"> <div class="col">
<h4>Cratube</h4>
</div> </div>
</div> </div>
</div> </div>
@ -299,6 +303,19 @@
</div> </div>
</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 <script
src="https://code.jquery.com/jquery-3.4.1.min.js" src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="