• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Employee Benefits Law Group

Employee Benefits Law Group

Guidance. More than just Legal Advice.

  • What We Do
    • ESOPs
    • Mergers & Acquisitions
    • Governmental Employee Benefits
    • Retirement Plans
    • Equity & Executive Compensation
    • Health & Welfare Plans
  • Our Team
  • Resources
  • Contact
Employee Benefits Law Group
Home > Style Guide

Style Guide

Everything Merges With The Night

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Typography | Tables | Forms | Buttons | Call to Action | Video | Imagery

What is the reality of the situation?

LInk to pdfWhat Is the Reality of the Situation Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Energy Fools the Magician

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Cindy Tells Me

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Driving Me Backwards

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

On Some Faraway Beach

Faced With A Choice, Do Both

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Cindy Tells Me

Dead Finks Don’t Talk

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Dead Finks Don’t Talk

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te vid

Horizontal Rule

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.


Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Lists

Unodered List and Unordered List with Links

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

  • Consectetuer, nihil mutationem iusto congue decima. Eorum ad formas, quinta et odio habent id possim vulputate legentis dignissim. Te euismod, laoreet praesent assum processus in nibh legere. Elit, anteposuerit vel iusto ex sed claram. Tincidunt, consuetudium cum est enim, possim hendrerit erat.
  • Fiant te futurum me elit processus possim. Littera diam mirum decima te, modo me autem. Est non vero molestie usus congue nisl esse suscipit at clari odio.
  • Consequat est, aliquip autem sit.
    • Consectetuer, nihil mutationem iusto congue decima.
    • Fiant te futurum me elit processus possim.
    • Consequat est, aliquip autem sit.
    • Nobis diam non at ad, cum legere litterarum molestie, eua imperdiet.
  • Nobis diam non at ad, cum legere litterarum molestie, eua imperdiet.

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

  • Consectetuer, nihil mutationem iusto congue decima.
  • Fiant te futurum me elit processus possim.
  • Consequat est, aliquip autem sit.
  • Nobis diam non at ad, cum legere litterarum molestie, eua imperdiet.

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Odered List

  1. Consectetuer, nihil mutationem iusto congue decima. Eorum ad formas, quinta et odio habent id possim vulputate legentis dignissim. Te euismod, laoreet praesent assum processus in nibh legere. Elit, anteposuerit vel iusto ex sed claram. Tincidunt, consuetudium cum est enim, possim hendrerit erat.
  2. Fiant te futurum me elit processus possim. Littera diam mirum decima te, modo me autem. Est non vero molestie usus congue nisl esse suscipit at clari odio.
  3. Consequat est, aliquip autem sit.
    • Consectetuer, nihil mutationem iusto congue decima.
    • Fiant te futurum me elit processus possim.
    • Consequat est, aliquip autem sit.
    • Nobis diam non at ad, cum legere litterarum molestie, eua imperdiet.
  4. Nobis diam non at ad, cum legere litterarum molestie, eua imperdiet.

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

List With Floated Image

This image has an empty alt attribute; its file name is corner-room-300x170.jpg
  • Lorem ipsum dolor sit amet, demonstraverunt ad eorum possim facit ex cum id, nulla.
  • Seacula commodo typi aliquam videntur.
  • Ut non, praesent erat assum, formas facilisi suscipit eros.
  • Etiam mirum wisi, usus dignissim.
  • Lorem ipsum dolor sit amet, demonstraverunt ad eorum possim facit ex cum id, nulla.
  • Lorem ipsum dolor sit facit ex cum id, nulla.
  • Seacula commodo typi aliquam videntur.

Duis, possim elit, lobortis vel luptatum duis seacula. Sollemnes volutpat esse ut consectetuer luptatum typi. Claram habent et cum soluta te, sit me quam. Est nibh, sit enim non at. Eum iriure ad cum aliquip tincidunt eua et eorum, eu.

Blockquotes and Callouts

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

We are not using a graphic quotation mark in our blockquote. This allows you to use the box as a callout like this. If you need a quote, add quotation marks in the text as I have done in the example below. If you need a citation, add a return, two dashes, a space, and the author’s name.

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

“Well, so long. Tell Mother I died game!”

James Bond

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

PDF List Shortcode

Why doesn’t my table work on tablets and phone?

Tables without responsive styling

When screen size narrows the viewing area in tablets and phones, standard tables cannot respond. They are cut off and a scroll bar appears at the bottom of the page, breaking the page layout. Developers have come up with many clever styles to display table data, each with its own advantage and disadvantage. Delos has provided you the styles to create two responsive tables: the horizontal scrolling table, and the vertical stacking table. One of them will be appropriate for your content. Their styling is in your websites style sheet. The styles can interfere with plugins and forms you may have which also use tables. Thus to create one, you will have to wrap your table in a div with one of the following classes: .table-horizontal-scrolling, or .table-vertical-stacking.

Horizontal scrolling table

Vertical stacking table

Form Confirmation and Validation

This paragraph text is to show whether the confirmation box above has margin bottom and thus a space between the confirmation and any content below it.

Button Test
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • Next »

Is there a margin-bottom on the video?

Here is a caption to illustrate caption styling. Test for <480 center
Here is a caption to illustrate caption styling. Test for <480 center

If you use a photo service or other source of images, document it here. Document guidance on what size to upload, what size to post, alignment and captions.The placeholder graphic shown here demonstrates caption style. It is left aligned with placeholder text around it to demonstrate how it will respond on narrow screens (tablet and phone). Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

dummy_300

Lorem ipsum dolor sit amet, velit in, typi luptatum ad. Ut, id congue et non. Ullamcorper litterarum ii imperdiet dolor laoreet. Mazim, cum, adipiscing diam iusto at facilisi eua. Aliquam tincidunt possim consectetuer lobortis seacula aliquip ex vel est me, illum. Dynamicus futurum te videntur sit sollemnes me quinta qui. Mutationem est littera eleifend legere.

Primary Sidebar

Let’s Start a Conversation

Have questions about your current benefit plan? Want to know what your benefit plan options are? Whatever your need, we’re here to help. Fill out a hassle-free request form, and one of our team members will follow up to get you on the path to success.

 

GET IN
TOUCH

circle arrow right

Let’s Start a Conversation

Have questions about your current benefit plan? Want to know what your benefit plan options are? Whatever your need, we’re here to help. Fill out a hassle-free request form, and one of our team members will follow up to get you on the path to success.

Get In Touch

Footer

Our experienced team guides you in all aspects of ESOPs, M&A due diligence, retirement plans, equity / compensation, and health and welfare benefits.
Sacramento Office
916-357-5660
11231 Gold Express Dr.
Suite 108
Gold River, CA 95670
San Jose Office
408-467-3860
2033 Gateway Place
Suite 500
San Jose, CA 95110
Phoenix Office
2550 W. Union Hills Dr.
Phoenix, AZ 85027
Los Angeles Office
310-571-8896
10880 Wilshire Blvd
Suite 1101
Los Angeles, CA
90024
San Diego Office
916-357-5660
550 West B Street
San Diego, CA 92101
  • LinkedIn
  • Email

Copyright © 2023 Employee Benefits Law Group · Privacy Policy · Site Design by Delos Incorporated