CUPLINK

Découvrez la tasse à café connectée du futur !!
Grâce à notre innovation, transformez votre expérience café quotidienne en une expérience intelligente et pratique.


Présentation


Surveillez votre consommation de liquide, maintenez la température de vos boissons préférées et suivez votre hydratation à tout moment, où que vous soyez.

Rejoignez-nous pour explorer les fonctionnalités révolutionnaires de notre tasse connectée et découvrez comment elle peut enrichir votre vie quotidienne.


Day #01

Faire exactement la même présentation que ci-dessus, c’est à dire ajouter :

ACTUALISATION DE VOTRE ARTICLE

  • ENTETE
    • Un paragraphe contenant une description courte de votre projet web
    • Un séparateur en pointillé
    • Un espace de 80px de hauteur
  • A GAUCHE
    • Un titre de taille 50px contenant le texte “Projet Web” (avec la même couleur de fond que le logo, cf plus bas…)
    • Un paragraphe (sous-titre) de taille 20px en italique, nommé “présentation”
    • Une ligne de séparation
    • Une description plus détaillée de votre projet
    • Une 2nde ligne de séparation
    • BOUTON
      • Un bouton cliquable permettra d’accéder à votre site, prévoir d’ouvrir ce lien dans un nouvelle onglet et position le bouton sur la droite
      • Nommer se bouton “WEBSITE” en majuscule
      • Changer la couleur du fond du bouton en bleu avec le code couleur récupérer via l’entension COLORZIlla
      • De même changer également la couleur du texte avec le jaune du logo
      • Changer ensuite le style du bouton afin qu’il soit : en styles plein, typo en small, apparence en gras, un rayon de 5px, un interlettrage de 5px
    • Une 2nd ligne de séparation en pointillé
  • A DROITE
    • Votre logo sur fond transparent

COULEUR

Installer l’extension de navigateur COLORZILLA, récuper le code couleur du logo du site sl.lehublot.link, c’est à dire le code couleur bleu et jaune du logo

EFFET

Ajouter un effet d’apparition de gauche à droite sur le bloc projet web

EXTRA

Supprimer le lien sous le texte WEBSITE dans le bouton…

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *