Le site web a été développer avec le concept mobile first. 

Le principe est de concevoir un site web en commençant par la partie mobile et progressivement les ecrans plus large. L'avantage est de pouvoir développer facilement et que le site s'adapte plus facilement aux tailles d'ecrans supérieurs. L'inverse entraine souvent des suppressions de blocs qui ne sont plus possible d'afficher sur une version mobile. 

Nous avons donc 3 tailles de device sur ce projet :

- une version mobile développé à partir de l'outil de developpement (Iphone X)
- une version tablette (Ipad)
- une version Desktop

Utilisation également de Flex box qui est une méthode permettant de gérer l'espace d'une page
entre les différents éléments composé de lignes et de colonnes. 

Les unités utilisés sont:

- vw et vh pour la largeur et la hauteur.
- em pour les tailles de polices.

Le reponsive en lui même à été réalisés avec les medias query qui permet de définir la règle d'application des styles en fonction de la taille d'un écran. Il y a donc 3 tailles différentes sur ce projet. 

- jusqu'à 479px
- jusqu'à 959px
- à partir de 960px

Utilisation de font Awesome pour les pictogrammes.

Toutes les images ont un Attribut Alt pour respecter les standards web.

Les deux slidders ont été réalisé à l'aide de la bibliotèque Jquery.

Le tooltip à été réalisé sur ligne Bandwidth des deux offres de la page Price.html