Integration graphique HTMPL5/CSS3

Nous recherchons un prestataire pour une mission d'integration graphique telle que decrite ci dessous:

Fondamentaux :

L’intégration doit être réalisée à l’aide de :
HTML5 / CSS3
Twitter Bootstrap (last version 3.3.2)
jQuery (last version 1.11.2)
Utilisation de Font-Awesome ou Glyphicons
Utilisation des librairies en version minifiées 
Full Responsive Web Design
Toutes les pages doivent être optimisées intégralement pour tous types d’écrans

Respect des standards W3C
Code html propre et surcharges css optimisées
Enfin, un minimum d’image doit être utilisé, tout ce qui peut être géré en css doit l’être (exemple, les textes des boutons de connexion facebook/twitter de la login page)  

Introduction

La login page est composée de plusieurs écrans (sur une seule page à scroller)
Utilisation de l’effet parallaxe pour le mouvement des éléments au scroll.

Détails  
Chaque écran doit être affiché sur la totalité de l’écran (adapté à la taille) 
Le menu « header » n’apparait qu’à partir de l’écran #2 exemple concret : [URL visible pour les membres Pro] L’effet au passage des images lors du scroll doit être le même Idem pour l’apparition/disparation du header Idem pour la version mobile (header et disposition des éléments adaptés) 
Premier écran (login) Les deux joueurs doivent arriver des deux côtés avec un effet de « slide » 

Home Page 

Structure small, medium & large devices – desktops > 768px

La structure générale du site se décompose ainsi : 
Header v1
Bannière
Logo
Accès Informations Utilisateurs (s’ouvre au click)
Une fois « déplié » : système d’onglets
Menu (s’ouvrent au passage de la souris)
Champ de recherche 
Bloc « Flashs infos »
Slider horizontal auto (défilement automatique et manuel) pour défilement de plusieurs news type carrousel 
Colonne latérale gauche
Résultats
Matchs à venir
Chaines TV 
Colonne centrale
Flux central, système d’onglets
Formulaire pour poster un statut
Différents types de posts 
Colonne latérale droite
Suggestions
Compétitions
Clubs
Pages 
Structure extra small – Phones < 768px

Header : version mobile (bandeau noir)
Bouton d’accès au menu standard (placement haut droite)
Au click : apparition du menu sous le header
Disposition des entrées les unes sous les autres
Ouverture du détail de chaque menu type accordéon
Bouton d’accès « Informations utilisateur » 
Bloc « Flashs infos » (toute la largeur) 
Colonne centrale : système d’onglet - occupe toute la largeur 
Colonne latérale droite 
Profil utilisateur 
Structure 
Header v2 (allégé)
Logo plus petit à gauche
Barre de recherche centrale
Accès Informations Utilisateurs (s’ouvre au click)
Menu (s’ouvrent au passage de la souris)

Bannière + photo de profil
Au scroll, la bannière disparait, la photo de profil est réduite, bascule à gauche Cf. Maquette : PROFIL/PROFIL – Banner light  Un peu dans le style de twitter (ex scroll [URL visible pour les membres Pro]) 
Système d’onglets (carrière, amis, abonnements, j’aime, photos/videos) pour modifier le contenu du flux central  
Flux central profil 
Colonne latérale droite : Suggestions …

Résultats championnats

Structure 
Header v2 (allégé) (cf. Profil utilisateur)

Emplacement pub (sur toute la largeur) 
Bloc « logos clubs » 
« Matchs à venir compétitions » (sur toute la largeur) 
Contenu central
Les boutons « dernières/prochaines journée » doivent faire défiler de gauche à droite différentes divs 
Colonne latérale droite