-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
115 lines (101 loc) · 3.85 KB
/
index2.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
<!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" />
<!-- view port meta tag -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Projecto</title>
<style type="text/css">
/* hacks */
* { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; max-height:1000000px;}
table {border-collapse: collapse !important;}
#outlook a {padding:0;}
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; }
.ExternalClass * { line-height: 100%; }
.ios_geo a { color:#1c1c1c !important; text-decoration:none !important; }
.headline{
font-family: serif;
color: #000000;
font-size: 30px;
}
/* responsive styles */
@media only screen and (max-width: 600px) {
/* global styles */
.hide{ display:none !important; display:none;}
.blockwrap{ display:block !important; }
.showme{ display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important;}
*[class].movedown{ display: table-footer-group !important;}
*[class].moveup{ display: table-header-group !important; }
/* font styles */
*[class].textright{ text-align: right !important; }
*[class].textleft{ text-align: left !important; }
*[class].textcenter{ text-align: center !important; }
*[class].font27{ font-size: 27px !important; font-weight:normal !important; line-height:27px !important; }
/* width and heights */
*[class].h150{ height: 150px !important; }
*[class].w320{ width: 320px !important; }
/* Color de fondo */
/*El *[class] sirve para yahoo */
*[class].bgblack{
background-color: #000000 !important;
}
}
</style>
</head>
<body style="margin:0; padding:0;" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<!--[if gte mso 15]>
<style type="text/css" media="all">
tr { font-size:1px; mso-line-height-alt:0; mso-margin-top-alt:1px; }
</style>
<![endif]-->
<!-- Tener en cuenta que es mejor usar style directamente en la propiedad style="" -->
<span class="headline">Title of my project</span>
<!-- Este tipo de table se usa para agregar un color de fondo por ejemplo
y Solo sirve el primer table para manejar el fondo de nuestro correo.
-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#cccccc">
<tr>
<td align="center" valign="top">
<table width="600" bgcolor="#1c1c1c" align="center" class="bgblack w320">
<tr>
<td align="center" height="300" class="h150">
<span style="font-family: arial; font-size: 20px; color:#ffffff">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos non velit molestias repellat ipsum dolorem, libero repudiandae, soluta sequi modi laborum ipsam optio sunt sint veritatis fuga delectus. Ipsa, assumenda.
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- La etiqueta table para emails se consideran containers -->
<table width="600" align="center" bgcolor="#cccccc" class="w320">
<tr>
<td width="300" align="center" class="w320 blockwrap movedown">
<table>
<tr>
<td>
<span color="#ff0000">
module left
</span>
</td>
</tr>
</table>
</td>
<td width="300" align="center" class="w320 blockwrap moveup">
<table>
<tr>
<td>
<span color="#ff0000">
module right
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>