Skip to main content

This is the kitchen sink page

This is used as examples of all the possible design elements that can be used on the website.

Headline styles

H1 – Nunito Sans / Extrabold / 70px / #000000

H2 – Nunito Sans / Regular / 50px / #58595B

H3 – Nunito Sans / Bold / 42px / #323564

H4 – Nunito Sans / Light / 34px / #58595B

H5 – Nunito sans / Bold / 28px / all caps / #000000
H6 – Nunito sans / extrabold / 20px / all caps / tracking: 100 / #2E67AD

Paragraph styles

Nunito Sans Regular sample body text at 16px. Phasellus aliquam ante risus, ac tempor lacus gravida ut. Nullam eu tortor elit. Suspendisse vehicula enim ut convallis iaculis.

Maecenas purus nisl, pharetra sed ipsum non, suscipit volutpat felis. Aliquam orci massa, feugiat in laoreet eget, scelerisque ut ligula. Vestibulum erat eros, pellentesque in purus nec,

Numbered list style

Phasellus aliquam ante risus, ac tempor lacus gravida ut. Nullam eu tortor elit. Suspendisse vehicula enim ut

  1. Numbered list example
  2. Numbered list example
  3. Numbered list example

Block quote style

“Phasellus aliquam ante risus, ac tempor lacus gravida ut. Nullam eu tortor elit suspendisse.”

First L.

Bullet list style

Phasellus aliquam ante risus, ac tempor lacus gravida ut. Nullam eu tortor elit. Suspendisse vehicula enim ut

  • Numbered list example
  • Numbered list example
  • Numbered list example

Primary button style

Secondary button style

Link styles

In-text link default / Nunito Sans / Semibold / 16px / Underlined / #DF6236

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In-text link default. Iaculis uda. Ac odio in-text link hover in. Egestas diam in arcu cursus euismod. Tempor id eu nisl nunc mi ipsum faucibus. Fusce id velit ut tortor pretium. In-text link visited Massa ultricies mi quis hendrerit dolor magna eget. Nullam eget felis eget nunc lobortis.

Form fields

Counter section

OTR and Regional – by the numbers
Guaranteed Weekly Flat Pay + .60 per mile bonus

Our Flat Pay Drivers average take home pay is $86,395* for all drivers at Midwest (20% higher than industry average per Truckload Carriers Association).

*As a new driver at Midwest Carriers, you can achieve this type of take home pay. We pay new drivers to our company based on industry experience.

0

higher

Average take home pay

0

Top 50% of Drivers

Average annual take-home pay

By the Numbers on Background Image

OTR and Regional – by the numbers
Guaranteed Weekly Flat Pay + .60 per mile bonus

Our Flat Pay Drivers average take home pay is $86,395* for all drivers at Midwest (20% higher than industry average per Truckload Carriers Association).

*As a new driver at Midwest Carriers, you can achieve this type of take home pay. We pay new drivers to our company based on industry experience.

0

higher

Average take home pay

0

Top 50% of Drivers

Average annual take-home pay

Large photo with text and branded background (photo on right)

CDL Truck Driving Jobs Close to Home

Time with family matters as much to us as it does to you. Midwest Carriers provides weekly home time and support to make life on the road easier.

OTR Flat Rate Pay Program

  • Guaranteed flat rate pay every week (before bonuses).
  • The ability to earn an additional $0.60/mile on the hub & monthly performance bonus.
  • Detention, layover, per diem and break downs, all included in your flat rate!
  • No surprises, you’ll have the ability to budget in advance for a sense of financial security.
  • Experience a program you won’t find anywhere else.

Large photo with text and branded background (photo on left)

CDL Truck Driving Jobs Close to Home

Time with family matters as much to us as it does to you. Midwest Carriers provides weekly home time and support to make life on the road easier.

OTR Flat Rate Pay Program

  • Guaranteed flat rate pay every week (before bonuses).
  • The ability to earn an additional $0.60/mile on the hub & monthly performance bonus.
  • Detention, layover, per diem and break downs, all included in your flat rate!
  • No surprises, you’ll have the ability to budget in advance for a sense of financial security.
  • Experience a program you won’t find anywhere else.

Halfwidth photo with text (photo on left)

Our Equipment, Your Success

The Midwest Carriers team is ready to serve. Our reliable trucking equipment and innovative technology means you can trust us to find the safest, most cost-effective way to get your goods where they need to go.

0

Freight on-time rate

0

Miles driven annually

Our Equipment, Your Success

The Midwest Carriers team is ready to serve. Our reliable trucking equipment and innovative technology means you can trust us to find the safest, most cost-effective way to get your goods where they need to go.

0

Freight on-time rate

0

Miles driven annually

Halfwidth photo with text (photo on right)

Our Equipment, Your Success

The Midwest Carriers team is ready to serve. Our reliable trucking equipment and innovative technology means you can trust us to find the safest, most cost-effective way to get your goods where they need to go.

0

Freight on-time rate

0

Miles driven annually

Our Equipment, Your Success

The Midwest Carriers team is ready to serve. Our reliable trucking equipment and innovative technology means you can trust us to find the safest, most cost-effective way to get your goods where they need to go.

0

Freight on-time rate

0

Miles driven annually

Halfwidth text on left with fullwidth background

PUTTING PEOPLE FIRST
Lorem ipsum dolor sit amet

When you join Midwest Carriers, you are part of a team working as agents of positive change—for each other and our customers.

We build relationships of trust and loyalty, by empowering employees to build stable futures, and by getting everyone home.

Halfwidth text on right with fullwidth background

PUTTING PEOPLE FIRST

When you join Midwest Carriers, you are part of a team working as agents of positive change—for each other and our customers.

We build relationships of trust and loyalty, by empowering employees to build stable futures, and by getting everyone home.

Full-Width Image with Text and Number Callout – Style 1

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada. Ac odio tempor orci dapibus ultrices in.

0

Lorem ipsum

Lorem ipsum dolor

0

Lorem ipsum

Lorem ipsum dolor

Full-Width Image with Text and Number Callout – Style 2

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada. Ac odio tempor orci dapibus ultrices in.

0

Lorem ipsum

Lorem ipsum dolor

0

Lorem ipsum

Lorem ipsum dolor

Hiring form

Hiring Drivers Now

Fill in your contact info below and we will be in touch right away!

Full-width 2 column text (no watermark)

Precision Refrigeration

We’re meticulous about quality. Whether we’re transporting meats, cheeses, produce, pizza or pharmaceuticals, our refrigerated trailers come with real-time monitoring and alerts.

Our operations team always knows if a door is open and what the temperature is in the front and rear of the trailer. This level of monitoring is what lets us reliably deliver temperature-sensitive products in optimal condition.

Dry Van Truckload

Efficient trucks keep costs down. We work with our trucking equipment manufacturers to spec the most efficient EPA SmartWay® certified tractors and aerodynamic trailers, equipped with ATDynamic trailer skirts and tails.

We achieve industry leading fuel mileage by driver training, a driver bonus program incentivizing fuel efficiency, full tractor aero packages, proper tractor building and specifications including cruise assist, and driving new equipment with the latest fuel efficiency technology.

Full-width 2-column text (watermark)

Precision Refrigeration

We’re meticulous about quality. Whether we’re transporting meats, cheeses, produce, pizza or pharmaceuticals, our refrigerated trailers come with real-time monitoring and alerts.

Our operations team always knows if a door is open and what the temperature is in the front and rear of the trailer. This level of monitoring is what lets us reliably deliver temperature-sensitive products in optimal condition.

Dry Van Truckload

Efficient trucks keep costs down. We work with our trucking equipment manufacturers to spec the most efficient EPA SmartWay® certified tractors and aerodynamic trailers, equipped with ATDynamic trailer skirts and tails.

We achieve industry leading fuel mileage by driver training, a driver bonus program incentivizing fuel efficiency, full tractor aero packages, proper tractor building and specifications including cruise assist, and driving new equipment with the latest fuel efficiency technology.

1-Column Text

Lorem ipsum dolor sit amet consectetur


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada. Ac odio tempor orci dapibus ultrices in. Egestas diam in arcu cursus euismod. Dictum fusce ut placerat orci nulla. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl.

Tempor id eu nisl nunc mi ipsum faucibus. Fusce id velit ut tortor pretium. Massa ultricies mi quis hendrerit dolor magna eget. Nullam eget felis eget nunc lobortis. Faucibus ornare suspendisse sed nisi. Sagittis eu volutpat odio facilisis mauris sit amet massa. Erat velit scelerisque in dictum non consectetur a erat. Amet nulla facilisi morbi tempus iaculis urna. Egestas purus viverra accumsan in nisl. Feugiat in ante metus dictum at tempor commodo.

Convallis tellus id interdum velit laoreet. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Ut faucibus pulvinar elementum integer enim neque volutpat ac

2-Column Text with Pull Quote

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada. Ac odio tempor orci dapibus ultrices in. Egestas diam in arcu cursus euismod. Dictum fusce ut placerat orci nulla. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl.

Convallis tellus id interdum velit laoreet. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Ut faucibus pulvinar elementum integer enim neque volutpat ac

“Phasellus aliquam ante risus, ac tempor lacus gravida ut. Nullam eu tortor elit suspendisse. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ”

First L.

Two column text and map

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada. Ac odio tempor orci dapibus ultrices in. Egestas diam in arcu cursus euismod. Dictum fusce ut placerat orci nulla. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl.

Convallis tellus id interdum velit laoreet. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra. Viverra aliquet eget sit amet tellus cras adipiscing enim eu. Ut faucibus pulvinar elementum integer enim neque volutpat ac

Two column form and image

Tab Modal Icons

  • Lorem ipsum dolor
  • Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum est ultricies integer quis. Iaculis urna id volutpat lacus laoreet. Mauris vitae ultricies leo integer malesuada. Ac odio tempor orci dapibus ultrices in.

0

Lorem ipsum

Lorem ipsum dolor

0

Lorem ipsum

Lorem ipsum dolor

Contact Us Section

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

  • Tab 1
  • Tab 2
Tab Image

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.

Tab Image

Lorem ipsum dolor sit amet, consectetuer

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus.

  • 1960
    Example Event Title 1

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.

  • 1970
    Exaple Event Title 2

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit.

  • 1980
    Example Event Title 3
    Example Event Title 4

    Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.