Homepage - code behind
HTML - Homepage
CSS - Homepage
About
About - code behind
Wireframe from canva
screen shot of the finished page
code behind the page
Luna
Usually before I start making a new part of the project or website I draft it out in Canva. Doing this process allows me to only think about the code and not the aesthetics of the website while coding. This week I worked on the emailing list/subscription for users to sign up for with their emails. I also formatted the website from last week and added a new part onto the bottom of the site (index).
I also worked on adding the new pages on the website, aka the 'about site'. And I also made an 'input' part on the site. The input is the email input where users can add in their emails to join the emailing list.
The email's / inputs won't accepted unless it contains a '@' or isn't a valid email won't be inputted
In the future I am planning to add a table which will use the user inputs and make the combine into a table. We also plan on using an API which will automatically used the emails to send an email to all the emails avalible in the list.
Load Screen
Load Screen - Code Behind
HTML
CSS
Ethan
We’re gonna have to add more code what we have is just design. My preloader uses a function that displays the given image/gif while the screen loads, using windows.addEventListener We’re going to have to add some sort of input table and then start some backend fetching which I don’t think have either atm
Product Cards
Taiyo
This code is the Inventory/ catalog. This code displays the different types of cars that we show on our website. I added a hover feature to enable the user to quickly like or view the description of the car. In the future, we will add hyper links to the hover cards to send the user to a full description of the said car. We also have a small “By:” section on the bottom of the card that when clicked, will lead the user to all the cars made by that manufacturer.