Framework développement selectour

Ressources utilisées dans la construction des sites selectour.

Fil d'ariane

Voyages Vacances

Séjour

Séjour Laos

Séjour Ventiane

Affichage des notes

Affichage notation en points

Affichage notation en cercle

Affichage notation en circle "mini"

Module permettant de réduire un texte, d'ajouter "..." et éventuellement de rajouter "afficher plus".

Options : Nombre de caractères | Couleur du lien | Activation du lien

Exemples :

Module filter switch

Espace à masquer

Popup de contact

Contact d'agent

Contact d'agence

Prise de rendez-vous

Réseaux sociaux

Affichage fan page type "bloc", uniquement facebook

Affichage en ligne, facebook et twiiter

Visualisation agence

81000 ALBI

Albi Voyage

21, avenue Gambetta
81000 ALBI

DECOUVREZ CETTE AGENCE

Bloc "trouver une agence"

Titres

Tous les titres sont basés sur la même classe, et reçoivent les mêmes paramêtres:
- font-family : Uni-Sans-Book
- font-weight: 600
- padding, margin, letter-spacing identiques

Exemple :

Titre de base + font-color-orange

Titre de base + font-color-blue

Bloc prix

COUP DE

à partir de

-58%

329 €

TTC*
/pers.

789 €

Police par défaut

Le jeu de police appliqué par défault sur les projets est : font-family: Helvetica, Arial, sans-serif;

Polices disponibles

Uni-Sans-Book

Uni-Sans-Bold

Uni-Sans-Regular

Uni-Sans-SemiBold

Pictos

Les pictos utilisables sur les projets sont les suivants, ainsi que ceux de la librairie font-awesome

Couleurs

Bleu #00B0D7

Bleu foncé #182983

Vert #94BF3C

Jaune #F9B62A

Orange #ED760E

Rouge #E63437

#fafafa // background clair

#f0f0f0 // background site

#dbdbdb // bordures

#d6d6d6 // background footer droite

#c7c7c7 // glyphicons

#b5b5b5

#b3b3b3 // textes clair

#858585 // textes sombre

#505050 // textes très sombres

#3d3d3d // Fonds foncés

Déclinaisons background

Les couleurs sont déclinables en background via la classe "background-{color}". Exemples :

background-blue

background-yellow

background-red

Autres backgrounds

class="background-black-transparent"

background-gradient-yellow-orange

Déclinaisons bordure supérieur

background-top-green + background-white

background-top-blue-dark + background-white

Bouttons

Boutons génériques, déclinables sur toutes les couleurs :

button-border-rounded + background-blue

Boutons d'actions :

button-flat-orange

button-flat-yellow

Groupe de boutons

TEXTE

OPTION 1

OPTION 2

OPTION 3

Barre d'action

Descriptif

Avis d'experts

Infos Destination

Photos

Tarifs et disponibilités

Blocs

La création de bloc se fait via un agrégat de classes.

Exemple :

Ceci est un titre

Ce bloc est composé des classes :

Bloc : background-top-red background-white

Titre : global-title font-color-red

Ceci est un titre

Ce bloc est composé des classes :

Bloc : background-white

Titre : global-title font-color-green

Bloc retour moteur produit

Bloc home

Elements de formulaire

Interval

Plus et moins

Pagination