<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops"> <head> <title>Page {{ .Id }}</title> <link href="style.css" type="text/css" rel="stylesheet"/> <meta name="viewport" content="width={{ .Width }}, height={{ .Height }}"/> </head> <body style=""> <div style="text-align:center;top:0.0%;"> <img width="{{ .Width }}" height="{{ .Height }}" src="../Images/{{ .Id }}.jpg"/> </div> <div id="PV"> <div id="PV-TL"> <a style="display:inline-block;width:100%;height:100%;" class="app-amzn-magnify" data-app-amzn-magnify='{"targetId":"PV-TL-P", "ordinal":1}'></a> </div> <div id="PV-TR"> <a style="display:inline-block;width:100%;height:100%;" class="app-amzn-magnify" data-app-amzn-magnify='{"targetId":"PV-TR-P", "ordinal":2}'></a> </div> <div id="PV-BL"> <a style="display:inline-block;width:100%;height:100%;" class="app-amzn-magnify" data-app-amzn-magnify='{"targetId":"PV-BL-P", "ordinal":3}'></a> </div> <div id="PV-BR"> <a style="display:inline-block;width:100%;height:100%;" class="app-amzn-magnify" data-app-amzn-magnify='{"targetId":"PV-BR-P", "ordinal":4}'></a> </div> </div> <div class="PV-P" id="PV-TL-P" style=""> <img style="position:absolute;left:0;top:0;" src="../Images/{{ .Id }}.jpg" width="{{ zoom .Width 1.5 }}" height="{{ zoom .Height 1.5 }}"/> </div> <div class="PV-P" id="PV-TR-P" style=""> <img style="position:absolute;right:0;top:0;" src="../Images/{{ .Id }}.jpg" width="{{ zoom .Width 1.5 }}" height="{{ zoom .Height 1.5 }}"/> </div> <div class="PV-P" id="PV-BL-P" style=""> <img style="position:absolute;left:0;bottom:0;" src="../Images/{{ .Id }}.jpg" width="{{ zoom .Width 1.5 }}" height="{{ zoom .Height 1.5 }}"/> </div> <div class="PV-P" id="PV-BR-P" style=""> <img style="position:absolute;right:0;bottom:0;" src="../Images/{{ .Id }}.jpg" width="{{ zoom .Width 1.5 }}" height="{{ zoom .Height 1.5 }}"/> </div> </body> </html>