dominykas/ruby-for-translations.html

## ruby-for-translations.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
	<title>Invoice</title>
	<style>
	body {
		font-family: sans-serif;
		width: 640px;
		margin: 0 auto;
		font-size: 12px;
		-webkit-print-color-adjust:exact;
	}
	header {
		margin-bottom: 2em;
	}
	header h1, header p, header rt {
		margin: 0;
		text-align: center;
	}
	.from h2, .to h2 {
		font-size: 14px;
		margin: 0;
	}
	.from {
		float: left;
	}
	.to {
		float: right;
	}
	section {
		padding: 1em 0;
		clear: both;
	}
	table {
		width: 100%;
		border-spacing: 1px;
	}
	th, td {
		border: 1px solid #999;
		padding: 0.25em;
	}
	.num {
		text-align: right;
	}
	.unit, .unit rt {
		text-align: center;
	}
	th[scope=row], th[scope=row] rt {
		font-weight: normal;
		text-align: left;
	}
	tfoot th[scope=row], tfoot th[scope=row] rt {
		text-align: right;
		font-weight: bold;
	}
	thead, tfoot {
		background: #eee;
		font-weight: bold;
	}
	footer {
		border-top: 1px solid #000;
		text-align: center;
	}

	dl {
		overflow: hidden;
		position: relative;
	}
	dt, dd {
		display: inline;
		margin: 0;
		line-height: 2em;
	}
	.summary dt, .summary dd {
		line-height: 3em;
	}
	dt:after {
		content: ': ';
	}
	dd:not(:last-child):after {
		content: '\A';
		white-space: pre;
	}
	dd {
		font-size: 125%;
	}
	rt {
		font-size: 75%;
		color: #999;
		text-align: left;
	}
	th rt {
		text-align: center;
	}

	.entry {
		font-style: oblique;
		padding-left: 0.5em;
	}
	.entry:before {
		content: "";
		position: absolute;
		border-bottom: 1px dotted #000;
		width: 100%;
		height: 2.25em;
		margin-left: -0.25em;
	}

	.bank h2 {
		font-size: 12px; margin: 0
	}
	.bank dl {
		margin-left: 3em;
	}
	.bank dd:after {
		display: none;
	}
	.bank dd {
		margin-right: 1em;
	}
	.bank dd:first-of-type:after {
		content: '\A';
		white-space: pre;
		display: inline;
	}
	</style>
</head>
<body>
<header>
	<h1><ruby>
		Sąskaita-faktūra nr. XX-1
		<rp>/</rp>
		<rt>Invoice no. XX-1</rt>
	</ruby></h1>
	<p><ruby>
		2013 m. sausio 23 d.
		<rp>/</rp>
		<rt>23/Jan/2013</rt>
	</ruby></p>
</header>

<div class="from">
	<h2>Freelancer</h2>
	<p>
		Address<br/>
		City<br/>
		Lietuva / Lithuania
	</p>
	<dl>
		<dt><ruby>
			Įmonės kodas
			<rp>/</rp>
			<rt>Company number</rt>
		</ruby></dt>
		<dd>123456789</dd>
	</dl>
</div>

<div class="to">
	<h2>Customer</h2>
	<p>
		Address<br/>
		City<br/>
		Ireland / Airija
	</p>
	<dl>
		<dt><ruby>
			Įmonės kodas
			<rp>/</rp>
			<rt>Company number</rt>
		</ruby></dt>
		<dd>123456</dd>

		<dt><ruby>
			PVM mokėtojo kodas
			<rp>/</rp>
			<rt>VAT number</rt>
		</ruby></dt>
		<dd>IE0000000K</dd>

	</dl>
</div>

<section>
	<table>
		<thead>
			<tr>
				<th scope="col"><ruby>
					Prekės/paslaugos
					<rp>/</rp>
					<rt>Goods/services</rt>
				</ruby></th>
				<th scope="col"><ruby>
					Kiekis
					<rp>/</rp>
					<rt>Amount</rt>
				</ruby></th>
				<th scope="col"><ruby>
					Mato vnt.
					<rp>/</rp>
					<rt>Unit</rt>
				</ruby></th>
				<th scope="col"><ruby>
					Kaina
					<rp>/</rp>
					<rt>Price</rt>
				</ruby></th>
				<th scope="col"><ruby>
					Suma
					<rp>/</rp>
					<rt>Sum</rt>
				</ruby></th>
			</tr>
		</thead>
		<tr>
			<th scope="row"><ruby>
				Programinės įrangos projektavimas ir programavimas
				<rp>/</rp>
				<rt>Software design and development</rt>
			</ruby></th>
			<td class="num">13</td>
			<td class="unit"><ruby>
				val.
				<rp>/</rp>
				<rt>hours</rt>
			</ruby></th>
			<td class="num">&euro;51.23</td>
			<td class="num">&euro;666</td>
		</tr>
		<tfoot>
			<tr class="total">
				<th scope="row" colspan=4><ruby>
					Viso:
					<rp>/</rp>
					<rt>Total</rt>
				</ruby></th>
				<td class="num">&euro;666</th>
			</tr>
		</tfoot>
	</table>
</section>

<dl class="summary">

	<dt><ruby>
		Mokėtina suma
		<rp>/</rp>
		<rt>Amount payable</rt>
	</ruby></dt>
	<dd class="entry"><ruby>
		Šeši šimtai šešiasdešimt šeši eurai 00 ct.
		<rp>/</rp>
		<rt>Six hundred and sixty six Euro 00 ct.</rt>
	</ruby></dd>

	<dt><ruby>
		Sąskaitą išrašė
		<rp>/</rp>
		<rt>Issued by</rt>
	</ruby></dt>
	<dd class="entry">
		<ruby>
			Šefas
			<rp>/</rp>
			<rt>Boss</rt>
		</ruby>
		Freelancer Person
	</dd>

	<dt><ruby>
		Sąskaitą priėmė
		<rp>/</rp>
		<rt>Accepted by</rt>
	</ruby></dt>
	<dd class="entry"></dd>
</dl>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Invoice</title>
	<style>
	body {
	font-family: sans-serif;
	width: 640px;
	margin: 0 auto;
	font-size: 12px;
	-webkit-print-color-adjust:exact;
	}
	header {
	margin-bottom: 2em;
	}
	header h1, header p, header rt {
	margin: 0;
	text-align: center;
	}
	.from h2, .to h2 {
	font-size: 14px;
	margin: 0;
	}
	.from {
	float: left;
	}
	.to {
	float: right;
	}
	section {
	padding: 1em 0;
	clear: both;
	}
	table {
	width: 100%;
	border-spacing: 1px;
	}
	th, td {
	border: 1px solid #999;
	padding: 0.25em;
	}
	.num {
	text-align: right;
	}
	.unit, .unit rt {
	text-align: center;
	}
	th[scope=row], th[scope=row] rt {
	font-weight: normal;
	text-align: left;
	}
	tfoot th[scope=row], tfoot th[scope=row] rt {
	text-align: right;
	font-weight: bold;
	}
	thead, tfoot {
	background: #eee;
	font-weight: bold;
	}
	footer {
	border-top: 1px solid #000;
	text-align: center;
	}

	dl {
	overflow: hidden;
	position: relative;
	}
	dt, dd {
	display: inline;
	margin: 0;
	line-height: 2em;
	}
	.summary dt, .summary dd {
	line-height: 3em;
	}
	dt:after {
	content: ': ';
	}
	dd:not(:last-child):after {
	content: '\A';
	white-space: pre;
	}
	dd {
	font-size: 125%;
	}
	rt {
	font-size: 75%;
	color: #999;
	text-align: left;
	}
	th rt {
	text-align: center;
	}

	.entry {
	font-style: oblique;
	padding-left: 0.5em;
	}
	.entry:before {
	content: "";
	position: absolute;
	border-bottom: 1px dotted #000;
	width: 100%;
	height: 2.25em;
	margin-left: -0.25em;
	}

	.bank h2 {
	font-size: 12px; margin: 0
	}
	.bank dl {
	margin-left: 3em;
	}
	.bank dd:after {
	display: none;
	}
	.bank dd {
	margin-right: 1em;
	}
	.bank dd:first-of-type:after {
	content: '\A';
	white-space: pre;
	display: inline;
	}
	</style>
	</head>
	<body>
	<header>
	<h1><ruby>
	Sąskaita-faktūra nr. XX-1
	<rp>/</rp>
	<rt>Invoice no. XX-1</rt>
	</ruby></h1>
	<p><ruby>
	2013 m. sausio 23 d.
	<rp>/</rp>
	<rt>23/Jan/2013</rt>
	</ruby></p>
	</header>

	<div class="from">
	<h2>Freelancer</h2>
	<p>
	Address<br/>
	City<br/>
	Lietuva / Lithuania
	</p>
	<dl>
	<dt><ruby>
	Įmonės kodas
	<rp>/</rp>
	<rt>Company number</rt>
	</ruby></dt>
	<dd>123456789</dd>
	</dl>
	</div>

	<div class="to">
	<h2>Customer</h2>
	<p>
	Address<br/>
	City<br/>
	Ireland / Airija
	</p>
	<dl>
	<dt><ruby>
	Įmonės kodas
	<rp>/</rp>
	<rt>Company number</rt>
	</ruby></dt>
	<dd>123456</dd>

	<dt><ruby>
	PVM mokėtojo kodas
	<rp>/</rp>
	<rt>VAT number</rt>
	</ruby></dt>
	<dd>IE0000000K</dd>

	</dl>
	</div>

	<section>
	<table>
	<thead>
	<tr>
	<th scope="col"><ruby>
	Prekės/paslaugos
	<rp>/</rp>
	<rt>Goods/services</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Kiekis
	<rp>/</rp>
	<rt>Amount</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Mato vnt.
	<rp>/</rp>
	<rt>Unit</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Kaina
	<rp>/</rp>
	<rt>Price</rt>
	</ruby></th>
	<th scope="col"><ruby>
	Suma
	<rp>/</rp>
	<rt>Sum</rt>
	</ruby></th>
	</tr>
	</thead>
	<tr>
	<th scope="row"><ruby>
	Programinės įrangos projektavimas ir programavimas
	<rp>/</rp>
	<rt>Software design and development</rt>
	</ruby></th>
	<td class="num">13</td>
	<td class="unit"><ruby>
	val.
	<rp>/</rp>
	<rt>hours</rt>
	</ruby></th>
	<td class="num">€51.23</td>
	<td class="num">€666</td>
	</tr>
	<tfoot>
	<tr class="total">
	<th scope="row" colspan=4><ruby>
	Viso:
	<rp>/</rp>
	<rt>Total</rt>
	</ruby></th>
	<td class="num">€666</th>
	</tr>
	</tfoot>
	</table>
	</section>

	<dl class="summary">

	<dt><ruby>
	Mokėtina suma
	<rp>/</rp>
	<rt>Amount payable</rt>
	</ruby></dt>
	<dd class="entry"><ruby>
	Šeši šimtai šešiasdešimt šeši eurai 00 ct.
	<rp>/</rp>
	<rt>Six hundred and sixty six Euro 00 ct.</rt>
	</ruby></dd>

	<dt><ruby>
	Sąskaitą išrašė
	<rp>/</rp>
	<rt>Issued by</rt>
	</ruby></dt>
	<dd class="entry">
	<ruby>
	Šefas
	<rp>/</rp>
	<rt>Boss</rt>
	</ruby>
	Freelancer Person
	</dd>

	<dt><ruby>
	Sąskaitą priėmė
	<rp>/</rp>
	<rt>Accepted by</rt>
	</ruby></dt>
	<dd class="entry"></dd>
	</dl>

	</body>
	</html>