WEBAGENCY - Agence WEB

Vous venez d'être embauché(e) par une agence Web, la WebAgency, qui réalise des sites web pour différents clients. Cependant, ils reconnaissent eux-mêmes que leur site actuel est vieillissant car ils ont peu de temps pour travailler dessus. Certes, il paraît que les cordonniers sont les plus mal chaussés, mais tout de même...

On vous propose donc, pour votre première mission, de vous occuper de la refonte du site de l'agence.

Le site doit tenir sur une page avec un menu qui suit la navigation. Les différentes sections attendues sont :

  • Un premier écran d'accueil de bienvenue, très visuel
  • La liste des services offerts par l'agence
  • Des exemples de projets déjà réalisés
  • Une carte avec un formulaire de contact (on ne vous demande pas de faire marcher le formulaire, juste de l'afficher).

Le site sera réalisé en HTML et CSS (sans framework tel que Bootstrap).
Vous devrez intégrer au moins un effet d'animation CSS sur le site (celui que vous souhaitez).

">

Vous venez d'être embauché(e) par une agence Web, la WebAgency, qui réalise des sites web pour différents clients. Cependant, ils reconnaissent eux-mêmes que leur site actuel est vieillissant car ils ont peu de temps pour travailler dessus. Certes, il paraît que les cordonniers sont les plus mal chaussés, mais tout de même...

On vous propose donc, pour votre première mission, de vous occuper de la refonte du site de l'agence.

Le site doit tenir sur une page avec un menu qui suit la navigation. Les différentes sections attendues sont :

  • Un premier écran d'accueil de bienvenue, très visuel
  • La liste des services offerts par l'agence
  • Des exemples de projets déjà réalisés
  • Une carte avec un formulaire de contact (on ne vous demande pas de faire marcher le formulaire, juste de l'afficher).

Le site sera réalisé en HTML et CSS (sans framework tel que Bootstrap).
Vous devrez intégrer au moins un effet d'animation CSS sur le site (celui que vous souhaitez).

 

DETAILS TECHNIQUES

  • - Réalisé en HTML5 / CSS3 avec positionnement Flexbox (the Flexible Box Layout)
  • - Création d'un slider exclusivement en CSS3 (sans JS)
  • - Création menu hamburger en CSS3 (sans JS) sur smartphones et tablettes
  • - Création portfolio en JS
  • - Animations CSS3
  • - Responsive
  • - Compatibilité cross-browser
  •  

Liens du projet

GitHub : https://github.com/maximehgt/WebAgency

Site : http://maxime-hugonnet.fr/openclassrooms/webagency


Ajouter un commentaire



Commentaires :