ADVE3630 Web Strategy & Design: Project 2 HTML and CSS concepts
proj description here
This is a Ziggy's, a local sports bar, current website. I've actually done a rebranding of this bar in a pervious project and a website touch up was one of my deliverables and i wanted to actually do a slight re-do of the website with HTML and CSS coding.
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/732dae09-f97d-4e58-a366-99bcfbef7803_rw_1920.png?h=ad239d8827833fffd93f98eddc4278ae)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/11ea9647-32cd-444f-ae92-5c8bbd1c96f3_rw_1920.png?h=5600164aa95557b974ad5c54e4d8cb9d)
I really wanted to add the new logo and the updated food images i created perviously to the current website. Along with doing that i wanted to do some other slight modifications such as change the colors and fonts of some of the type.
This is Whits frozen custard, a local Ohio chain for frozen custard. Their mobile website looks really good but there are some big spaces on the mobile layouts so i would like to remove some of that extra space and rearrange some of the layouts.
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/22e2a169-3414-41b5-8ac3-824a886367f2_rw_1200.jpg?h=357b877aa83bc5766052b31e18c34ed0)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/fb9eca69-f547-4352-ab3e-d8f9f13c9bea_rw_1200.jpg?h=049312bcfa59db453a17ddd5b7a7c9eb)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/acd69bd2-f26f-4e06-a975-d52f9fb2ecf8_rw_1200.jpg?h=b2a45dd60942a04d056d1350d3cbd860)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/b0e5601a-e54d-4e5d-b306-a36d1b992ca4_rw_1200.jpg?h=448ead4f327a3177d48de547bfadd234)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/9e524d01-6618-47d1-8232-94ac397c52ee_rw_1200.png?h=9d08b0e1590a0235ad51163873ba2ec2)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/01e68322-5807-4123-8622-85a4004214bc_rw_1200.png?h=5fea65df6dfb8c40ece937d58ee5c4c5)
In this image I added padding to the top and bottom of the arrows
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/12b4ead2-5b0d-471f-927b-8cdc858a17e5_rw_1200.png?h=c2ad38431d2b2903b2b25e717d59beed)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/2f0c275f-0fe6-4540-bcb8-df1462524ee6_rw_1200.png?h=010550caa97d00df9cfd87d0f450f03d)
Re-wording some of the copy
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/7fce35da-23ea-4446-baf2-cdd7b787cb55_rw_1200.png?h=cd8b628842470bbde9f4ba335ac1c423)
![](https://cdn.myportfolio.com/7d06ea12-9520-4953-9428-c176f9ff2716/bf8c5c0b-0e2d-4e88-b6a4-818a20b85d43_rw_1200.png?h=9a357a08cd89259ec3bd3ca42a2b7425)
I moved the newsletter section further up since it was originally at the bottom of the site