Conversion_Kitchen_Code/kitchen_counter/lpp/templates/lpp/blockchainCertificate.html

236 lines
5.2 KiB
HTML
Raw Normal View History

2024-04-27 09:33:09 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{% load static %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<style>
body {
margin: 0;
padding: 0;
}
#background
{
left: 0px;
top: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
width: 842px;
height: 1191px;
overflow: hidden;
z-index:0;
}
#Background
{
left: 0px;
top: 0px;
position: absolute;
width: 842px;
height: 1191px;
z-index:1;
}
#www11
{
left: 0px;
top: 0px;
position: absolute;
width: 842px;
height: 1191px;
z-index:2;
}
#sssqqq
{
left: -2px;
top: -7px;
position: absolute;
width: 847px;
height: 1198px;
z-index:3;
}
#Layer3
{
left: 278px;
top: 36px;
position: absolute;
width: 567px;
height: 179px;
z-index:4;
}
#CertificateID
{
left: 619px;
top: 106px;
position: absolute;
width: 184px;
height: 23px;
z-index:5;
}
#CertificateID1
{
left: 619px;
top: 116px;
position: absolute;
z-index: 5;
color: red;
}
#Layer2
{
left: 114px;
top: 55px;
position: absolute;
width: 173px;
height: 172px;
z-index:6;
}
#MNFLogoFinal
{
left: 148px;
top: 112px;
position: absolute;
width: 108px;
height: 59px;
z-index:7;
}
#CertificateOfProof
{
left: 109px;
top: 263px;
position: absolute;
width: 657px;
height: 51px;
z-index:8;
}
#Thisistocertifythat
{
left: 222px;
top: 358px;
position: absolute;
width: 445px;
height: 41px;
z-index:9;
}
#Layer1
{
left: -152px;
top: 460px;
position: absolute;
width: 1920px;
height: 1080px;
z-index:10;
}
#Praveshenter9303gmai
{
left: 300px;
top: 451px;
position: absolute;
width: 615px;
height: 50px;
z-index:11;
}
#hassuccessfullyuploa
{
left: 171px;
top: 550px;
position: absolute;
width: 518px;
height: 32px;
z-index:12;
}
#PPTConversion
{
left: 277px;
top: 581px;
position: absolute;
z-index: 13;
color: red;
font-size: x-large;
}
#OnIPFSADecentralized
{
left: 73px;
top: 701px;
position: absolute;
width: 719px;
height: 139px;
z-index:14;
}
#Dated
{
left: 361px;
top: 958px;
position: absolute;
width: 122px;
height: 29px;
z-index:15;
}
#Oct62023
{
left: 345px;
top: 973px;
position: absolute;
width: 185px;
height: 27px;
z-index:16;
}
#Toverifyyourcontent
{
left: 262px;
top: 1073px;
position: absolute;
width: 318px;
height: 26px;
z-index:17;
}
</style>
<body>
<div id="background">
<div id="Background"><img src="/home/ubuntu/mnf/MNF/static/media/Background.png"></div>
<div id="www11"><img src="/home/ubuntu/mnf/MNF/static/media/www11.png"></div>
<div id="sssqqq"><img src="/home/ubuntu/mnf/MNF/static/media/sssqqq.png"></div>
<div id="Layer3"><img src="/home/ubuntu/mnf/MNF/static/media/Layer3.png"></div>
<div id="CertificateID"><img src="/home/ubuntu/mnf/MNF/static/media/CertificateID.png"></div>
<div id="CertificateID1"><h1>{{id}}</h1></div>
<div id="Layer2"><img src="/home/ubuntu/mnf/MNF/static/media/Layer2.png"></div>
<div id="MNFLogoFinal"><img src="/home/ubuntu/mnf/MNF/static/media/MNFLogoFinal.png"></div>
<div id="CertificateOfProof"><img src="/home/ubuntu/mnf/MNF/static/media/CertificateOfProof.png"></div>
<div id="Thisistocertifythat"><img src="/home/ubuntu/mnf/MNF/static/media/Thisistocertifythat.png"></div>
<!-- <div id="Layer1"><img src="images/Layer1.png"></div> -->
<div id="Praveshenter9303gmai"><h1>{{name}}</h1></div>
<div id="hassuccessfullyuploa"><img src="/home/ubuntu/mnf/MNF/static/media/hassuccessfullyuploa.png"></div>
<div id="PPTConversion"><h1>{{file_from}}</h1></div>
<div id="OnIPFSADecentralized"><img src="/home/ubuntu/mnf/MNF/static/media/OnIPFSADecentralized.png"></div>
<div id="Dated"><img src="/home/ubuntu/mnf/MNF/static/media/Dated.png"></div>
<div id="Oct62023"><h1>{{date}}</h1></div>
<div id="Toverifyyourcontent"><img src="/home/ubuntu/mnf/MNF/static/media/Toverifyyourcontent.png"></div>
</div>
</body>
</html>