|
494
|
1 |
{% load i18n %}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
|
3 |
<head> |
|
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
6 |
<title>Message du formulaire de contact hdalab</title> |
|
|
7 |
<!-- Designed by https://github.com/kaytcat --> |
|
|
8 |
<!-- Robot header image designed by Freepik.com --> |
|
|
9 |
<style type="text/css" media="only screen and (max-width: 480px)"> |
|
|
10 |
/* Mobile styles */ |
|
|
11 |
@media only screen and (max-width: 480px) { |
|
|
12 |
table[class="w320"] { |
|
|
13 |
width: 320px; |
|
|
14 |
} |
|
|
15 |
td[class="mobile-block"] { |
|
|
16 |
width: 100%; |
|
|
17 |
display: block; |
|
|
18 |
} |
|
|
19 |
} |
|
|
20 |
</style> |
|
|
21 |
</head> |
|
|
22 |
<body style="-webkit-font-smoothing:antialiased; width:100%; height:100%; color:#37302d; font-size:16px; padding:0; margin:0; display:block; background:#ffffff; -webkit-text-size-adjust:none" bgcolor="#ffffff" width="100%" height="100%"> |
|
|
23 |
<table align="center" cellpadding="0" cellspacing="0" height="100%" style="border-collapse:collapse; width:100%" width="100%"> |
|
|
24 |
<tr> |
|
|
25 |
<td align="center" valign="top" bgcolor="#ffffff" width="100%" style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center"> |
|
|
26 |
<center> |
|
|
27 |
<table style="border-collapse:collapse; margin:0 auto" cellpadding="0" cellspacing="0" width="600"> |
|
|
28 |
<tr> |
|
|
29 |
<td align="center" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center"> |
|
|
30 |
<table style="border-collapse:collapse; width:100%; margin:0 auto" cellpadding="0" cellspacing="0" width="100%"> |
|
|
31 |
<tr> |
|
|
32 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; font-size:30px; text-align:center" align="center"> |
|
|
33 |
<br> |
|
|
34 |
Message du formulaire de contact hdalab |
|
|
35 |
<br> |
|
|
36 |
<br> |
|
|
37 |
</td> |
|
|
38 |
</tr> |
|
|
39 |
</table> |
|
|
40 |
<table style="border-collapse:collapse; width:100%; margin:0 auto" cellpadding="0" cellspacing="0" bgcolor="#4dbfbf" width="100%"> |
|
|
41 |
<tr> |
|
|
42 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center" align="center"> |
|
|
43 |
<br> |
|
|
44 |
<img src="https://www.filepicker.io/api/file/TjmeNWS5Q2SFmtJlUGLf" width="224" height="240" alt="robot picture"> |
|
|
45 |
</td> |
|
|
46 |
</tr> |
|
|
47 |
<tr> |
|
|
48 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center; color:#ffffff; font-size:36px" align="center"> |
|
|
49 |
{{ subject }} |
|
|
50 |
</td> |
|
|
51 |
</tr> |
|
|
52 |
<tr> |
|
|
53 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center" align="center"> |
|
|
54 |
<center> |
|
|
55 |
<table style="border-collapse:collapse; margin:0 auto" cellpadding="0" cellspacing="0" width="60%"> |
|
|
56 |
<tr> |
|
|
57 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center; color:#187272" align="center"> |
|
|
58 |
<br> |
|
|
59 |
{{ message }} |
|
|
60 |
<br> |
|
|
61 |
<br> |
|
|
62 |
</td> |
|
|
63 |
</tr> |
|
|
64 |
</table> |
|
|
65 |
</center> |
|
|
66 |
</td> |
|
|
67 |
</tr> |
|
|
68 |
</table> |
|
|
69 |
<table style="border-collapse:collapse; width:100%; margin:0 auto" cellpadding="0" cellspacing="0" bgcolor="#f5774e" width="100%"> |
|
|
70 |
<tr> |
|
|
71 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:center; background-color:#f5774e" bgcolor="#f5774e" align="center"> |
|
|
72 |
<center> |
|
|
73 |
<table style="border-collapse:collapse; width:80%; margin:0 auto" cellspacing="0" cellpadding="0" width="80%"> |
|
|
74 |
<tr> |
|
|
75 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:left; color:#933f24" align="left"> |
|
|
76 |
<br> |
|
|
77 |
<br> |
|
|
78 |
Envoyeur: {{ sender }} |
|
|
79 |
</td> |
|
|
80 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; text-align:right; vertical-align:top; color:#933f24" align="right"> |
|
|
81 |
<br> |
|
|
82 |
<br> |
|
|
83 |
{{ email }} |
|
|
84 |
</td> |
|
|
85 |
</tr> |
|
|
86 |
</table> |
|
|
87 |
<table style="border-collapse:collapse; width:80%; margin:0 auto" cellspacing="0" cellpadding="0" width="80%"> |
|
|
88 |
<tr> |
|
|
89 |
<td style="font-family:Helvetica, Arial, sans-serif; font-weight:400; color:#933f24; text-align:left; border-bottom:1px solid #933f24" align="left"> |
|
|
90 |
<br> |
|
|
91 |
<br> |
|
|
92 |
</td> |
|
|
93 |
</tr> |
|
|
94 |
</table> |
|
|
95 |
</center> |
|
|
96 |
</td> |
|
|
97 |
</tr> |
|
|
98 |
</table> |
|
|
99 |
</td> |
|
|
100 |
</tr> |
|
|
101 |
</table> |
|
|
102 |
</center> |
|
|
103 |
</td> |
|
|
104 |
</tr> |
|
|
105 |
</table> |
|
|
106 |
</body> |
|
|
107 |
</html> |