/
resources.html
51 lines (51 loc) · 1.82 KB
/
resources.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HtmlWithImagesAndCssTemplateSample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="css/layout.css" rel="stylesheet" /> <!--1-->
<link href="css/theme.css" rel="stylesheet" /> <!--2-->
</head>
<body>
<header>
<img src="images/h1.gif" alt="Creating Email Magic" /> <!--3-->
</header>
<div class="content">
<span th:text="${name}">name</span>
<p th:text="${value}">value</p>
<div class="left">
<img src="images/left.gif" data-inline-image="base64" /> <!--4-->
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
posuere mauris neque at erat.
</p>
</div>
<div class="right">
<img src="images/right.gif" data-inline-image="attach" /> <!--5-->
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In
tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi
porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in
posuere mauris neque at erat.
</p>
</div>
</div>
<footer>
<div class="social">
<a href="http://www.twitter.com/">
<img src="images/tw.gif" alt="Twitter" /> <!--6-->
</a>
<a href="http://www.facebook.com/">
<img src="images/fb.gif" alt="Facebook" data-inline-image="skip" /> <!--7-->
</a>
</div>
<div class="sender-info">
® Someone, somewhere 2013<br />
<a href="#" class="white" data-inline-styles="skip">Unsubscribe</a> to this newsletter instantly <!--8-->
</div>
</footer>
</body>
</html>