171 lines
4.9 KiB
HTML
171 lines
4.9 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
|
|
<html xmlns='http://www.w3.org/1999/xhtml'>
|
|
<head>
|
|
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
|
|
<title>Mail</title>
|
|
<style type='text/css'>
|
|
|
|
#main-element{
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
flex-direction: column;
|
|
|
|
background-color: #363640;
|
|
border: rgba(100, 149, 237, 0.3) solid 10px;
|
|
border-radius: 2rem;
|
|
height: 90%;
|
|
margin: 20px;
|
|
|
|
column-gap: 2rem;
|
|
|
|
color: white;
|
|
}
|
|
|
|
#header-elemet{
|
|
background-color: #2f2f37;
|
|
height: auto;
|
|
width: 90%;
|
|
border-radius: 1.5rem;
|
|
|
|
margin-top: 20px;
|
|
border: rgba(100, 149, 237, 0.3) solid 5px;
|
|
|
|
display: flex;
|
|
column-gap: 2rem;
|
|
}
|
|
|
|
#header-logo {
|
|
background-color: gray;
|
|
aspect-ratio: calc(5/2);
|
|
height: 120px;
|
|
margin: 15px;
|
|
}
|
|
|
|
#header-elemet h2 {
|
|
font-size: 29px;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
}
|
|
|
|
#body-element {
|
|
display: flex;
|
|
align-items: left;
|
|
flex-wrap: nowrap;
|
|
flex-direction: column;
|
|
gap: 2rem;
|
|
width: 90%;
|
|
}
|
|
|
|
.row-week {
|
|
background-color: #2f2f37;
|
|
height: auto;
|
|
width: 90%;
|
|
border-radius: 1.5rem;
|
|
|
|
margin-top: 20px;
|
|
border: rgba(100, 149, 237, 0.3) solid 5px;
|
|
|
|
display: flex;
|
|
column-gap: 2rem;
|
|
}
|
|
|
|
.row-week h2{
|
|
padding-left: 2%;
|
|
}
|
|
|
|
.row-week h3{
|
|
display: grid;
|
|
align-content: center;
|
|
}
|
|
|
|
.row-week div{
|
|
display: grid;
|
|
align-content: center;
|
|
margin: 2%;
|
|
width: 100%;
|
|
font-size: large;
|
|
}
|
|
#footer-element{
|
|
height: 100%;
|
|
display: grid;
|
|
align-content: end;
|
|
width: 95%;
|
|
padding-left: 1%;
|
|
padding-right: 1%;
|
|
}
|
|
#footer-element h5{
|
|
background-color: #2f2f37;
|
|
|
|
border-radius: 1.5rem;
|
|
border: rgba(100, 149, 237, 0.3) solid 5px;
|
|
padding: 1%;
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
h3 {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="width: 650px; background-color: purple; height: 800px;">
|
|
<div style="display: inline-flex;">
|
|
<a style="width: 200px; background-color: grey;">
|
|
LogoPAL
|
|
</a>
|
|
<div style="width: 450px; background-color: green;">
|
|
Viene richiesta la firma delle seguenti settimane <br>
|
|
Signature are requaired for following week
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="main-element">
|
|
<div id="header-elemet">
|
|
<div id="header-logo">
|
|
</div>
|
|
<div id="header-title">
|
|
<h2>Firma Settimana<br>Signature Week</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="body-element"> <!-- onclick='window.open("www.google.com",_"newtab")'> -->
|
|
<div class="row-week">
|
|
<h2>Settimana<br>Week</h2>
|
|
<h3>01/01/2024 08/01/2024</h3>
|
|
<div>
|
|
Clicca qui per firmare la settima indicata
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="body-element"> <!-- onclick='window.open("www.google.com",_"newtab")'> -->
|
|
<div class="row-week">
|
|
<h2>Settimana<br>Week</h2>
|
|
<h3>09/01/2024 16/01/2024</h3>
|
|
<div>
|
|
Clicca qui per firmare la settima indicata
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="body-element"> <!-- onclick='window.open("www.google.com",_"newtab")'> -->
|
|
<div class="row-week">
|
|
<h2>Settimana<br>Week</h2>
|
|
<h3>17/01/2024 24/01/2024</h3>
|
|
<div>
|
|
Clicca qui per firmare la settima indicata
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer-element">
|
|
<h5>This document is intended only for the named adressee. If you receive this message by mistake you are requested to destroy it and contact us at PAL's e-mail address 'info@pal.it'. PAL S.r.l. considers this document privileged, confidential and of great economical value. Any dissemination, copy, re-transmission, divulgation to third party or to competitors all over the world or other use of it in full or partially is prohibited without prior consent of PAL Directors. This e-mail comes from a non-personal e-mail box and, consequently, the content of the same as well as that of the e-mails addressed to it may be brought to the attention of other users of the sender's organization. The e-mail box usage is governed by current privacy legislation.</h2>
|
|
</div>
|
|
</div>
|
|
</body> |