Skip to content

Instantly share code, notes, and snippets.

@ritcheyer

ritcheyer/marketing-carousels.html

Last active February 23, 2018 21:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ritcheyer/52db6152d8e90b5f7e0e4488618229a8 to your computer and use it in GitHub Desktop.
Save ritcheyer/52db6152d8e90b5f7e0e4488618229a8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
marketing-carousels.html
<div class="mktg_carousel-container" style="--translateX: 0">
<header class="mktg_carousel-header">...</header>
<nav class="mktg_carousel-navigation navigation--inline">
<ol class="mktg_carousel-items">
<li class="mktg_carousel-item carousel-item--active">...</li>
</ol
</nav>
</div>
----
<div class="mktg_carousel-container" style="--translateX: 0">
<header class="mktg_carousel-header">...</header>
<nav class="mktg_carousel-navigation navigation--stacked navigation--boxes">
<ol class="mktg_carousel-items">
<li class="mktg_carousel-item carousel-item--active">...</li>
</ol
</nav>
</div>
----
<div class="mktg_carousel-container" style="--translateX: 0">
<header class="mktg_carousel-header">...</header>
<nav class="mktg_carousel-navigation navigation--inline navigation--dots">
<ol class="mktg_carousel-items">
<li class="mktg_carousel-item carousel-item--active">...</li>
</ol
</nav>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment