Adecuación plantilla de Pdf (svg) a Html/Css

Modificación y creación de plantillas para el programa de facturación online Invoice Plane (invoiceplane.com).
ÉSte programa permite crear plantillas a medida para presupuestos y facturas.
Por cada diseño hay que adecuar dos css diferentes, para pdf y html. Los diseños de "presupuesto" y "factura" son prácticamente idénticos.
Trabajo #1:
Sobre la plantilla: http://frl.domatix.com/guest/view/invoice/DOq0iIaNUClKoVW9tbrj2Xdc3nYhJT1A
(se subió al entorno de desarrollo pero faltan algunas imágenes que sí que están en el entorno de producción)
Habría que adecuarla para que sea idéntica al fichero adjunto wk_template_2.0.svg
Las plantillas se guardan en la carpeta /application/views, hay una carpeta para facturas (invoice_templates) y otra para presupuestos (quote_templates). Ahí se guardan los archivos PHP. Hay un esquema de ayuda en la propia web de Invoice Plane: https://wiki.invoiceplane.com/en/1.5/templates/customize-templates
Una vez cargada la plantilla se puede elegir desde el menú de Configuración --> Configuración del sistema y en la pestaña de Facturas o Presupuestos.
Se puede ver una demo del programa en
https://demo.invoiceplane.com/index.php/sessions/login
Para una instalación limpia https://wiki.invoiceplane.com/en/1.5/getting-started/installation
Se enviarán los archivos php y css de la plantilla actual y acceso a un entorno de pruebas donde ir subiendo cambios para validar.
Trabajo#2
Crear una nueva plantilla conforme al archivo wk_template_3.0.svg
Las fuentes no están trazadas para que se pueda copiar el tipo y tamaño, son Noto Sans (hay que tenerlas instaladas) en sus variantes Light, Bold y normal.
Todos los elementos tienen que ir alineados exactamente como en la factura, algunos a derecha, otros centrados y otros a la izquierda. Todos los elementos del diseño guardan una relación entre sí y los colores también deben ser respetados. Los archivos están creados con la aplicación "Inkscape".
Se adjuntan como ejemplo las facturas trazadas en PDFs.
​Si hay cualquier duda sobre el diseño por favor contactar y se enviarán los pdf trazados de los presupuestos o archivos png para que no haya problemas con las fuentes y tamaños.​
En la valoración de la oferta por favor indicar el coste de hora por si fuera necesario extender el proyecto con más tareas.
Adjuntos: https://drive.google.com/drive/folders/1dbCitftuiBBxIl9kDmbZMJWOsSlKwLnu?usp=sharing