Must live outside of .w-main class

Put rest of pages content inside .w-main

Motorcycle in front of mount rushmore

50/50 Hero

image size: 601px x 648px (rendered size) 

Image size: 618px x 185px

Boots, gloves and helmet Boots, gloves and helmet

image size: 618px x 185px

Boots, gloves and helmet Boots, gloves and helmet

image size: 618px x 185px

Boots, gloves and helmet Boots, gloves and helmet

Video background

Section

Know where you’re going before you get there. Use our interactive map to scout different South Dakota motorcycle routes and their difficulty.

Button Text
Sturgis SD Street mural

Safety Feature: Eyewear

+

2d FLip Cards

To edit backside of card change z-index to 1 on class .knowledge-card_back after editing change back to 0*

Tap to Reveal >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

To edit backside of card change z-index to 1 on class .knowledge-card_back after editing change back to 0*

Tap to Reveal >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

To edit backside of card change z-index to 1 on class .knowledge-card_back after editing change back to 0*

Tap to Reveal >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

Know where you’re going before you get there. Use our interactive map to scout different South Dakota motorcycle routes and their difficulty.

Button Text

2d FLip Cards

To edit backside of card change z-index to 1 on class .knowledge-card_back after editing change back to 0*

Tap to Reveal >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

To edit backside of card change z-index to 1 on class .knowledge-card_back after editing change back to 0*

Tap to Reveal >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

To edit backside of card change z-index to 1 on class .knowledge-card_back after editing change back to 0*

Tap to Reveal >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

THIS WILL BE THE ANSWER.

BACK TO QUESTION >

Know where you’re going before you get there. Use our interactive map to scout different South Dakota motorcycle routes and their difficulty.

Button Text
Sturgis SD Street mural

Large Image

section

Click on image, then settings and click replace image to update
Image size: 652px x 435px

Button text
Sturgis SD Street mural

Large Image

section

Click on image, then settings and click replace image to update
Image size: 652px x 435px

Button text

50/50 block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Button Text

50/50 block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Button Text
Person putting on gloves

50/50 block with bg image

To update image find class .absolute-img_cover and settings then replace image
image size: 601px x 408px

Button Text
Motorcycle riding through cones

50/50 block with bg image

To update image find class .absolute-img_cover and settings then replace image
image size: 601px x 408px

Button Text

Subhead

headline

  • Give yourself extra distance and time to react.


  • Signal in advance, and incorporate arm turn signals.


  • Avoid speeding, weaving between lanes or making sudden maneuvers motorists can’t predict.


  • Don’t pass on blind corners or where visibility is limited.


  • If you’re new to an area, review riding maps before you do.


  • Constantly scan the road for wildlife and other hazards — deer come out of nowhere.


  • Know how to handle you bike in varying conditions including wind, rain, snow, fog, gravel/sand, work zones or other uneven surfaces.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Subhead

headline

  • Give yourself extra distance and time to react.


  • Signal in advance, and incorporate arm turn signals.


  • Avoid speeding, weaving between lanes or making sudden maneuvers motorists can’t predict.


  • Don’t pass on blind corners or where visibility is limited.


  • If you’re new to an area, review riding maps before you do.


  • Constantly scan the road for wildlife and other hazards — deer come out of nowhere.


  • Know how to handle you bike in varying conditions including wind, rain, snow, fog, gravel/sand, work zones or other uneven surfaces.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Safe Riding Tips 

Ride like they don't see you
On a bike, you have to ride like you’re invisible. Most drivers aren’t looking for motorcycles — and even if they are, they might miss you. Stay out of blindspots, ride where you’re most visible, and keep your headlight on day and night. Intersections are especially risky, so pay close attention to what drivers are doing.

Never drink and ride
Riding a bike takes balance, reflexes and coordination — and alcohol wreaks havoc on all of them. Even if you don’t crash, the legal trouble can last a lifetime.Save yourself the wrecks and regret — ride sober. Every time.

Defense is the best option
It all starts with your habits: Leave yourself plenty of space, signal early and skip sudden moves that drivers can’t see coming. You should also stay aware of road conditions, the weather, and hazards like animals or loose gravel.Defensive driving isn’t just playing it safe — it’s playing it smart.

Prepare for Passengers
Bringing someone along for the ride is one of the best parts of being a biker. But it also brings a whole new set of challenges. The extra weight means longer stops and affects your balance around turns. Before you head out, make sure they’ve got the gear and know the drill.

headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Slider

Copy and paste this code in head of page, click setting gear icon next to page name to access page settings, then scroll down to "inside <head> tag" and paste the code here.

<!-- swiper CSS -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">

<style>

	.swiper-button-next, .swiper-button-prev {
      display: none;
}

.swiper-slide.swiper-slide{
    scale: .8;
}

  .swiper-slide.swiper-slide-active{
    scale: 1;
}
  
.swiper-slide.swiper-slide {
  transition-property: all;
  transition-property: transform;
}

.swiper-slide.swiper-slide {
  transition: scale .5s;
}

</style>

Copy and paste this code in footer of page, click setting gear icon next to page name to access page settings, then scroll down to "Before </body> tag" and paste the code here.

<!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

<!-- add arrows & pagination html markup by code -->
<script>
  var swiperNodes = "";
  var pagination = '<div class=swiper-pagination></div>';
  var next_prev_buttons = '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div>'; 
  var scrollbar = '<div class="swiper-scrollbar"></div>';
  var swiperNodes = swiperNodes.concat(pagination, next_prev_buttons);
  /* loop throw all swipers on the page */
  $('.swiper').each(function( index ) {
    $( this ).append(swiperNodes);
  });
</script>


<!-- swiper Initialize -->
<script>
  var mySwiper = new Swiper ('.swiper', {
 		mousewheel: {
    invert: false,
    forceToAxis: true,
  	},
  // Optional parameters
    slidesPerView: 1,
    spaceBetween: 0,
    loop: true,
    speed: 400,
    centeredSlides: true,
    lazy: true,
		allowTouchMove: true,
    mousewheel: false,
    navigation: {
      nextEl: '.swiper_next',
      prevEl: '.swiper_prev',
    },
    keyboard: {
      enabled: false,
    },
       breakpoints: {
      0: { /* when window >=0px - webflow mobile portriat */
        slidesPerView: 1,
        spaceBetween: 0,
           }
},
  })
</script>

test

Black boots

BOOTS

image size: 356px x 335px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Black leather jacket

JACKET

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Black gloves

GLOVES

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

Man on motorcycle

3 column Grid

image size: 347px x 151px

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Man on motorcycle

3 column Grid

Copy class parent class. flex-vertical and paste into grid to add more grid items.

Button Text
Three motorcyclists

In the Know

Sign Up

For information on riding routes, Sturgis and more, sign up for email updates. We promise not to spam you — just send what you want for an awesome ride.

By submitting this form, SD Office of Highway Safety will collect and use information as outlined in our Privacy Policy.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Site Headings

Heading 1

Heading 2 (large)

Heading 2 (Med)

Heading 2 (small)

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Bold Text

Richtext Styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript