add footer in print

This commit is contained in:
Matthias Hemmerich 2021-12-16 16:43:09 +01:00
parent 391b4da5ea
commit 1afca8862a
2 changed files with 19 additions and 1 deletions

View file

@ -42,6 +42,9 @@ main > .container {
.form-leistung:hover .btn-minus { .form-leistung:hover .btn-minus {
display: block; display: block;
} }
footer.onlyprint{
display: none;
}
} }
hr { hr {
@ -124,4 +127,14 @@ hr {
hr { hr {
display: block; display: block;
} }
footer.onlyprint {
position: fixed;
bottom: 0;
font-size: 10px;
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
} }

View file

@ -90,6 +90,11 @@
<div>Unterschrift / Stempel</div> <div>Unterschrift / Stempel</div>
</div> </div>
</div> </div>
<footer class="onlyprint">
Vorsitzende des Vereins angestöpselt e.V.: Lukas Seeber, Matthias Hemmerich & Tobias Benra<br>
Anschrift: Zeller Str. 29/31, 97082 Würzburg | Telefon: 0931-320 914 94 | Web: angestoepselt.de<br>
Spendenkonto: angestöpselt e.V. | Sparkasse Mainfranken Würzburg | IBAN: DE23790500000047309828<br>
</footer>
</div> </div>
<button class="btn btn-primary no-print" onclick="window.print();">Drucken</button> <button class="btn btn-primary no-print" onclick="window.print();">Drucken</button>
@ -98,10 +103,10 @@
</div> </div>
</div> </div>
</div> </div>
</main> </main>
<script src="assets/vendor/jquery/jquery-3.6.0.min.js"></script> <script src="assets/vendor/jquery/jquery-3.6.0.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js"></script> <script src="assets/js/main.js"></script>
</body> </body>
</html> </html>