Checkpoint 4 - Blog

Blog 7, 8 & 9

7.
 Image and media plugins:

 This code is similar to all of my img codes i tried to reuse alot of my code, to find more efficient ways.

 This code is for my parallax img and is the same on all the pages excluding the img url.
















8.
Below I have screenshotted the code that i have used for the boxes that include the cocktail images and text, which includes my unordered lists for the ingredients and p tags for instruction and other text.















9.
Below i have included a screenshot of the variable i created to quickly add the colors that i want to text and one for header/footer color.











And finally I took a video of the website while it was live using github.


Comments

Post a Comment

Popular posts from this blog

Checkpoint 2 - Blog

Image
Blog 3& 4 Home : To left shows my header code  within the nav for the home page. To the right I have the html code for my card box that holds my bartender picture and includes a title and content div. When creating this page I came across a few problems such as making the bartender card above responsive to be able to scale with the dimensions of the device that is being used to view the site, also took me awhile to choose a color scheme and i am happy with what I have chosen. Equipment : Left is the code that i used to create my containers that hold my images of the ewuipment and their title + description, 6 divs using the same variable (equip1 - which i didn't understand why I would do it until this assessment.) The code on the left shows my navigation bar with the working links to the other pages for my site, and above I have the header that I figured I'd change up, saying the name of the page ...
Read more