Tim Graham 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 / 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>

clickstudio / HTML

Last active September 10, 2019 01:11

Working Example: https://codepen.io/reggs/pen/oNvWNzM

	<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>

clickstudio / HTML

Created September 10, 2019 01:14

Working Example: https://codepen.io/reggs/pen/KKPNbMr

	<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>