Skip to content

saidatalli/sunshinenursery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Sunshine Nursery

A simple landing page for a nursery (pre-school) for children aged 3 months to 3 years.

Link to project: https://sunshinenursery.netlify.app/

gif of the sunshine nursery landing page

How It's Made:

Tech used: css3 html5 javascript

I made this landing page for a nursery (pre-school). I used HTML for the structure of the content on the page. Then, I styled the page with CSS. I mainly used flexbox and relative units (rem) to make the layout responsive.

I made the page responsive using media queries for most common devices i.e smartphone, tablet, laptop, desktop, etc. I used Javascript for the responsive hamburger menu for mobile screens.

Optimizations

When I improve this project, I will use bootstrap to make responsive, mobile first page.

Lessons Learned:

I learnt that it's easier to design the header with flexbox and then use Javascript for the hamburger toggle function.

My other projects:

Take a look at other projects that I have in my porfolio:

Halal Meals: https://github.com/saidatalli/halalmeals

Ewatomi Beauty Salon: https://github.com/saidatalli/ewatomibeautysalon

Taste of Africa: https://github.com/saidatalli/tasteofafrica

About

A landing page for a day nursery for children

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published