54 lines
1.6 KiB
Twig
54 lines
1.6 KiB
Twig
<!DOCTYPE html>
|
|
<html>
|
|
|
|
{{ include('_header.html.twig') }}
|
|
|
|
<body>
|
|
<!-- Navigation -->
|
|
<div class="siteNavbar">
|
|
<ul class="list-group list-group-horizontal-md">
|
|
{% for item in header.Navbar %}
|
|
<h3 class="navitem"><a class=" list-group-item list-group-item-action text-decoration-none h-100 text-white border-0" href="{{item.url}}">{{item.title}}</a></h3>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h3> Safety Topics </h3>
|
|
<p>
|
|
Click on the topics below to see how you can keep yourself and others safe in the workplace.
|
|
<strong>Remember: Safety starts with <i>you!</i></strong>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<a class="col-12 btn btn-danger my-2 disabled" href="">
|
|
<h4>Take the Workplace Safety Quiz</h4>
|
|
</a>
|
|
{# Cards #}
|
|
<div class="card-group">
|
|
{% for card, links in content.Cards %}
|
|
|
|
<div class="card text-center service-card">
|
|
<div class="card-body">
|
|
<div class="card-header">
|
|
<h5 class="card-title">{{card}}</h5>
|
|
</div>
|
|
<div class="card-text">
|
|
<ul class="list-group list-group-flush">
|
|
{% for link in links %}
|
|
<a class="list-group-item list-group-item-action list-item" href="{{link.url}}">{{link.title}}</a>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |