<div class="tve_lp_header tve_empty_dropzone tve_content_width">
	<div style="width: 182px;margin-top: 50px;margin-bottom: 50px;" class="thrv_wrapper tve_image_caption ">
        <span class="tve_image_frame">
            <a href="">
	            <img class="tve_image"
	                 src="<?php echo TVE_LANDING_PAGE_TEMPLATE . '/css/images/lime-thrive-logo.png' ?>"
	                 style="width: 182px"/>
            </a>
        </span>
	</div>
</div>

<div class="tve_lp_content tve_editor_main_content tve_empty_dropzone tve_content_width">
	<h1 style="color: #000;font-size: 48px;margin-top: 0;margin-bottom: 30px;" class="tve_p_center">
		Getting Started with <span class="bold_text">Semantic UI</span>
	</h1>
	<div class="thrv_wrapper thrv_content_container_shortcode">
		<div class="tve_clear"></div>
		<div class="tve_center tve_content_inner" style="width: 750px;min-width:50px; min-height: 2em;">
			<div class="thrv_responsive_video thrv_wrapper" data-type="youtube" data-rel="0" data-controls="0" data-showinfo="0"
			     data-url="https://www.youtube.com/watch?v=sYMqHaWErZY&amp;list=UUuL6ZEN9ZF-8C5s8HlcdoyQ" data-embeded-url="//www.youtube.com/embed/sYMqHaWErZY"
			     data-modestbranding="1">
				<div style="display: block;" class="tve_responsive_video_container">
					<div class="video_overlay"></div>
					<iframe frameborder="0" allowfullscreen=""
					        src="//www.youtube.com/embed/sYMqHaWErZY?rel=0&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;autoplay=0&amp;fs=1&amp;wmode=transparent"></iframe>
				</div>
			</div>
			<p style="color: #000;font-size: 24px;margin-top: 30px;margin-bottom: 0;">1.2 Working With Semantic UI (07:13)</p>
			<div class="thrv_wrapper">
				<hr class="tve_sep tve_sep1"/>
			</div>
			<p style="color: #3a3a3a; font-size: 15px;line-height: 25px;margin-top: 0;margin-bottom: 20px;">
				To understand any framework or library, it’s important to get familiar with the documentation. Let’s take a walk through some aspects of the Semantic
				documentation to get a gentle introduction. But don’t worry—we’ll also be using this documentation throughout this entire course.
			</p>
			<div data-tve-style="1" class="thrv_wrapper thrv_button_shortcode tve_fullwidthBtn">
				<div class="tve_btn tve_green tve_bigBtn tve_btn6 tve_nb">
					<a class="tve_btnLink" href="">
                        <span class="tve_left tve_btn_im">
                            <i class="tve_sc_icon lime-icon-lock" style="background-image: none;" data-tve-icon="lime-icon-lock"></i>
                        </span>
						<span class="tve_btn_txt">Sign up for a 14 day free trial to get access to all 26 lessons</span>
					</a>
				</div>
			</div>
		</div>
		<div class="tve_clear"></div>
	</div>
</div>

<div class="tve_lp_footer tve_empty_dropzone tve_content_width">
	<div class="thrv_wrapper thrv_columns">
		<div class="tve_colm tve_twc">
			<p class="tve_p_left" style="margin: 0; padding: 0; color: #898989; font-size: 14px">Copyright &copy; {tcb_current_year}</p>
		</div>
		<div class="tve_colm tve_twc tve_lst">
			<p class="tve_p_right" style="margin: 0; padding: 0; color: #898989; font-size: 14px">
				<a href="#"><span class="underline_text">Disclaimer</span></a>
			</p>
		</div>
	</div>
</div>