Adding Background Image In A Website Page

[samarzayan]

As an example, the Quarto home page has a background image with text. I am trying to do something similar on my home page. I tried reading the documentation, but I got confused. Can someone please help?

Thanks in advance!

[fredguth]

You can check the code for Quarto's website here: quarto-web

Notice that you can create a div using the syntax

::: {.class-name}

content here

:::

Also, you can change the body background in styles.css.

I created a minimum working example in this repo: https://github.com/fredguth/demo-quarto-background

[samarzayan]

Thanks so much! This solved my problem.