<div class="container welcome-to-influxerp text-center" style="padding: 30px 0px;">
	<div class="row">
		<div class="col-md-8 col-md-push-2 col-sm-12">
			<h1>{%= __("Welcome to InfluxERP") %}</h1>
			<p class="text-muted">
				{%= __("To get the best out of InfluxERP, we recommend that you take some time and watch these help videos.") %}
				<br><br>
			</p>

			<div class="embed-responsive embed-responsive-16by9">
				<div class="video-placeholder embed-responsive-item">
					<img class="video-placeholder-image"
						src="/assets/influxerp/images/influxerp-video-placeholder.jpg">
					<img class="centered youtube-icon"
						src="/assets/influxerp/images/YouTube-icon-full_color.png">
				</div>
			</div>

			<br>
			<hr>
			<h3>{%= __("Next Steps") %}</h3>
			<ul class="list-unstyled">
				<li><a class="text-muted" href="#">{%= __("Go to the Desktop and start using InfluxERP") %}</a></li>
				<li><a class="text-muted" href="https://influxerp.com/docs/user" target="_blank">{%= __("Read the InfluxERP Manual") %}</a></li>
				<li><a class="text-muted" href="https://discuss.influxerp.com" target="_blank">{%= __("Community Forum") %}</a></li>
			</ul>

		</div>
	</div>
</div>
