Components

Items we will need:
  1. Modals (modal cards?) (probably staying as-is)
  2. Alerts (probably staying as-is)
  3. callouts (probably staying as-is)
  4. Dismissable messages (probably staying as-is)
  5. Inbox (probably staying as-is)
  6. Forms (probably staying as-is)
    • Validation
  7. Video

My Jury Duty

Welcome, Keith Teruya

Your Juror Status: Elligible 

          

            

              
              

                

                  
My Jury Duty

                  
Welcome to the Jury Duty Portal, 

                    Keith Teruya
                  

                  

                    Your Juror Status:
                    On Call

Step 1: Summons

  • Summons
  • Prepare
  • Service Week
  • Completion

Main Text Areas

You're On Call!

This is the week in which you begin checking in every day. Check "Reporting Instructions" below at the designated time. You will learn whether you need to report to the court that has summoned you or remain on call.

Tip: Read the "During Your Service Week" section of the Juror Checklist below.

          

            

              

                

                  
You're On Call!

                

              

            

            

              

                This is the week in which you begin checking in every day. Check 'Reporting Instructions' below at the
                designated time. You will learn whether you need to report to the court that has summoned you or remain on
                call.
              

              

                Tip: Read the 'During Your Service Week' section of the Juror Checklist below.

Accordions

Special Handling

  • If you have received a summons and cannot serve due to one of these reasons, please click on the reason for instructions on how to proceed.
  • If you have received a summons for a person called to jury service in your household, and/or related to that person and know that the juror cannot serve due to one of these reasons, please select that reason for instructions on how to proceed.

Please refer to the Juror Checklist doc. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the, though the transition does limit overflow.

Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the, though the transition does limit overflow.

Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the, though the transition does limit overflow.

Title

lorem ipsum

Please refer to the Juror Checklist doc. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the, though the transition does limit overflow.

Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the, though the transition does limit overflow.

Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the, though the transition does limit overflow.

Title

lorem ipsum

Title

list items no underline

ol class="accordion" id="accordionExamplea3"

li class="accordion-item"

Title

Section

  1. Please refer to the Juror Checklist doc. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  2. Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  3. Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  4. Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  5. Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.
Section

  1. Please refer to the Juror Checklist doc. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  2. Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  3. Please refer to the Juror Checklist doc. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the , though the transition does limit overflow.

  

    

      

        
Special Handling

      

      

        

        
    
          
  • If you have received a summons and cannot serve due to one of these reasons, please click on the
            reason for instructions on how to proceed.
    • 
          
  • If you have received a summons for a person called to jury service in your household, and/or related
            to that person and know that the juror cannot serve due to one of these reasons, please select that
            reason for instructions on how to proceed.
    • 
        

        

      

    

  

  

    

      

        

          
        

        

          

            Please refer to the Juror Checklist doc. It is shown by default, until the collapse
            plugin adds the appropriate classes that we use to style each element. These classes control the overall
            appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with
            custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go
            within the, though the transition does limit overflow.
          

        

      

      

        

          
        

        

          

            Please refer to the Juror Checklist doc. It is hidden by default, until the collapse
            plugin adds the appropriate classes that we use to style each element. These classes control the overall
            appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with
            custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go
            within the, though the transition does limit overflow.
          

        

      

      

        

          
        

        

          

            Please refer to the Juror Checklist doc. It is hidden by default, until the collapse
            plugin adds the appropriate classes that we use to style each element. These classes control the overall
            appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with
            custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go
            within the, though the transition does limit overflow.

Body Rows 3+3+3+3 (using .card-ransparent, .card and .shadow1)

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

View Juror Checklist

Watch Orientation Video

Special Handling

FAQs

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

.card-header

.card-title

.card-text With supporting text below as a natural lead-in to additional content.

.btn .btn-primary

.card-header

Access Information for Persons with Disabilities

Language Access Services

All Court offices within Los Angeles County will be closed in observance of:

  • Thanksgiving Day - Thursday, November 23
  • Day after Thanksgiving - Friday, November 24
View All Court Holidays 

          

            

              

                

                  
Featured

                

                

                  
Special title treatment

                  
With supporting text below as a natural lead-in to additional content.

                  
View Juror Checklist 
 
                  
Watch Orientation Video 
 
                  
Special Handling

                  
FAQs

                

              

            

            

              

                

                  
Featured

                

                

                  
Special title treatment

                  
With supporting text below as a natural lead-in to additional content.

                  Go somewhere
                

              

            

            

              

                

                  
.card-header

                

                

                  
.card-title

                  
.card-text With supporting text below as a natural lead-in to additional content.

                  .btn .btn-primary
                

              

            

            

              

                

                  
.card-header

                

                

                  
.card-title

                  
.card-text With supporting text below as a natural lead-in to additional content.

                  .btn .btn-primary

Body Rows 3+3+4 (using .card-ransparent, and .card, .shadow1 without .card-header)

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Please enter a valid email address for shipping updates.
Please enter a valid email address for shipping updates.
Please enter a valid email address for shipping updates.
Please enter a valid email address for shipping updates.
Go somewhere

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

Footer

Individual components

Button-style

View Juror Checklist 
          
            View Juror Checklist

Pill Badges

Elligible 
          
            On Call

Cards

We confine cards inside a column like col-3 so they don't merge together

Normal

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

View Juror Checklist

Watch Orientation Video

Special Handling

FAQs

          

            

              
Featured

            

            

              
Special title treatment

              
With supporting text below as a natural lead-in to additional content.

              
View Juror Checklist 

              
Watch Orientation Video 

              
Special Handling

              
FAQs

Transparent

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

View Juror Checklist

Watch Orientation Video

Special Handling

FAQs

          

            

              
Featured

            

            

              
Special title treatment

              
With supporting text below as a natural lead-in to additional content.

              
View Juror Checklist 

              
Watch Orientation Video 

              
Special Handling

              
FAQs

Login with shadow1

Please enter a valid email address for shipping updates.
Please enter a valid email address for shipping updates.
Please enter a valid email address for shipping updates.
Please enter a valid email address for shipping updates.
Go somewhere 
          

            

              

                
                
                
 Please enter a valid email address for shipping updates. 

              

              

                
                
                
 Please enter a valid email address for shipping updates. 

              

              

                
                
                
 Please enter a valid email address for shipping updates. 

              

              

                
                
                
 Please enter a valid email address for shipping updates. 

              

              Go somewhere

Plain with shadow1

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere 
          

            

              
Special title treatment

              
With supporting text below as a natural lead-in to additional content.

              Go somewhere