[Graphic designer question] Website Design Advice?

Question

I have a website at https://jdbuslines.computerscience.elementfx.com. I have currently used parallax to make an informative div. The website's colors are orange and blue. It just doesn't look right though... Any graphic design advice to make it look better?

Another website: https://goldenarrowbuses.com did the same thing but put a green filter on their image. I tried a blue filter and it still didn't work.

Thanks!

Answer 1

The blue and orange colors look good on your website.

To add blue layer filter to the parallax:

#main-info {
background-image: url(./realBus.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
position: relative;
top: 0;
left: 0;
}

#main-info:before {
content: "";
background-color: rgba(0, 0, 255, 0.2);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
top: 0;
left: 0;
}

And the size of your images is too large, use https://tinypng.com to compress the images before upload.

ps: To highlight a link, instead of typing google.com, you should use https://google.com, there would be a clickable link on message for us to click.

Answer 2

Frenchtoast the #main-info:bofore actually add a layer of blue filter on the picture

Answer 3

Or you could add
filter: hue-rotate(180deg); to #main-info

Answer 4

You can try different Color Palettes to help with you color choices.
Try these out.

https://colorhunt.co/

Also this site design information and tools.

https://wpamelia.com/website-color-schemes/

Answer 5

Calviղ Sorry, I meant that I put a blue filter on the picture and it still didn't look good.