Skip to content

Instantly share code, notes, and snippets.

View clickstudio's full-sized avatar

Tim Graham clickstudio

View GitHub Profile
@clickstudio
clickstudio / HTML
Last active August 30, 2019 00:23
Simply modify the 'modal_id' data attribute to target the ID of the div with the 'modal_wrapper' class.
<!--Trigger-->
<div class="modal_open" data-modal_id="modal_id">Open Modal</div>
<!--Modal-->
<div class="modal_wrapper" id="modal_id">
<div class="modal_content">
<div class="modal_close"></div>
<div class="modal_inner_content">
<p>Modal Content</p>
</div>
@clickstudio
clickstudio / HTML
Last active September 4, 2019 02:48
Just add the YouTube video ID to the 'video-id' data attribute
<div class="youtube_video_lazy_load"
data-video-id="AddYouTubeVideoIdHere"
data-iframe-width="853"
data-iframe-height="480"
data-iframe-src-url-vars="rel=0&showinfo=0&&mute=1&disablekb=1">
</div>
<div class="slider" style="background-image: url(https://www.fillmurray.com/640/360);">
<div class="text-container">
<h1 class="header1">This is a Header</h1>
<p class="paragraph">Regular Body Text</p>
</div>
</div>
<div class="container">
<div class="cards">
<div class="card">
<div class="card-inner">Hello there</div>
</div>
<div class="card">
<div class="card-inner">Hello there</div>
</div>
<div class="card">
<div class="card-inner">Hello there</div>