Git Product home page Git Product logo

page-portfolio's Introduction

Codeloccol - Portfolio

Aperçu des interfaces pour conception du portfolio

Bienvenue ! 👋

Pour concevoir le portfolio, vous avez besoin d'une compréhension de base du HTML, du CSS et la semantic HTML

Portfolio

Votre travil consiste à créer cette page et à la rendre aussi proche que possible du design.

Vous pouvez utiliser tous les outils que vous aimez pour vous aider à concevoir cette page (HTML - CSS ou Framework CSS). Donc, si vous avez quelque chose que vous aimeriez pratiquer, n'hésitez pas à l'essayer.

Vos utilisateurs doivent pouvoir

  • Voir la mise en page optimale du portfolio en fonction de la taille de l'écran de leur appareil
  • Utiliser les ancres pour acceder aux differents elements de la page
  • Voir les états de survol pour tous les éléments interactifs de la page

Semantic HTML

Pour la navigation vous devrez utiliser la balise navigation nav et à l'interieure utiliser une liste non ordonnée avec la balise ul.

Utiliser pour les titres uliser la balise h1.

Utilser aussi pour les reseaux sociaux une liste non ordonnée avec la balise ul.

A chaque block utilser la balise section et à l'interieur si y'a neccessité utiliser la balise article.

Pour le pied de page utiliser la balise footer.

Où chercher les élements dont vous avez besoin ?

Votre tâche consiste à créer le projet avec les conceptions dans le dossier /design. Vous trouverez les interfaces version desktop et aussi une version mobile.

Les interfaces sont au format statique PDF. L'utilisation de PDF signifie que vous devrez utiliser votre meilleur jugement pour des styles tels que font-size, padding et margin.

Vous trouverez tous les éléments requis dans les dossiers /images et icons. Les actifs sont déjà optimisés.

Colors

Les codes couleurs sont donnés dans le fichier interfaces.

Fonts

  • Family: Inter
  • Weights: 400, 600

Dimension des écrans

Les interfaces ont été créés dans les tailles suivantes :

  • Mobile: 375px
  • Desktop: 1440px

En desktop, votre section d'accueil devra occupée 100% de la hauteur de votre écran comme l'image 100vh.png qui se trouve dans le dossier images.

Amusez-vous bien pour la conception ! 🚀

page-portfolio's People

Contributors

ibnlaouale avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.