{{{region name="cms_content_before_page-content"}}}
{{{page.content}}}
<div class="container overview-container content-inner-wrapper">
	<div class="content_one">
		<div class="content_one-item">
			<a href="{{lang 'company.overview.media.url'}}" target="_none">
				<span class="content_one_item-title">{{lang 'company.overview.media.tag'}}</span>
				<img src="{{lang 'company.overview.media.image'}}">
				<div class="content_one_item-desc">
					<span>{{lang 'company.overview.media.headline'}}</span>
				</div>
			</a>
		</div>
		<div class="content_one-item">
			<a href="{{lang 'company.overview.company.url'}}">
				<span class="content_one_item-title">{{lang 'company.overview.company.tag'}}</span>
				<img src="{{lang 'company.overview.company.image'}}">
				<div class="content_one_item-desc">
					<span>{{lang 'company.overview.company.headline'}}</span>
				</div>
			</a>
		</div>
		<!-- <div class="content_one-item">

				<span class="content_one_item-title">INVESTORS</span>
				<div id="sq">
					<div id="ticker">GNLN</div>
					<div id="lp"></div>
					<div id="per"></div>
				</div>

		</div> -->
		<div class="content_one-item">
			<a href="">
				<span class="content_one_item-title">{{lang 'company.overview.investors.tag'}}</span>
				<div class="stock-market-GNLN">
					<!-- TradingView Widget BEGIN -->
					<div class="tradingview-widget-container">
						<div class="tradingview-widget-container__widget"></div>
						<div class="tradingview-widget-copyright"><small>{{lang 'company.overview.investors.tradingview-widget-copyright'}}</small></div>

						<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js" async>
							{
								"symbol": "NASDAQ:GNLN",
								"width": "100%",
								"colorTheme": "light",
								"isTransparent": true,
								"locale": "en"
							}
						</script>
					</div>
					<!-- TradingView Widget END -->
				</div>
			</a>
		</div>
		<div class="content_one-item">
			<a href="{{lang 'company.overview.news.url'}}" target="_none">
				<span class="content_one_item-title">{{lang 'company.overview.news.tag'}}</span>
				<img src="{{lang 'company.overview.news.image'}}">
				<div class="content_one_item-desc">
					<span>{{lang 'company.overview.news.headline'}}</span>
				</div>
			</a>
		</div>
	</div>
	<div class="content_two">
		<div class="content_title"><span>{{lang 'company.overview.hot_news.title'}}</span></div>
		<div class="content_container">

			<div class="content_two-item">
			    <a href="{{lang 'company.overview.hot_news.1.url'}}" target="_none">
				<div class="content_two-img"><img src="{{lang 'company.overview.hot_news.1.image'}}"></div>
				<div class="content_two-date">
					<span>{{lang 'company.overview.hot_news.1.date'}}</span>
				</div>
				<div class="content_two-title">
					<span>{{lang 'company.overview.hot_news.1.desc'}}</span>
				</div>
				</a>
			</div>

			<div class="content_two-item">
			    <a href="{{lang 'company.overview.hot_news.2.url'}}" target="_none">
				<div class="content_two-img"><img src="{{lang 'company.overview.hot_news.2.image'}}"></div>
				<div class="content_two-date">
					<span>{{lang 'company.overview.hot_news.2.date'}}</span>
				</div>
				<div class="content_two-title">
					<span>{{lang 'company.overview.hot_news.2.desc'}}</span>
				</div>
				</a>
			</div>

			<div class="content_two-item">
			    <a href="{{lang 'company.overview.hot_news.3.url'}}" target="_none">
				<div class="content_two-img"><img src="{{lang 'company.overview.hot_news.3.image'}}"></div>
				<div class="content_two-date">
					<span>{{lang 'company.overview.hot_news.3.date'}}</span>
				</div>
				<div class="content_two-title">
					<span>{{lang 'company.overview.hot_news.3.desc'}}</span>
				</div>
				</a>
			</div>

			<div class="content_two-item">
			    <a href="{{lang 'company.overview.hot_news.4.url'}}" target="_none">
				<div class="content_two-img"><img src="{{lang 'company.overview.hot_news.4.image'}}"></div>
				<div class="content_two-date">
					<span>{{lang 'company.overview.hot_news.4.date'}}</span>
				</div>
				<div class="content_two-title">
					<span>{{lang 'company.overview.hot_news.4.desc'}}</span>
				</div>
				</a>
			</div>

			<div class="content_two-item">
			    <a href="{{lang 'company.overview.hot_news.5.url'}}" target="_none">
				<div class="content_two-img"><img src="{{lang 'company.overview.hot_news.5.image'}}"></div>
				<div class="content_two-date">
					<span>{{lang 'company.overview.hot_news.5.date'}}</span>
				</div>
				<div class="content_two-title">
					<span>{{lang 'company.overview.hot_news.5.desc'}}</span>
				</div>
				</a>
			</div>

			<div class="content_two-item">
			    <a href="{{lang 'company.overview.hot_news.6.url'}}" target="_none">
				<div class="content_two-img"><img src="{{lang 'company.overview.hot_news.6.image'}}"></div>
				<div class="content_two-date">
					<span>{{lang 'company.overview.hot_news.6.date'}}</span>
				</div>
				<div class="content_two-title">
					<span>{{lang 'company.overview.hot_news.6.desc'}}</span>
				</div>
				</a>
			</div>
		</div>
	</div>

	<div class="content_three">
		<div class="content_title"><span>{{lang 'company.overview.about.title'}}</span></div>
		<div class="content_container-slider">
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.1.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.1.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.1.image'}}" alt="GREENLANE | Company Profile Head Photo">
				</a>
			</div>
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.2.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.2.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.2.image'}}" alt="GREENLANE | Company Strategy Head Photo">
				</a>
			</div>
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.3.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.3.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.3.image'}}" alt="GREENLANE | Company Culture Head Photo">
				</a>
			</div>
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.4.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.4.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.4.image'}}" alt="">
				</a>
			</div>
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.5.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.5.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.5.image'}}" alt="">
				</a>
			</div>
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.6.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.6.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.6.image'}}" alt="">
				</a>
			</div>
			<div class="content_three-item">
				<a href="{{lang 'company.overview.about.7.url'}}">
					<div class="content_three-title">
						<span>{{lang 'company.overview.about.7.tag'}}</span>
					</div>
					<img src="{{lang 'company.overview.about.7.image'}}" alt="">
				</a>
			</div>
		</div>
	</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($){
		$('.content_container-slider').slick({
			slidesToShow: 3,
			slidesToScroll: 1,
			arrows: false,
			dots: false,
			responsive: [
			{
				breakpoint: 800,
				settings: {
					slidesToShow: 2
				}
			}
			]
		})
	})
</script>
<script>
	function updateQuotes(data) {
		for (ticker in quote) {
			var symbol = quote[ticker];
			console.log(symbol)
			var last = symbol['Last'];
			var changePercent = symbol['ChangePercent'];

			last = last.toString();
			last = last.slice(0, (last.indexOf("."))+3);

			changePercent = changePercent.toString();
			changePercent = changePercent.slice(0, (changePercent.indexOf("."))+3);

			document.getElementById('lp').innerHTML = '$'+last;
			document.getElementById('per').innerHTML = '('+changePercent+'%)';
			if(symbol['Last'] - symbol['Open'] < 0){
				document.getElementById('sq').classList.add("down");
			}else{
				document.getElementById('sq').classList.add("up");
			}
			//console.log(symbol['Last']+'==>'+last)
			//console.log(symbol['ChangePercent']+'==>'+changePercent)
		}
	}
</script>
<script src="https://feeds.financialcontent.com/JSQuote?Ticker=GNLN"></script>
{{{region name="cms_content"}}}