-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresp.html
123 lines (115 loc) · 3.38 KB
/
resp.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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style type="text/css">
@media screen and (min-width: 601px) {
.container {
width: 600px!important;
}
}
</style>
</head>
<body yahoo="" style="font-family: 'Arial' margin: 0; padding: 0;">
<!-- ******************************** THIS PART IS FOR FULL WIDTH ITEMS ******************************** -->
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" width="100%" cellpadding="0" cellspacing="0" style="max-width: 600px;">
<tr>
<td style="text-align: center; vertical-align: top; font-size: 0;">
<!--[if (gte mso 9)|(IE)]>
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<div style="width: 100%; display: inline-block; vertical-align: top;">
<table width="100%">
<tr>
<td style="font-size: 16px;">
Lorem ipsum dolor sit amet, posse maluisset ut ius. Ex graecis volumus inciderint eam, te vel ignota nusquam interpretaris. Nusquam definiebas eos et. Dico possim albucius his cu, nihil zril bonorum eam no.
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
<!-- *************************** END FULL WIDTH PART ***************************** -->
<!-- *************************** THIS PART IS FOR GRIDS ************************** -->
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="container" width="100%" cellpadding="0" cellspacing="0" style="max-width: 600px;">
<tr>
<td style="text-align: center; vertical-align: top; font-size: 0;">
<!--[if (gte mso 9)|(IE)]>
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<div style="width: 200px; display: inline-block; vertical-align: top;">
<table width="100%">
<tr>
<td style="font-size: 16px;">
<img width="200" src="http://mristic.com/test-resp/red.png">
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
<div style="width: 200px; display: inline-block; vertical-align: top;">
<table width="100%">
<tr>
<td style="font-size: 16px;">
<img width="200" src="http://mristic.com/test-resp/green.png">
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td><td>
<![endif]-->
<div style="width: 200px; display: inline-block; vertical-align: top;">
<table width="100%">
<tr>
<td style="font-size: 16px;">
<img width="200" src="http://mristic.com/test-resp/blue.png">
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
<!-- ******************************** END GRIDS PART ******************************** -->
</body>
</html>