The uniqueness of this website is that it caters to those parents who would like to enroll their child in a Global Mindedness.
Where each child is heard and each culture is appreciated. Their children will also have a chance to explore outdoors and indoor activities.
The website target consumers are parents with young children living near the area where their mind-set is about raising their child in a Globel Set UP.
The webpage is a one page website where in they can easily scroll down to see what the school have to offer.
There is three navigation bar on the right side of the webpage wherein if you click will scroll down to the site they want to be.
Home: where you will see the name of the school and the picture
Media: Where they will see the pictures of the activities the school has done
Form: A responsive form where the reader can fill up a mock form and submit it.
The landing page has a photograph of a crayon as a background and the Name of the school and its address. To easily know the name and location of the place.
The curriculum contains text about the goals of the school. The text is in color black and is using a font: Oswald and sans-serif and a letter spacing of 4px for easy reading.
This area contains text about the daily activities of the school. The text is in color black and is using a font: Oswald and sans-serif with a letter spacing of 4px for easy reading.
The information has a background of children playing. While the text is in bold form and in color white.
Address: where the school is located
Contact Information fo the Principal
Contact information of the School Administrator
Opening hours of the school.
The gallery contains Photos of the activities done in the school. The photos chosen are bright and colorful to attract the attention of the reader.
It is also placed in a way that the Photos will not over crowd the space. Hence the column spacing of was made to ensure that the reader will not be
The background picture's brightness has been muted down to make sure that the text can still be visible and easy to read.
First Name
Last Name
Email
Telephone Number
Child's First Name
Chld's Last Name
Age
The footer has the following links to social media. It is also a responsive botton, clicking the botton will send you to another page.
w3c html validator
I have encountered so many errors in my Html codes.
Here are some of the following errors that I made
1. I have made either an additional symbols that my code does not need.
2. My code did not run properly for I wrote the wrong symbol or that I forgot to add a symbol in my code. Like for example a . in the begining of my img code.
3. I have duplicate my attributes to the code.
4. The validator can see and end tag but could not see my open tag
5. My element name could not be named as a child element
6. A section lacks a heading.
Most of this I have solve but some I have encountered I have still to solve. The following problems I have yet to solve:
No.4. I believe my open tag is too far away from the closing tag that is why the validator can not find it.
No. 5 The element is part of the form code and the other codes worked properly only for one part.
I was able to update and made sure that my HTML passed the validator. Attached is the picture that shows my code has passed the W3C validator
W3C Css validator
I used w3c css validator for my code and I got one error, The error was that only a 0 can have not unit.
If my code has a number it should have a unit.
Problem not solve since the code I am using here are the following
flex: 1;
order: 1;
column-count: 1;
If I have more time and been able to research more I would have made more corrections to the mistake I have made in my code.
<br>
Here is the result when I ran my page in google lighthouse.
I have been using codeanywhere as my IDE and had been writting my code there. I then used Github as my repository to deploy my Project.
Here is the link of my github website:
The content of the index.html and style.css was patterned or taken from the Love Running Project of the Code Institute.
The link for this is:
To make my forms responsive I used the site
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent