UCSD CSE15L F22
This is a caption for the header image with link

Headers With Style

Header Image With Pattern

This is not the current offering of the course. You may want the next offering at https://ucsd-cse15l-w23.github.io/, or scroll down for the fall 2022 material.

Feeling Responsive allows you to use all kinds of headers. This example shows a header image in front of a pattern.

It’s so easy to do. Just define in front matter an image and a pattern image. Instead of a pattern you can also use a color. Have a look at the example with a background color.

Front Matter Code

header:
    image:  "header_unsplash_2-970x.jpg"
    pattern:  "pattern_concrete.jpg"
    caption: This is a caption for the header image with link
    caption_url: https://unsplash.com/

All Header-Styles

DESIGN
design pattern header

Archive