Loading repository data…
CodeYourFuture / repository
Create a multi-page, fully responsive website with CSS Grid
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Choose one of the designs below, and re-create the design to perfection, using CSS Grid, and media queries to make the site fully responsive.
Here are 3 designs to choose from, along with suggested fonts and colours to use for your chosen projects:
An e-commerce site selling plants
Live demo here: https://www.wix.com/website-template/view/html/1995
Headings: Fjalla One - Regular 400
https://fonts.google.com/specimen/Fjalla+One
Subheadings: Outfit - Extra-light 200
https://fonts.google.com/specimen/Outfit
Body: Outfit - Extra-light 200
https://fonts.google.com/specimen/Outfit
Red Brown: #A05941
Green Black: #133032
Light Grey: #EDEDEE
White: #FFF
Transparent White: rgba(0,0,0,0.75)
=====================================
A website to showcase skills and projects
Live demo here: https://www.wix.com/website-template/view/html/2622
Headings: Poppins - Semi-bold 600
https://fonts.google.com/specimen/Poppins
Body: Quicksand - Light 300
https://fonts.google.com/specimen/Quicksand
Dark beige: #E6DACD
Light beige: #F4ECE6
Royal blue: #0150FD
Black: #000
White: #FFF
=====================================
Selected from shared topics, language and repository description—not editorial ratings.
iamrahull /
Created a multi-page blog website, using best practices for content and page styling with HTML and CSS. Used responsive layouts, Flexbox, and CSS Grid to create the structure and design the blog.
16/100 healthmaxbmaapc /
Create a multi-page, fully responsive website with CSS Grid
30/100 healthfayzeh-Elzghier /
A responsive multi-page business landing website built using semantic HTML, CSS Grid, Flexbox, and media queries. Created for Udacity Front-End Web Developer Nanodegree.
An e-commerce site for fruit juices
Live demo here: https://www.wix.com/website-template/view/html/2962
Headings and subheadings: Questrial - Regular 400
https://fonts.google.com/specimen/Questrial
Buttons: Raleway - Regular 400
https://fonts.google.com/specimen/Raleway
Body: Roboto - Light 300
https://fonts.google.com/specimen/Roboto
Black: #000
White: #FFF
Lylac: #f5e8ff
Light Green: #E6FAC0
Medium Green: #5E7D1F
Dark Green: #394B2A
=====================================
Very important: please credit the designer in your footer with the sentence "This website design was created by Wix.com, and is used here for strictly educational purposes."
mchinedo /
For my second Udacity Nanodegree Project, I created a multi-page blog website about myself, using best practices for content and page styling with HTML and CSS such as responsive layouts, FlexBox, and CSS Grid
27/100 healthmohdwasil /
This website is a full responsive website built using HTML,CSS and JavaScript. It is a multi-page website built using front-end technologies. Modern CSS,including flexbox, CSS grid for layout and other modern CSS techniques to create stunning designs and efects has been used.
27/100 healthDiana-Szalai /
For your first project, I create a multi-page blog website, using best practices for content and page styling with HTML and CSS. I used responsive layouts, Flex-box, and CSS Grid to create the structure and design for my own blog.
27/100 health