Web Development Projects
HTML & CSS
This was my first project for the class consisting on putting our favorite food and making a really basic website. I only new how to change the background, add an image, resizing it and basic features for the letters.
This was my last project before my website. This project has most things that I learn throught this course. This project divided every section of the webpage and made it look like an actually website.
The most basic website I did in this course. It was just adding words to H1 and adding two paragraphs. Looking back and comparing it to my last website the amount of material learned in this course can be notice.
The most basic website I did in this course. It was just adding words to H1 and adding two paragraphs. Looking back and comparing it to my last website the amount of material learned in this course can be notice.
This unit added color to the background and letters of the webpage. It also implemented the footer were informationlike a phone number or address can be put. We also change the text-align.
This webpage is similar to C1. The difference is that their is more information in the paragraphs which makes the section longer. It also uses the same CSS document as C1. Which makes both C1 and C2 the same.
This was our first challenge from the texbook. We were given a picture on how the webpage had to look. It was our responsibility to make it look the same. I had some complications but manage to complete it.
This project consisted in making sections and adding a float to make the paragraphs move to the right. I had a difficult time with this one because the yellow section was going over the green one.
This unit added color to the background and letters of the webpage. It also implemented the footer were information like a phone number or address can be put. We also change the text-align.
This was my favorite webpage from all the ones we did in this course. The combination of colors and the difference between this one and D2 made it my favorite.
This unit added color to the background and letters of the webpage. It also implemented the footer were information like a phone number or address can be put. We also change the text-align.
This unit made us add a shadow to the title and at the bottom of the footer. Which gave more depth to the whole webpage. We also added dots to seperate the information in the footer which gaved it a better look.
In this unit we added navigating to other webpages or links. With links that would open another tab with the direactions map location of places. We made several webpages to add them in the navigation.
In this unit a background behind a floating section was added. We also added shapes which took takes the user to a specific place. Also the logo at the top of the page was change to a image which made it look better.
In this unit we added a table in the home page. The contact information is in a different place in a alignment that looks like a table but without lines. The picture has a white surrounding and a shadow which gives a better look.
In this unit we put our navigation into a burger. It makes the webpage look cleaner and organized. The back to the top button was also implemented which takes the user to the top of the page. The corners of the button were edited and made curved.
This was our second challenge of the course. We had to add a table with information about opening hours. This was similar to the first challenge that I did but had more things to be done. The complicated part was the making the picture in the header position right.
This unit implemented the contact webpage. Which is structure as reserving a hotel. It gives different options of what room to reserve. You have to type your personal information and date of the event. Also after submitting you can see everything you put in the form.