Gabriel ROBIN crée (ou re-looke) votre site internet

astuce

https://test523.6temflex.com/

Il n’y a pas de mots-clés à afficher.

Il n’y a pas de mots-clés à afficher.


Boutons

<a class= »btn btn-custom btn-bordered » href= »https://www.pspepr.fr/wp-content/uploads/sites/2113/2020/01/casuel-offrandes-pour-les-celebrations.pdf »>Offrande pour les cérémonies</a>

https://getbootstrap.com/docs/4.0/components/buttons/

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>

<button type="button" class="btn btn-link">Link</button>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>

Image

https://www.w3schools.com/bootstrap4/bootstrap_images.asp

img-circle


Cards

https://getbootstrap.com/docs/4.0/components/card/#card-styles


Formulaire

https://stackoverflow.com/questions/24175998/meaning-of-numbers-in-col-md-4-col-xs-1-col-lg-2-in-bootstrap

  • xs = extra small screens (mobile phones)
  • sm = small screens (tablets)
  • md = medium screens (some desktops)
  • lg = large screens (remaining desktops)
<div class="col-xs-6 col-sm-4">Column 1</div> <!-- 1/2 width on mobile, 1/3 screen on tablet) -->
<div class="col-xs-6 col-sm-8">Column 2</div> <!-- 1/2 width on mobile, 2/3 width on tablet -->


Accordéon

 


Font Awesome 5

https://www.w3schools.com/icons/fontawesome_icons_webapp.asp

<i class= »fa fa-address-book »></i>

  • fa fa-at — >   @
  • fa fa-check
  • fa fa-check-square-o
  • fa fa-envelope-o

CSS additionnel

.maclasse {background:#567899; padding:20px;}
.fondbleu {background:#01b2fb;padding:20px;color: #ffffff;}

.fondjaune {background:#fff36c;padding:20px;opacity: 1;}
.fondorange {background:#FF9900;padding:20px;color: #ffffff;}
.fondvert {background:#339966;padding:20px;color: #ffffff;}
.fondmauve {background:#cc99ff;padding:20px;color: #ffffff;}
.fondrose {background:#ff99cc;padding:20px;color: #ffffff;}
.fondgris{background:#F4F4F4;padding:20px;color: #000000;}

.fondnoir{background:#F4F4F4;padding:20px;color: #000000;}


Les couleurs du web

http://www.letoileauxsecrets.fr/couleurs/couleurs-web.html