Job.html

<div class="col-md-6 col-sm-6 col-cs-12">
	<div class="default-content-element">
		<f:link.action class="sg-jobs-job sg-card sg-card-shadow" id="offer-{job.uid}" pageUid="{settings.applyPage}" controller="Joblist" action="applyForm"
				pluginName="JobApplication" arguments="{jobId: job.uid}">
			<div class="default-content-element default-header-element sg-card-title">
				<h2 class="h2">{job.title}</h2>
			</div>

			<div class="sgjobs-job-body">
				<f:if condition="{job.description}">
					<f:format.html parseFuncTSPath="lib.parseFunc_RTE">{job.description}</f:format.html>
				</f:if>

			</div>
			<f:if condition="{job.qualification}">
				<div class="sgjobs-highlight-area">
					<ul class="default-list">
						<li>
							<f:format.raw><f:translate key="frontend.jobStart" /></f:format.raw>
							<f:if condition="{job.alternativeStartDate}">
								<f:then>
									{job.alternativeStartDate}
								</f:then>
								<f:else>
									<f:format.date date="{job.startDate}" format="d.m.Y" />
								</f:else>
							</f:if>
						</li>
						<li>
							<f:if condition="!{job.telecommutePossible}">
								<f:then>
									<f:format.raw><f:translate key="frontend.locationLabel"/></f:format.raw><br>
									{job.companies -> f:count()}&nbsp;<f:translate key="frontend.locationCountLabel"/>
								</f:then>
								<f:else>
									<f:format.raw><f:translate key="frontend.jobLocationRemote"/></f:format.raw>
								</f:else>
							</f:if>
						</li>
					</ul>

				</div>
			</f:if>
			<div class="default-content-element sg-cta sg-cta-with-icon sg-cta-stretch">
				<div class="btn btn-warning btn-lg">
					<f:format.raw><f:translate key="frontend.jobDetailsCta" /></f:format.raw>
				</div>
			</div>
		</f:link.action>
	</div>
</div>