Home page layout

Structured as a topper, left rail (col-lg-4), right body (col-lg-8 with col-lg-6 + col-lg-6)

                    

[top content inside col-md-8 col-lg-7]

[accordion]
[Card (clickable tile)]

Topics layout

This is a two column with a topper. Topper is a col-md-7 and the main body below is col-md-8 which then contains two col-md-6 columns.

                    

[title

[description]

[Card (clickable tile)]
[Card (clickable tile)]

Resource layout

                    

[title]

[description]

[Card with blue bg]

Content (last) page layout

                    

[title]

[plain text]
[callout]
[section title]

[plain text]

[unordered list]


Card with blue bg

[section title]
Self-Help: Filing for Restraining Orders (Domestic Violence, Civil Harassment, Elder Abuse)

Get assistance for filling out the required paperwork to file requesting a restraining order. Walk-in services are available on a first come, first serve basis at one of our Self-Help Centers, located in courthouses across the county. You may also call 213-830-0845 for referrals to agencies who may be able to help you remotely to fill out your documents.

                    
[section title]
Self-Help: Filing for Restraining Orders (Domestic Violence, Civil Harassment, Elder Abuse)

Get assistance for filling out the required paperwork to file requesting a restraining order. Walk-in services are available on a first come, first serve basis at one of our Self-Help Centers, located in courthouses across the county. You may also call 213-830-0845 for referrals to agencies who may be able to help you remotely to fill out your documents.


Normal Accordion

Some sample text.

                    

Some sample text.


Card (clickable tile)

These are cards that swaps div for a. It uses an automatic height that makes all the tiles on the row with the class h-100 match height, but it is suggested in the column that wraps each one to have an extra padding on the bottom like pb-4.


Callout

You can change the border color with a class like w3-bd-court-primary because I added an !important hack to the CSS for borders.

[descriptor]
[values]
                    
[descriptor]
[values]
Copyright © 2026 Superior Court of California County of Los Angeles