Assign element ids in templates

This commit is contained in:
Benjamin Beganović 2020-09-04 13:16:05 +02:00
parent 4b6c2bff4c
commit 52dea9c665
9 changed files with 43 additions and 47 deletions

View File

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -111,8 +111,8 @@
}
</style>
<body>
<div class="header-wrapper">
<body id="body">
<div class="header-wrapper" id="header">
<div> <!-- Empty space placeholder--> </div>
<div id="company-details"></div>

View File

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -137,8 +137,8 @@
</style>
</head>
<body>
<div class="header-container">
<body id="body">
<div class="header-container" id="header">
<img
src="$company.logo"
class="company-logo"

View File

@ -1,11 +1,11 @@
<!-- Template: Clean -->
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
body {
margin: 2rem;
-webkit-font-smoothing: antialiased;
@ -111,8 +111,8 @@
</style>
</head>
<body>
<div class="header-container">
<body id="body">
<div class="header-container" id="header">
<img
class="company-logo"
src="$company.logo"

View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -104,8 +104,8 @@
</style>
</head>
<body class="background">
<div class="header-wrapper">
<body id="body">
<div class="header-wrapper" id="header">
<div id="client-details"></div>
<div class="company-info-wrapper">

View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -121,8 +121,8 @@
</style>
</head>
<body>
<div class="company-logo-wrapper">
<body id="body">
<div class="company-logo-wrapper" id="header">
<img
class="company-logo"
src="$company.logo"
@ -154,9 +154,9 @@
<table id="product-table" cellspacing="0"></table>
<footer id="footer"></footer>
<p class="thanks-label">$thanks_label!</p>
<hr class="double-border" />
<footer id="footer">
<p class="thanks-label">$thanks_label!</p>
<hr class="double-border" />
</footer>
</body>
</html>

View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -128,25 +128,21 @@
</style>
</head>
<body>
<div class="header-wrapper">
<body id="body">
<div class="header-wrapper" id="header">
<div class="header-left-side-wrapper">
<p class="header-text-label">$from_label:</p>
<!-- company_details -->
<div id="company-details"></div>
<!-- company_address -->
<div id="company-details"></div>
<div id="company-address"></div>
</div>
<div class="header-right-side-wrapper">
<!-- client_details -->
<div>
<p class="header-text-label">$to_label:</p>
<div id="client-details"></div>
</div>
<!-- company_logo -->
<img
class="company-logo"
src="$company.logo"

View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -124,8 +124,8 @@
</style>
</head>
<body>
<div class="header-container">
<body id="body">
<div class="header-container" id="header">
<h1 class="company-name">$company.name</h1>
<table id="entity-details" cellspacing="0"></table>
@ -144,16 +144,16 @@
<div class="table-wrapper">
<table id="product-table" cellspacing="0"></table>
</div>
<footer id="footer"></footer>
<div class="footer-wrapper">
<div>
<!-- Placeholder for offset -->
</div>
<div id="company-details"></div>
<div id="company-address"></div>
</div>
<footer id="footer"></footer>
</body>
</html>

View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -93,7 +93,7 @@
</style>
</head>
<body>
<body id="body">
<div class="header-wrapper" id="header">
<p>$company.name</p>

View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head id="head">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
<style id="style">
* {
margin: 0;
padding: 0;
@ -133,8 +133,8 @@
</style>
</head>
<body>
<div class="header-wrapper">
<body id="body">
<div class="header-wrapper" id="header">
<img
class="company-logo"
src="$company.logo"