Update3008251310
This commit is contained in:
parent
68db76b963
commit
af6021b9cf
12 changed files with 193 additions and 98 deletions
|
|
@ -4,25 +4,85 @@
|
|||
|
||||
<section class="impressum section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
{{ range $index, $heading := .Params.headings }}
|
||||
<tr>
|
||||
<td class="col-1">
|
||||
{{ $heading }}
|
||||
</td>
|
||||
<td class="col-2">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-12 col-md-12">
|
||||
<div class="impressum-wrapper">
|
||||
|
||||
{{ range $index, $heading := .Params.headings }}
|
||||
<div class="impressum-item row">
|
||||
<div class="col-md-4">
|
||||
<h4>{{ $heading }}</h4>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="impressum-content">
|
||||
{{ index $.Params.contents $index | markdownify }}
|
||||
</td>
|
||||
</tr>
|
||||
{{ end }}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{ end }}
|
||||
<style>
|
||||
.impressum-wrapper {
|
||||
background: white;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.impressum-item {
|
||||
margin-bottom: 25px;
|
||||
padding-bottom: 25px;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.impressum-item:last-child {
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.impressum-item h4 {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.impressum-content {
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.impressum-content a {
|
||||
color: #006464;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.impressum-content a:hover {
|
||||
color: #F5A623;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.impressum-wrapper {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.impressum-item {
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.impressum-item h4 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
{{ end }}
|
||||
Loading…
Add table
Add a link
Reference in a new issue