@turbodocx/html-to-docx 1.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +162 -0
- package/dist/html-to-docx.esm.js +2 -0
- package/dist/html-to-docx.esm.js.map +1 -0
- package/dist/html-to-docx.umd.js +2 -0
- package/dist/html-to-docx.umd.js.map +1 -0
- package/example/example-node.js +1636 -0
- package/example/example.js +1639 -0
- package/example/react-example/README.md +70 -0
- package/example/react-example/package-lock.json +23047 -0
- package/example/react-example/package.json +40 -0
- package/package.json +100 -0
|
@@ -0,0 +1,1639 @@
|
|
|
1
|
+
/* eslint-disable no-console */
|
|
2
|
+
import fs from 'fs';
|
|
3
|
+
// FIXME: Incase you have the npm package
|
|
4
|
+
// import HTMLtoDOCX from 'html-to-docx';
|
|
5
|
+
import HTMLtoDOCX from '../dist/html-to-docx.esm';
|
|
6
|
+
|
|
7
|
+
const filePath = './example.docx';
|
|
8
|
+
|
|
9
|
+
const htmlString = `<!DOCTYPE html>
|
|
10
|
+
<html lang="en">
|
|
11
|
+
<head>
|
|
12
|
+
<meta charset="UTF-8" />
|
|
13
|
+
<title>Document</title>
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<div>
|
|
17
|
+
<p>Taken from wikipedia</p>
|
|
18
|
+
<img
|
|
19
|
+
src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="
|
|
20
|
+
alt="Red dot"
|
|
21
|
+
/>
|
|
22
|
+
<img
|
|
23
|
+
src="https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png"
|
|
24
|
+
alt="Red dot"
|
|
25
|
+
/>
|
|
26
|
+
</div>
|
|
27
|
+
<div>
|
|
28
|
+
<h1>This is heading 1</h1>
|
|
29
|
+
<p>Content</p>
|
|
30
|
+
<h2>This is heading 2</h2>
|
|
31
|
+
<p>Content</p>
|
|
32
|
+
<h3>This is heading 3</h3>
|
|
33
|
+
<p>Content</p>
|
|
34
|
+
<h4>This is heading 4</h4>
|
|
35
|
+
<p>Content</p>
|
|
36
|
+
<h5>This is heading 5</h5>
|
|
37
|
+
<p>Content</p>
|
|
38
|
+
<h6>This is heading 6</h6>
|
|
39
|
+
<p>Content</p>
|
|
40
|
+
</div>
|
|
41
|
+
<p>
|
|
42
|
+
<strong>
|
|
43
|
+
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make
|
|
44
|
+
a type specimen book.
|
|
45
|
+
</strong>
|
|
46
|
+
<i>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</i>
|
|
47
|
+
<u>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,</u>and more recently with desktop publishing software
|
|
48
|
+
<span style="color: hsl(0, 75%, 60%);"> like Aldus PageMaker </span>including versions of Lorem Ipsum.
|
|
49
|
+
<span style="background-color: hsl(0, 75%, 60%);">Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text.</span>
|
|
50
|
+
It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
|
|
51
|
+
</p>
|
|
52
|
+
<p style="font-family: 'Courier New', Courier, monospace;">Look at me, i'm a paragraph in Courier New!</p>
|
|
53
|
+
<p style="font-family: SerifTestFont, serif;">Look at me, i'm a paragraph in SerifTestFont!</p>
|
|
54
|
+
<p style="font-family: SansTestFont, sans-serif;">Look at me, i'm a paragraph in SansTestFont!</p>
|
|
55
|
+
<p style="font-family: MonoTestFont, monospace;">Look at me, i'm a paragraph in MonoTestFont!</p>
|
|
56
|
+
<blockquote>
|
|
57
|
+
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
|
|
58
|
+
</blockquote>
|
|
59
|
+
<p>
|
|
60
|
+
<strong>
|
|
61
|
+
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make
|
|
62
|
+
a type specimen book.
|
|
63
|
+
</strong>
|
|
64
|
+
</p>
|
|
65
|
+
<p style="margin-left: 40px;">
|
|
66
|
+
<strong>Left indented paragraph:</strong>
|
|
67
|
+
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</span>
|
|
68
|
+
</p>
|
|
69
|
+
<p style="margin-right: 40px;">
|
|
70
|
+
<strong>Right indented paragraph:</strong>
|
|
71
|
+
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</span>
|
|
72
|
+
</p>
|
|
73
|
+
<p style="margin-left: 40px; margin-right: 40px;">
|
|
74
|
+
<strong>Left and right indented paragraph:</strong>
|
|
75
|
+
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</span>
|
|
76
|
+
</p>
|
|
77
|
+
<ul style="list-style-type: circle;">
|
|
78
|
+
<li>Unordered list element</li>
|
|
79
|
+
</ul>
|
|
80
|
+
<br>
|
|
81
|
+
<ol style="list-style-type: decimal;">
|
|
82
|
+
<li>Ordered list element</li>
|
|
83
|
+
</ol>
|
|
84
|
+
<div class="page-break" style="page-break-after: always"></div>
|
|
85
|
+
<ul>
|
|
86
|
+
<li><span style="font-size:10pt"><span style="color:##e28743">I am a teacup <strong><span style="color:#595959">A strong teacup</span></strong></span></span></li>
|
|
87
|
+
<li><span style="font-size:10pt"><span style="color:#4d4f53">I am another teacup <strong><span style="color:#2596be">A blue</span></strong> Teacup</span></span></li>
|
|
88
|
+
<li><span style="font-size:10pt"><span style="color:#cc1177">Stonks only go up if you turn the chart sometimes</span></span></li>
|
|
89
|
+
</ul>
|
|
90
|
+
<div class="page-break" style="page-break-after: always"></div>
|
|
91
|
+
<ul>
|
|
92
|
+
<li>
|
|
93
|
+
<a href="https://en.wikipedia.org/wiki/Coffee">
|
|
94
|
+
<strong>
|
|
95
|
+
<u>Coffee</u>
|
|
96
|
+
</strong>
|
|
97
|
+
</a>
|
|
98
|
+
</li>
|
|
99
|
+
<li>Tea
|
|
100
|
+
<ol>
|
|
101
|
+
<li>Black tea
|
|
102
|
+
<ol style="list-style-type:lower-alpha-bracket-end;" data-start="2">
|
|
103
|
+
<li>Srilankan <strong>Tea</strong>
|
|
104
|
+
<ul>
|
|
105
|
+
<li>Uva <b>Tea</b></li>
|
|
106
|
+
</ul>
|
|
107
|
+
</li>
|
|
108
|
+
<li>Assam Tea</li>
|
|
109
|
+
</ol>
|
|
110
|
+
</li>
|
|
111
|
+
<li>Green tea</li>
|
|
112
|
+
</ol>
|
|
113
|
+
</li>
|
|
114
|
+
<li>Milk
|
|
115
|
+
<ol>
|
|
116
|
+
<li>Cow Milk</li>
|
|
117
|
+
<li>Soy Milk</li>
|
|
118
|
+
</ol>
|
|
119
|
+
</li>
|
|
120
|
+
</ul>
|
|
121
|
+
<br>
|
|
122
|
+
<table>
|
|
123
|
+
<tr>
|
|
124
|
+
<th>Country</th>
|
|
125
|
+
<th>Capital</th>
|
|
126
|
+
</tr>
|
|
127
|
+
<tr>
|
|
128
|
+
<td>India</td>
|
|
129
|
+
<td>New Delhi</td>
|
|
130
|
+
</tr>
|
|
131
|
+
<tr>
|
|
132
|
+
<td>United States of America</td>
|
|
133
|
+
<td>Washington DC</td>
|
|
134
|
+
</tr>
|
|
135
|
+
<tr>
|
|
136
|
+
<td>Bolivia</td>
|
|
137
|
+
<td>
|
|
138
|
+
<ol>
|
|
139
|
+
<li>Sucre</li>
|
|
140
|
+
<li>La Paz</li>
|
|
141
|
+
</ol>
|
|
142
|
+
</td>
|
|
143
|
+
</tr>
|
|
144
|
+
</table>
|
|
145
|
+
|
|
146
|
+
<div class="page-break" style="page-break-after: always"></div>
|
|
147
|
+
<table align="center" class="Table">
|
|
148
|
+
<tbody>
|
|
149
|
+
<tr>
|
|
150
|
+
<td colspan="2" rowspan="2" style="border-bottom:none; width:249px; padding:5px 11px 5px 11px; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
151
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"> </span></span></span></p>
|
|
152
|
+
</td>
|
|
153
|
+
<td colspan="3" style="border-bottom:1px solid black; width:374px; padding:5px 11px 5px 11px; background-color:gray; border-top:1px solid black; border-right:1px solid black; border-left:none" valign="top">
|
|
154
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">Example Header</span></span></span></span></p>
|
|
155
|
+
</td>
|
|
156
|
+
</tr>
|
|
157
|
+
<tr>
|
|
158
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#d9d9d9; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
159
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">Financial</span></span></b></span></span></span></p>
|
|
160
|
+
</td>
|
|
161
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#d9d9d9; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
162
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">Tech</span></span></b></span></span></span></p>
|
|
163
|
+
</td>
|
|
164
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#d9d9d9; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
165
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">Total Market</span></span></b></span></span></span></p>
|
|
166
|
+
</td>
|
|
167
|
+
</tr>
|
|
168
|
+
<tr>
|
|
169
|
+
<td rowspan="3" style="border-bottom:none; width:125px; padding:5px 11px 5px 11px; background-color:gray; border-top:none; border-right:1px solid black; border-left:1px solid black" valign="top">
|
|
170
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">Level of Meme</span></span></b></span></span></span></p>
|
|
171
|
+
</td>
|
|
172
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#d9d9d9; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
173
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">High</span></span></b></span></span></span></p>
|
|
174
|
+
</td>
|
|
175
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:red; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
176
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">GUSH</span></span></span></span></p>
|
|
177
|
+
</td>
|
|
178
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#ffc000; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
179
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">ARKK</span></span></span></span></p>
|
|
180
|
+
</td>
|
|
181
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:yellow; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
182
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">SPLX</span></span></span></span></p>
|
|
183
|
+
</td>
|
|
184
|
+
</tr>
|
|
185
|
+
<tr>
|
|
186
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#d9d9d9; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
187
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">Medium</span></span></b></span></span></span></p>
|
|
188
|
+
</td>
|
|
189
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#ffc000; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
190
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">[̲̅$̲̅(̲̅ ͡° ͜ʖ ͡°̲̅)̲̅$̲̅]</span></span></span></span></p>
|
|
191
|
+
</td>
|
|
192
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:yellow; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
193
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">TQQQ</span></span></span></span></p>
|
|
194
|
+
</td>
|
|
195
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#92d050; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
196
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">( ͡~ ͜ʖ ͡°)</span></span></span></span></p>
|
|
197
|
+
</td>
|
|
198
|
+
</tr>
|
|
199
|
+
<tr>
|
|
200
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#d9d9d9; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
201
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><b><span style="font-size:10.0pt"><span style="color:black">Low</span></span></b></span></span></span></p>
|
|
202
|
+
</td>
|
|
203
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:yellow; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
204
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">( ◔ ʖ̯ ◔ )</span></span></span></span></p>
|
|
205
|
+
</td>
|
|
206
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#92d050; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
207
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">QQQ</span></span></span></span></p>
|
|
208
|
+
</td>
|
|
209
|
+
<td style="border-bottom:1px solid black; width:125px; padding:5px 11px 5px 11px; background-color:#00b050; border-top:none; border-right:1px solid black; border-left:none" valign="top">
|
|
210
|
+
<p style="margin-bottom:8px"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:11pt"><span style="line-height:12pt"><span style="color:black">SPY</span></span></span></span></p>
|
|
211
|
+
</td>
|
|
212
|
+
</tr>
|
|
213
|
+
</tbody>
|
|
214
|
+
</table>
|
|
215
|
+
<ul>
|
|
216
|
+
<li style="margin-bottom:10px">
|
|
217
|
+
<span style="font-size:10pt"><span style="color:#e28743">I am a teacup <strong><span style="color:#595959">A strong teacup</span></strong></span></span>
|
|
218
|
+
</li>
|
|
219
|
+
<li style="margin-bottom:15px">
|
|
220
|
+
<span style="font-size:10pt"><span style="color:#4d4f53">I am another teacup <strong><span style="color:#2596be">A blue</span></strong> Teacup</span></span>
|
|
221
|
+
</li>
|
|
222
|
+
<li style="margin-bottom:20px">
|
|
223
|
+
<span style="font-size:15pt"><span style="color:#cc1177">Stonks only go up if you turn the chart sometimes</span></span>
|
|
224
|
+
</li>
|
|
225
|
+
<li style="margin-bottom:30px">
|
|
226
|
+
<span style="font-size:15pt"><span style="color:#cc1177">One small step for man</span></span>
|
|
227
|
+
</li>
|
|
228
|
+
<li>
|
|
229
|
+
<span style="font-size:30pt"><span style="color:#cc1177">One giant leap for mankind</span></span>
|
|
230
|
+
</li>
|
|
231
|
+
<li>
|
|
232
|
+
<span style="font-size:30pt"><span style="color:#cc1177">Never surrender, no mercy, and never give up!</span></span>
|
|
233
|
+
</li>
|
|
234
|
+
</ul>
|
|
235
|
+
|
|
236
|
+
<p>Different borders</p>
|
|
237
|
+
<table
|
|
238
|
+
style="border-collapse: collapse; border-left:1px solid black; border-right: 2px solid brown; border-top: 2px solid yellow; border-bottom: 4px solid orange">
|
|
239
|
+
<tbody>
|
|
240
|
+
<tr>
|
|
241
|
+
<td>Row 1, Col 1</td>
|
|
242
|
+
<td>Row 1, Col 2</td>
|
|
243
|
+
</tr>
|
|
244
|
+
<tr>
|
|
245
|
+
<td>Row 2, Col 1</td>
|
|
246
|
+
<td>Row 2, Col 2</td>
|
|
247
|
+
</tr>
|
|
248
|
+
</tbody>
|
|
249
|
+
</table>
|
|
250
|
+
|
|
251
|
+
<p>Mid Merge Border</p>
|
|
252
|
+
<table class="MsoTableGrid" style="border-collapse: collapse; border: none;" border="1" cellspacing="0" cellpadding="0">
|
|
253
|
+
<tbody>
|
|
254
|
+
<tr>
|
|
255
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top">
|
|
256
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
257
|
+
</p>
|
|
258
|
+
</td>
|
|
259
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-left: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
260
|
+
valign="top">
|
|
261
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
262
|
+
</p>
|
|
263
|
+
</td>
|
|
264
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-left: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
265
|
+
valign="top">
|
|
266
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
267
|
+
</p>
|
|
268
|
+
</td>
|
|
269
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-left: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
270
|
+
valign="top">
|
|
271
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
272
|
+
</p>
|
|
273
|
+
</td>
|
|
274
|
+
</tr>
|
|
275
|
+
<tr>
|
|
276
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
277
|
+
valign="top">
|
|
278
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
279
|
+
</p>
|
|
280
|
+
</td>
|
|
281
|
+
<td style="width: 225.4pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
282
|
+
colspan="2" rowspan="2" valign="top">
|
|
283
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
284
|
+
</p>
|
|
285
|
+
</td>
|
|
286
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
287
|
+
valign="top">
|
|
288
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
289
|
+
</p>
|
|
290
|
+
</td>
|
|
291
|
+
</tr>
|
|
292
|
+
<tr>
|
|
293
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
294
|
+
valign="top">
|
|
295
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
296
|
+
</p>
|
|
297
|
+
</td>
|
|
298
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
299
|
+
valign="top">
|
|
300
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
301
|
+
</p>
|
|
302
|
+
</td>
|
|
303
|
+
</tr>
|
|
304
|
+
<tr>
|
|
305
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
306
|
+
valign="top">
|
|
307
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
308
|
+
</p>
|
|
309
|
+
</td>
|
|
310
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
311
|
+
valign="top">
|
|
312
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
313
|
+
</p>
|
|
314
|
+
</td>
|
|
315
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
316
|
+
valign="top">
|
|
317
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
318
|
+
</p>
|
|
319
|
+
</td>
|
|
320
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
321
|
+
valign="top">
|
|
322
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
323
|
+
</p>
|
|
324
|
+
</td>
|
|
325
|
+
</tr>
|
|
326
|
+
<tr>
|
|
327
|
+
<td style="width: 112.7pt; border: solid windowtext 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
328
|
+
valign="top">
|
|
329
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
330
|
+
</p>
|
|
331
|
+
</td>
|
|
332
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
333
|
+
valign="top">
|
|
334
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
335
|
+
</p>
|
|
336
|
+
</td>
|
|
337
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
338
|
+
valign="top">
|
|
339
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
340
|
+
</p>
|
|
341
|
+
</td>
|
|
342
|
+
<td style="width: 112.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt;"
|
|
343
|
+
valign="top">
|
|
344
|
+
<p style="margin: 0cm; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
345
|
+
</p>
|
|
346
|
+
</td>
|
|
347
|
+
</tr>
|
|
348
|
+
</tbody>
|
|
349
|
+
</table>
|
|
350
|
+
|
|
351
|
+
<p>Tiny MCE No Border Case</p>
|
|
352
|
+
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0">
|
|
353
|
+
<tbody>
|
|
354
|
+
<tr>
|
|
355
|
+
<td style="width: 116.25pt; background: #2F5496; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
356
|
+
<p
|
|
357
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
358
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: white;">Project Phase</span></p>
|
|
359
|
+
</td>
|
|
360
|
+
<td style="width: 297.0pt; background: #2F5496; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
361
|
+
<p
|
|
362
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
363
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: white;">Activities in Scope</span></p>
|
|
364
|
+
</td>
|
|
365
|
+
<td style="width: 1.25in; background: #2F5496; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
366
|
+
<p
|
|
367
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
368
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: white;">Estimated Hours</span></p>
|
|
369
|
+
</td>
|
|
370
|
+
</tr>
|
|
371
|
+
<tr>
|
|
372
|
+
<td style="width: 503.25pt; background: #E7E6E6; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" colspan="3"
|
|
373
|
+
valign="top">
|
|
374
|
+
<p
|
|
375
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
376
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: black;">AWS Cloud Build</span></p>
|
|
377
|
+
</td>
|
|
378
|
+
</tr>
|
|
379
|
+
<tr>
|
|
380
|
+
<td style="width: 116.25pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
381
|
+
<p
|
|
382
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
383
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Deploy (4) Nodes within AWS per
|
|
384
|
+
Region</span></p>
|
|
385
|
+
</td>
|
|
386
|
+
<td style="width: 297.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
387
|
+
<p
|
|
388
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
389
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Our Services will assist with onboarding of
|
|
390
|
+
the remote offices. We believe having three nodes per AWS Region will provide optimal High
|
|
391
|
+
Availability (HA)</span></p>
|
|
392
|
+
</td>
|
|
393
|
+
<td style="width: 1.25in; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
394
|
+
<p
|
|
395
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
396
|
+
<span style="font-size: 12.0pt; line-height: 107%;">16</span></p>
|
|
397
|
+
</td>
|
|
398
|
+
</tr>
|
|
399
|
+
<tr>
|
|
400
|
+
<td style="width: 5.75in; background: #E7E6E6; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" colspan="2"
|
|
401
|
+
valign="top">
|
|
402
|
+
<p
|
|
403
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
404
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: black;">Feedback and Environment
|
|
405
|
+
Remediation</span></p>
|
|
406
|
+
</td>
|
|
407
|
+
<td style="width: 1.25in; background: #E7E6E6; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
408
|
+
<p
|
|
409
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
410
|
+
</p>
|
|
411
|
+
</td>
|
|
412
|
+
</tr>
|
|
413
|
+
<tr>
|
|
414
|
+
<td style="width: 116.25pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
415
|
+
<p
|
|
416
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
417
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Solicit Initial feedback</span></p>
|
|
418
|
+
</td>
|
|
419
|
+
<td style="width: 297.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
420
|
+
<p
|
|
421
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
422
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Work with initial pilot user groups to
|
|
423
|
+
solicit feedback around the performance of the platform. </span></p>
|
|
424
|
+
</td>
|
|
425
|
+
<td style="width: 1.25in; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
426
|
+
<p
|
|
427
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
428
|
+
<span style="font-size: 12.0pt; line-height: 107%;">5</span></p>
|
|
429
|
+
</td>
|
|
430
|
+
</tr>
|
|
431
|
+
<tr>
|
|
432
|
+
<td style="width: 116.25pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
433
|
+
<p
|
|
434
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
435
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Environment Remediation</span></p>
|
|
436
|
+
</td>
|
|
437
|
+
<td style="width: 297.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
438
|
+
<p
|
|
439
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
440
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Our Services will allocate up
|
|
441
|
+
to <strong>15 project-hours</strong> for initial remediation as part of this
|
|
442
|
+
engagement. Should more hours be needed, we will discuss it with the client project
|
|
443
|
+
lead and provide an addendum to this scope definition upon mutual agreement.</span></p>
|
|
444
|
+
</td>
|
|
445
|
+
<td style="width: 1.25in; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
446
|
+
<p
|
|
447
|
+
style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
448
|
+
<span style="font-size: 12.0pt; line-height: 107%;">20</span></p>
|
|
449
|
+
</td>
|
|
450
|
+
</tr>
|
|
451
|
+
</tbody>
|
|
452
|
+
</table>
|
|
453
|
+
|
|
454
|
+
<p>Tiny MCE Normal Case</p>
|
|
455
|
+
<table class="MsoNormalTable" style="border: solid black 1.0pt;" border="1" cellspacing="0" cellpadding="0">
|
|
456
|
+
<tbody>
|
|
457
|
+
<tr>
|
|
458
|
+
<td style="width: 116.25pt; border: solid black 1.0pt; background: #2F5496; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
459
|
+
valign="top">
|
|
460
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
461
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: white;">Project Phase</span>
|
|
462
|
+
</p>
|
|
463
|
+
</td>
|
|
464
|
+
<td style="width: 297.0pt; border: solid black 1.0pt; background: #2F5496; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
465
|
+
valign="top">
|
|
466
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
467
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: white;">Activities in Scope</span>
|
|
468
|
+
</p>
|
|
469
|
+
</td>
|
|
470
|
+
<td style="width: 1.25in; border: solid black 1.0pt; background: #2F5496; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
471
|
+
valign="top">
|
|
472
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
473
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: white;">Estimated Hours</span>
|
|
474
|
+
</p>
|
|
475
|
+
</td>
|
|
476
|
+
</tr>
|
|
477
|
+
<tr>
|
|
478
|
+
<td style="width: 503.25pt; border: solid black 1.0pt; background: #E7E6E6; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
479
|
+
colspan="3" valign="top">
|
|
480
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
481
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: black;">AWS Cloud Build</span>
|
|
482
|
+
</p>
|
|
483
|
+
</td>
|
|
484
|
+
</tr>
|
|
485
|
+
<tr>
|
|
486
|
+
<td style="width: 116.25pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
487
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
488
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Deploy (4) Nodes within AWS per
|
|
489
|
+
Region</span>
|
|
490
|
+
</p>
|
|
491
|
+
</td>
|
|
492
|
+
<td style="width: 297.0pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
493
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
494
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Our Services will assist with onboarding of the
|
|
495
|
+
remote offices. We believe having three nodes per AWS Region will provide optimal High
|
|
496
|
+
Availability (HA)</span>
|
|
497
|
+
</p>
|
|
498
|
+
</td>
|
|
499
|
+
<td style="width: 1.25in; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
500
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
501
|
+
<span style="font-size: 12.0pt; line-height: 107%;">16</span>
|
|
502
|
+
</p>
|
|
503
|
+
</td>
|
|
504
|
+
</tr>
|
|
505
|
+
<tr>
|
|
506
|
+
<td style="width: 5.75in; border: solid black 1.0pt; background: #E7E6E6; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
507
|
+
colspan="2" valign="top">
|
|
508
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
509
|
+
<span style="font-size: 12.0pt; line-height: 107%; color: black;">Feedback and Environment
|
|
510
|
+
Remediation</span>
|
|
511
|
+
</p>
|
|
512
|
+
</td>
|
|
513
|
+
<td style="width: 1.25in; border: solid black 1.0pt; background: #E7E6E6; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
514
|
+
valign="top">
|
|
515
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
516
|
+
</p>
|
|
517
|
+
</td>
|
|
518
|
+
</tr>
|
|
519
|
+
<tr>
|
|
520
|
+
<td style="width: 116.25pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
521
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
522
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Solicit Initial feedback</span>
|
|
523
|
+
</p>
|
|
524
|
+
</td>
|
|
525
|
+
<td style="width: 297.0pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
526
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
527
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Work with initial pilot user groups to solicit
|
|
528
|
+
feedback around the performance of the platform. </span>
|
|
529
|
+
</p>
|
|
530
|
+
</td>
|
|
531
|
+
<td style="width: 1.25in; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
532
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
533
|
+
<span style="font-size: 12.0pt; line-height: 107%;">5</span>
|
|
534
|
+
</p>
|
|
535
|
+
</td>
|
|
536
|
+
</tr>
|
|
537
|
+
<tr>
|
|
538
|
+
<td style="width: 116.25pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
539
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
540
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Environment Remediation</span>
|
|
541
|
+
</p>
|
|
542
|
+
</td>
|
|
543
|
+
<td style="width: 297.0pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
544
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
545
|
+
<span style="font-size: 12.0pt; line-height: 107%;">Our Services will allocate up
|
|
546
|
+
to <strong>15 project-hours</strong> for initial remediation as part of this
|
|
547
|
+
engagement. Should more hours be needed, we will discuss it with the client project
|
|
548
|
+
lead and provide an addendum to this scope definition upon mutual agreement.</span>
|
|
549
|
+
</p>
|
|
550
|
+
</td>
|
|
551
|
+
<td style="width: 1.25in; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
552
|
+
<p style="margin: 0in 0in 8pt; line-height: 107%; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
553
|
+
<span style="font-size: 12.0pt; line-height: 107%;">20</span>
|
|
554
|
+
</p>
|
|
555
|
+
</td>
|
|
556
|
+
</tr>
|
|
557
|
+
</tbody>
|
|
558
|
+
</table>
|
|
559
|
+
|
|
560
|
+
<p>Tiny MCE Shapes Case</p>
|
|
561
|
+
<table class="MsoTableGrid" style="width: 624px; border-collapse: collapse; border: none; height: 96.5px;" border="1"
|
|
562
|
+
cellspacing="0" cellpadding="0">
|
|
563
|
+
<tbody>
|
|
564
|
+
<tr style="height: 19px;">
|
|
565
|
+
<td style="width: 117pt; border: 1pt solid black; background: rgb(68, 114, 196); padding: 0in 5.4pt; height: 19px;"
|
|
566
|
+
valign="top">
|
|
567
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"><span
|
|
568
|
+
style="color: white;">Test table1</span></p>
|
|
569
|
+
</td>
|
|
570
|
+
<td style="width: 117pt; border-top: 1pt solid black; border-right: 1pt solid black; border-bottom: 1pt solid black; border-image: initial; border-left: none; background: rgb(68, 114, 196); padding: 0in 5.4pt; height: 19px;"
|
|
571
|
+
valign="top">
|
|
572
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"><span
|
|
573
|
+
style="color: white;">Test table2</span></p>
|
|
574
|
+
</td>
|
|
575
|
+
<td style="width: 117pt; border-top: 1pt solid black; border-right: 1pt solid black; border-bottom: 1pt solid black; border-image: initial; border-left: none; padding: 0in 5.4pt; height: 19px;"
|
|
576
|
+
valign="top">
|
|
577
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">Test
|
|
578
|
+
co3l3</p>
|
|
579
|
+
</td>
|
|
580
|
+
<td style="width: 117pt; border-top: 1pt solid black; border-right: 1pt solid black; border-bottom: 1pt solid black; border-image: initial; border-left: none; background: rgb(237, 125, 49); padding: 0in 5.4pt; height: 19px;"
|
|
581
|
+
valign="top">
|
|
582
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;"><span
|
|
583
|
+
style="color: black;">Shad here</span></p>
|
|
584
|
+
</td>
|
|
585
|
+
</tr>
|
|
586
|
+
<tr style="height: 19px;">
|
|
587
|
+
<td style="width: 117pt; border-top: none; border-left: 1pt solid black; border-bottom: 1pt solid windowtext; border-right: 1pt solid black; padding: 0in 5.4pt; height: 38px;"
|
|
588
|
+
rowspan="2" valign="top">
|
|
589
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
590
|
+
</p>
|
|
591
|
+
</td>
|
|
592
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0in 5.4pt; height: 19px;"
|
|
593
|
+
valign="top">
|
|
594
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
595
|
+
</p>
|
|
596
|
+
</td>
|
|
597
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0in 5.4pt; height: 19px;"
|
|
598
|
+
valign="top">
|
|
599
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
600
|
+
</p>
|
|
601
|
+
</td>
|
|
602
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0in 5.4pt; height: 19px;"
|
|
603
|
+
valign="top">
|
|
604
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
605
|
+
</p>
|
|
606
|
+
</td>
|
|
607
|
+
</tr>
|
|
608
|
+
<tr style="height: 19px;">
|
|
609
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid windowtext; border-right: 1pt solid black; padding: 0in 5.4pt; height: 19px;"
|
|
610
|
+
valign="top">
|
|
611
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
612
|
+
</p>
|
|
613
|
+
</td>
|
|
614
|
+
<td style="width: 3.25in; border-top: none; border-left: none; border-bottom: 1pt solid black; border-right: 1pt solid black; padding: 0in 5.4pt; height: 19px;"
|
|
615
|
+
colspan="2" valign="top">
|
|
616
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
617
|
+
</p>
|
|
618
|
+
</td>
|
|
619
|
+
</tr>
|
|
620
|
+
<tr style="height: 19.5px;">
|
|
621
|
+
<td style="width: 117pt; border: none; padding: 0in 5.4pt; height: 19.5px;" valign="top">
|
|
622
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
623
|
+
</p>
|
|
624
|
+
</td>
|
|
625
|
+
<td style="width: 117pt; border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1pt solid windowtext; padding: 0in 5.4pt; height: 19.5px;"
|
|
626
|
+
valign="top">
|
|
627
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
628
|
+
</p>
|
|
629
|
+
</td>
|
|
630
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid rgb(0, 176, 80); border-right: 1pt solid black; padding: 0in 5.4pt; height: 19.5px;"
|
|
631
|
+
valign="top">
|
|
632
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
633
|
+
</p>
|
|
634
|
+
</td>
|
|
635
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid rgb(237, 125, 49); border-right: 1pt solid black; padding: 0in 5.4pt; height: 19.5px;"
|
|
636
|
+
valign="top">
|
|
637
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
638
|
+
</p>
|
|
639
|
+
</td>
|
|
640
|
+
</tr>
|
|
641
|
+
<tr style="height: 20px;">
|
|
642
|
+
<td style="width: 117pt; border: none; padding: 0in 5.4pt; height: 20px;" valign="top">
|
|
643
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
644
|
+
</p>
|
|
645
|
+
</td>
|
|
646
|
+
<td style="width: 117pt; border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1pt solid windowtext; padding: 0in 5.4pt; height: 20px;"
|
|
647
|
+
valign="top">
|
|
648
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
649
|
+
</p>
|
|
650
|
+
</td>
|
|
651
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid rgb(0, 176, 80); border-right: 1pt solid rgb(237, 125, 49); padding: 0in 5.4pt; height: 20px;"
|
|
652
|
+
valign="top">
|
|
653
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
654
|
+
</p>
|
|
655
|
+
</td>
|
|
656
|
+
<td style="width: 117pt; border-top: none; border-left: none; border-bottom: 1pt solid rgb(237, 125, 49); border-right: 1pt solid rgb(237, 125, 49); padding: 0in 5.4pt; height: 20px;"
|
|
657
|
+
valign="top">
|
|
658
|
+
<p style="margin: 0in; line-height: normal; font-size: 11pt; font-family: Calibri, sans-serif;">
|
|
659
|
+
</p>
|
|
660
|
+
</td>
|
|
661
|
+
</tr>
|
|
662
|
+
</tbody>
|
|
663
|
+
</table>
|
|
664
|
+
<p>Border only on table with Collapse</p>
|
|
665
|
+
<table border="1" style="border-collapse:collapse">
|
|
666
|
+
<tbody>
|
|
667
|
+
<tr>
|
|
668
|
+
<td style="border-left:none">HELLO WORLDD</td>
|
|
669
|
+
<td>Check Here</td>
|
|
670
|
+
</tr>
|
|
671
|
+
</tbody>
|
|
672
|
+
</table>
|
|
673
|
+
|
|
674
|
+
<p>Shapes but with border property on rowspan</p>
|
|
675
|
+
<table class="MsoNormalTable" style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0">
|
|
676
|
+
<tbody>
|
|
677
|
+
<tr style="page-break-inside: avoid;">
|
|
678
|
+
<td style="width: 186.75pt; border: none; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
679
|
+
colspan="2" rowspan="2" valign="top">
|
|
680
|
+
<p
|
|
681
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
682
|
+
</p>
|
|
683
|
+
</td>
|
|
684
|
+
<td style="width: 280.5pt; border: solid black 1.0pt; border-left: none; background: gray; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
685
|
+
colspan="3" valign="top">
|
|
686
|
+
<p
|
|
687
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
688
|
+
<span style="font-family: Arial, sans-serif; color: black;">Example Header</span>
|
|
689
|
+
</p>
|
|
690
|
+
</td>
|
|
691
|
+
</tr>
|
|
692
|
+
<tr style="page-break-inside: avoid;">
|
|
693
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #D9D9D9; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
694
|
+
valign="top">
|
|
695
|
+
<p
|
|
696
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
697
|
+
<strong><span
|
|
698
|
+
style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">Financial</span></strong>
|
|
699
|
+
</p>
|
|
700
|
+
</td>
|
|
701
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #D9D9D9; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
702
|
+
valign="top">
|
|
703
|
+
<p
|
|
704
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
705
|
+
<strong><span
|
|
706
|
+
style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">Tech</span></strong>
|
|
707
|
+
</p>
|
|
708
|
+
</td>
|
|
709
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #D9D9D9; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
710
|
+
valign="top">
|
|
711
|
+
<p
|
|
712
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
713
|
+
<strong><span style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">Total
|
|
714
|
+
Market</span></strong>
|
|
715
|
+
</p>
|
|
716
|
+
</td>
|
|
717
|
+
</tr>
|
|
718
|
+
<tr style="page-break-inside: avoid;">
|
|
719
|
+
<td style="width: 93.75pt; border-top: none; border-left: solid black 1.0pt; border-bottom: none; border-right: solid black 1.0pt; background: gray; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
720
|
+
rowspan="3" valign="top">
|
|
721
|
+
<p
|
|
722
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
723
|
+
<strong><span style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">Level of
|
|
724
|
+
Meme</span></strong>
|
|
725
|
+
</p>
|
|
726
|
+
</td>
|
|
727
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #D9D9D9; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
728
|
+
valign="top">
|
|
729
|
+
<p
|
|
730
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
731
|
+
<strong><span
|
|
732
|
+
style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">High</span></strong>
|
|
733
|
+
</p>
|
|
734
|
+
</td>
|
|
735
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: red; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
736
|
+
valign="top">
|
|
737
|
+
<p
|
|
738
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
739
|
+
<span style="font-family: Arial, sans-serif; color: black;">GUSH</span>
|
|
740
|
+
</p>
|
|
741
|
+
</td>
|
|
742
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #FFC000; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
743
|
+
valign="top">
|
|
744
|
+
<p
|
|
745
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
746
|
+
<span style="font-family: Arial, sans-serif; color: black;">ARKK</span>
|
|
747
|
+
</p>
|
|
748
|
+
</td>
|
|
749
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: yellow; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
750
|
+
valign="top">
|
|
751
|
+
<p
|
|
752
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
753
|
+
<span style="font-family: Arial, sans-serif; color: black;">SPLX</span>
|
|
754
|
+
</p>
|
|
755
|
+
</td>
|
|
756
|
+
</tr>
|
|
757
|
+
<tr style="page-break-inside: avoid;">
|
|
758
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #D9D9D9; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
759
|
+
valign="top">
|
|
760
|
+
<p
|
|
761
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
762
|
+
<strong><span
|
|
763
|
+
style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">Medium</span></strong>
|
|
764
|
+
</p>
|
|
765
|
+
</td>
|
|
766
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #FFC000; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
767
|
+
valign="top">
|
|
768
|
+
<p
|
|
769
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
770
|
+
<span style="font-family: Arial, sans-serif; color: black;">[̲̅$̲̅(̲̅ ͡° ͜ʖ
|
|
771
|
+
͡°̲̅)̲̅$̲̅]</span>
|
|
772
|
+
</p>
|
|
773
|
+
</td>
|
|
774
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: yellow; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
775
|
+
valign="top">
|
|
776
|
+
<p
|
|
777
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
778
|
+
<span style="font-family: Arial, sans-serif; color: black;">TQQQ</span>
|
|
779
|
+
</p>
|
|
780
|
+
</td>
|
|
781
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #92D050; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
782
|
+
valign="top">
|
|
783
|
+
<p
|
|
784
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
785
|
+
<span style="font-family: Arial, sans-serif; color: black;">( ͡~ ͜ʖ ͡°)</span>
|
|
786
|
+
</p>
|
|
787
|
+
</td>
|
|
788
|
+
</tr>
|
|
789
|
+
<tr style="page-break-inside: avoid;">
|
|
790
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #D9D9D9; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
791
|
+
valign="top">
|
|
792
|
+
<p
|
|
793
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
794
|
+
<strong><span
|
|
795
|
+
style="font-size: 10.0pt; font-family: Arial, sans-serif; color: black;">Low</span></strong>
|
|
796
|
+
</p>
|
|
797
|
+
</td>
|
|
798
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: yellow; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
799
|
+
valign="top">
|
|
800
|
+
<p
|
|
801
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
802
|
+
<span style="font-family: Arial, sans-serif; color: black;">( ◔ ʖ̯ ◔ )</span>
|
|
803
|
+
</p>
|
|
804
|
+
</td>
|
|
805
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #92D050; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
806
|
+
valign="top">
|
|
807
|
+
<p
|
|
808
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
809
|
+
<span style="font-family: Arial, sans-serif; color: black;">QQQ</span>
|
|
810
|
+
</p>
|
|
811
|
+
</td>
|
|
812
|
+
<td style="width: 93.75pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; background: #00B050; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
813
|
+
valign="top">
|
|
814
|
+
<p
|
|
815
|
+
style="margin: 0in 0in 6pt; line-height: 12pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
816
|
+
<span style="font-family: Arial, sans-serif; color: black;">SPY</span>
|
|
817
|
+
</p>
|
|
818
|
+
</td>
|
|
819
|
+
</tr>
|
|
820
|
+
</tbody>
|
|
821
|
+
</table>
|
|
822
|
+
<p> </p>
|
|
823
|
+
<div align="center">
|
|
824
|
+
<table class="MsoNormalTable" style="width: 6.0in; border-collapse: collapse; border: none;" border="1"
|
|
825
|
+
cellspacing="0" cellpadding="0">
|
|
826
|
+
<tbody>
|
|
827
|
+
<tr style="page-break-inside: avoid; height: 14.25pt;">
|
|
828
|
+
<td style="width: 117.0pt; border: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
829
|
+
valign="top">
|
|
830
|
+
<p
|
|
831
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
832
|
+
<span style="font-family: Calibri, sans-serif; color: white;">Test table1</span>
|
|
833
|
+
</p>
|
|
834
|
+
</td>
|
|
835
|
+
<td style="width: 117.0pt; border: solid black 1.0pt; border-left: none; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
836
|
+
valign="top">
|
|
837
|
+
<p
|
|
838
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
839
|
+
<span style="font-family: Calibri, sans-serif; color: white;">Test table2</span>
|
|
840
|
+
</p>
|
|
841
|
+
</td>
|
|
842
|
+
<td style="width: 117.0pt; border: solid black 1.0pt; border-left: none; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
843
|
+
valign="top">
|
|
844
|
+
<p
|
|
845
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
846
|
+
<span
|
|
847
|
+
style="font-family: Calibri, sans-serif;">Test
|
|
848
|
+
co3l3</span>
|
|
849
|
+
</p>
|
|
850
|
+
</td>
|
|
851
|
+
<td style="width: 117.0pt; border: solid black 1.0pt; border-left: none; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
852
|
+
valign="top">
|
|
853
|
+
<p
|
|
854
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
855
|
+
<span style="font-family: Calibri, sans-serif; color: black;">Shad here</span>
|
|
856
|
+
</p>
|
|
857
|
+
</td>
|
|
858
|
+
</tr>
|
|
859
|
+
<tr style="page-break-inside: avoid; height: 14.25pt;">
|
|
860
|
+
<td style="width: 117.0pt; border: solid black 1.0pt; border-top: none; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
861
|
+
rowspan="2" valign="top">
|
|
862
|
+
<p
|
|
863
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
864
|
+
<span
|
|
865
|
+
style="font-family: Calibri, sans-serif;">
|
|
866
|
+
</span>
|
|
867
|
+
</p>
|
|
868
|
+
</td>
|
|
869
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
870
|
+
valign="top">
|
|
871
|
+
<p
|
|
872
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
873
|
+
<span
|
|
874
|
+
style="font-family: Calibri, sans-serif;">
|
|
875
|
+
</span>
|
|
876
|
+
</p>
|
|
877
|
+
</td>
|
|
878
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
879
|
+
valign="top">
|
|
880
|
+
<p
|
|
881
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
882
|
+
<span
|
|
883
|
+
style="font-family: Calibri, sans-serif;">
|
|
884
|
+
</span>
|
|
885
|
+
</p>
|
|
886
|
+
</td>
|
|
887
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
888
|
+
valign="top">
|
|
889
|
+
<p
|
|
890
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
891
|
+
<span
|
|
892
|
+
style="font-family: Calibri, sans-serif;">
|
|
893
|
+
</span>
|
|
894
|
+
</p>
|
|
895
|
+
</td>
|
|
896
|
+
</tr>
|
|
897
|
+
<tr style="page-break-inside: avoid; height: 14.25pt;">
|
|
898
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
899
|
+
valign="top">
|
|
900
|
+
<p
|
|
901
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
902
|
+
<span
|
|
903
|
+
style="font-family: Calibri, sans-serif;">
|
|
904
|
+
</span>
|
|
905
|
+
</p>
|
|
906
|
+
</td>
|
|
907
|
+
<td style="width: 3.25in; border-top: none; border-left: none; border-bottom: solid black 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
908
|
+
colspan="2" valign="top">
|
|
909
|
+
<p
|
|
910
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
911
|
+
<span
|
|
912
|
+
style="font-family: Calibri, sans-serif;">
|
|
913
|
+
</span>
|
|
914
|
+
</p>
|
|
915
|
+
</td>
|
|
916
|
+
</tr>
|
|
917
|
+
<tr style="page-break-inside: avoid; height: 14.65pt;">
|
|
918
|
+
<td style="width: 117.0pt; border: none; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
919
|
+
<p
|
|
920
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
921
|
+
<span
|
|
922
|
+
style="font-family: Calibri, sans-serif;">
|
|
923
|
+
</span>
|
|
924
|
+
</p>
|
|
925
|
+
</td>
|
|
926
|
+
<td style="width: 117.0pt; border: none; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
927
|
+
valign="top">
|
|
928
|
+
<p
|
|
929
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
930
|
+
<span
|
|
931
|
+
style="font-family: Calibri, sans-serif;">
|
|
932
|
+
</span>
|
|
933
|
+
</p>
|
|
934
|
+
</td>
|
|
935
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid #00B050 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
936
|
+
valign="top">
|
|
937
|
+
<p
|
|
938
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
939
|
+
<span
|
|
940
|
+
style="font-family: Calibri, sans-serif;">
|
|
941
|
+
</span>
|
|
942
|
+
</p>
|
|
943
|
+
</td>
|
|
944
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid #ED7D31 1.0pt; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
945
|
+
valign="top">
|
|
946
|
+
<p
|
|
947
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
948
|
+
<span
|
|
949
|
+
style="font-family: Calibri, sans-serif;">
|
|
950
|
+
</span>
|
|
951
|
+
</p>
|
|
952
|
+
</td>
|
|
953
|
+
</tr>
|
|
954
|
+
<tr style="page-break-inside: avoid; height: 15.0pt;">
|
|
955
|
+
<td style="width: 117.0pt; border: none; padding: 4.0pt 8.0pt 4.0pt 8.0pt;" valign="top">
|
|
956
|
+
<p
|
|
957
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
958
|
+
<span
|
|
959
|
+
style="font-family: Calibri, sans-serif;">
|
|
960
|
+
</span>
|
|
961
|
+
</p>
|
|
962
|
+
</td>
|
|
963
|
+
<td style="width: 117.0pt; border: none; border-right: solid black 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
964
|
+
valign="top">
|
|
965
|
+
<p
|
|
966
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
967
|
+
<span style="font-family: Calibri, sans-serif;">
|
|
968
|
+
</span>
|
|
969
|
+
</p>
|
|
970
|
+
</td>
|
|
971
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid #00B050 1.0pt; border-right: solid #ED7D31 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
972
|
+
valign="top">
|
|
973
|
+
<p
|
|
974
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
975
|
+
<span
|
|
976
|
+
style="font-family: Calibri, sans-serif;">
|
|
977
|
+
</span>
|
|
978
|
+
</p>
|
|
979
|
+
</td>
|
|
980
|
+
<td style="width: 117.0pt; border-top: none; border-left: none; border-bottom: solid #ED7D31 1.0pt; border-right: solid #ED7D31 1.0pt; padding: 4.0pt 8.0pt 4.0pt 8.0pt;"
|
|
981
|
+
valign="top">
|
|
982
|
+
<p
|
|
983
|
+
style="line-height: normal; margin: 0in 0in 6pt; font-size: 11pt; font-family: 'Times New Roman', serif;">
|
|
984
|
+
<span
|
|
985
|
+
style="font-family: Calibri, sans-serif;">
|
|
986
|
+
</span>
|
|
987
|
+
</p>
|
|
988
|
+
</td>
|
|
989
|
+
</tr>
|
|
990
|
+
</tbody>
|
|
991
|
+
</table>
|
|
992
|
+
<p>Some more border cases</p>
|
|
993
|
+
<p>Changed the border style to none</p>
|
|
994
|
+
<table style="border-collapse: collapse; width: 100%; border-width: 1px; border-style: none;" border="1">
|
|
995
|
+
<colgroup>
|
|
996
|
+
<col style="width: 25%;">
|
|
997
|
+
<col style="width: 25%;">
|
|
998
|
+
<col style="width: 25%;">
|
|
999
|
+
<col style="width: 25%;">
|
|
1000
|
+
</colgroup>
|
|
1001
|
+
<tbody>
|
|
1002
|
+
<tr>
|
|
1003
|
+
<td>1,1</td>
|
|
1004
|
+
<td>1,2</td>
|
|
1005
|
+
<td>1,3</td>
|
|
1006
|
+
<td>1,4</td>
|
|
1007
|
+
</tr>
|
|
1008
|
+
<tr>
|
|
1009
|
+
<td>2,1</td>
|
|
1010
|
+
<td>2,2</td>
|
|
1011
|
+
<td>2,3</td>
|
|
1012
|
+
<td>2,4</td>
|
|
1013
|
+
</tr>
|
|
1014
|
+
<tr>
|
|
1015
|
+
<td>3,1</td>
|
|
1016
|
+
<td>3,2</td>
|
|
1017
|
+
<td>3,3</td>
|
|
1018
|
+
<td>3,4</td>
|
|
1019
|
+
</tr>
|
|
1020
|
+
<tr>
|
|
1021
|
+
<td>4,1</td>
|
|
1022
|
+
<td>4,2</td>
|
|
1023
|
+
<td>4,3</td>
|
|
1024
|
+
<td>4,4</td>
|
|
1025
|
+
</tr>
|
|
1026
|
+
</tbody>
|
|
1027
|
+
</table>
|
|
1028
|
+
<p> </p>
|
|
1029
|
+
<p>here just normal table insertion</p>
|
|
1030
|
+
<table style="border-collapse: collapse; width: 100%; height: 76px;" border="1">
|
|
1031
|
+
<colgroup>
|
|
1032
|
+
<col style="width: 25%;">
|
|
1033
|
+
<col style="width: 25%;">
|
|
1034
|
+
<col style="width: 25%;">
|
|
1035
|
+
<col style="width: 25%;">
|
|
1036
|
+
</colgroup>
|
|
1037
|
+
<tbody>
|
|
1038
|
+
<tr style="height: 19px;">
|
|
1039
|
+
<td style="height: 19px;">1,1</td>
|
|
1040
|
+
<td style="height: 19px;">1,2</td>
|
|
1041
|
+
<td style="height: 19px;">1,3</td>
|
|
1042
|
+
<td style="height: 19px;">1,4</td>
|
|
1043
|
+
</tr>
|
|
1044
|
+
<tr style="height: 19px;">
|
|
1045
|
+
<td style="height: 19px;">2,1</td>
|
|
1046
|
+
<td style="height: 19px;">2,2</td>
|
|
1047
|
+
<td style="height: 19px;">2,3</td>
|
|
1048
|
+
<td style="height: 19px;">2,4</td>
|
|
1049
|
+
</tr>
|
|
1050
|
+
<tr style="height: 19px;">
|
|
1051
|
+
<td style="height: 19px;">3,1</td>
|
|
1052
|
+
<td style="height: 19px;">3,2</td>
|
|
1053
|
+
<td style="height: 19px;">3,3</td>
|
|
1054
|
+
<td style="height: 19px;">3,4</td>
|
|
1055
|
+
</tr>
|
|
1056
|
+
<tr style="height: 19px;">
|
|
1057
|
+
<td style="height: 19px;">4,1</td>
|
|
1058
|
+
<td style="height: 19px;">4,2</td>
|
|
1059
|
+
<td style="height: 19px;">4,3</td>
|
|
1060
|
+
<td style="height: 19px;">4,4</td>
|
|
1061
|
+
</tr>
|
|
1062
|
+
</tbody>
|
|
1063
|
+
</table>
|
|
1064
|
+
<p> </p>
|
|
1065
|
+
<p>here changed border style to hidden</p>
|
|
1066
|
+
<table style="border-collapse: collapse; width: 100%; border-width: 1px; border-style: hidden; height: 76px;" border="1">
|
|
1067
|
+
<colgroup>
|
|
1068
|
+
<col style="width: 25.0399%;">
|
|
1069
|
+
<col style="width: 25.0399%;">
|
|
1070
|
+
<col style="width: 25.0399%;">
|
|
1071
|
+
<col style="width: 25.0399%;">
|
|
1072
|
+
</colgroup>
|
|
1073
|
+
<tbody>
|
|
1074
|
+
<tr style="height: 19px;">
|
|
1075
|
+
<td style="height: 19px;">1,1</td>
|
|
1076
|
+
<td style="height: 19px;">1,2</td>
|
|
1077
|
+
<td style="height: 19px;">1,3</td>
|
|
1078
|
+
<td style="height: 19px;">1,4</td>
|
|
1079
|
+
</tr>
|
|
1080
|
+
<tr style="height: 19px;">
|
|
1081
|
+
<td style="height: 19px;">2,1</td>
|
|
1082
|
+
<td style="height: 19px;">2,2</td>
|
|
1083
|
+
<td style="height: 19px;">2,3</td>
|
|
1084
|
+
<td style="height: 19px;">2,4</td>
|
|
1085
|
+
</tr>
|
|
1086
|
+
<tr style="height: 19px;">
|
|
1087
|
+
<td style="height: 19px;">3,1</td>
|
|
1088
|
+
<td style="height: 19px;">3,2</td>
|
|
1089
|
+
<td style="height: 19px;">3,3</td>
|
|
1090
|
+
<td style="height: 19px;">3,4</td>
|
|
1091
|
+
</tr>
|
|
1092
|
+
<tr style="height: 19px;">
|
|
1093
|
+
<td style="height: 19px;">4,1</td>
|
|
1094
|
+
<td style="height: 19px;">4,2</td>
|
|
1095
|
+
<td style="height: 19px;"> 4,3</td>
|
|
1096
|
+
<td style="height: 19px;">4,4</td>
|
|
1097
|
+
</tr>
|
|
1098
|
+
</tbody>
|
|
1099
|
+
</table>
|
|
1100
|
+
<p> </p>
|
|
1101
|
+
<p>Here removing the border but adding styles</p>
|
|
1102
|
+
<table style="border-collapse: collapse; width: 100%; border-width: 0px; border-style: solid;" border="1">
|
|
1103
|
+
<colgroup>
|
|
1104
|
+
<col style="width: 25%;">
|
|
1105
|
+
<col style="width: 25%;">
|
|
1106
|
+
<col style="width: 25%;">
|
|
1107
|
+
<col style="width: 25%;">
|
|
1108
|
+
</colgroup>
|
|
1109
|
+
<tbody>
|
|
1110
|
+
<tr>
|
|
1111
|
+
<td style="border-width: 0px;">1,1</td>
|
|
1112
|
+
<td style="border-width: 0px;">1,2</td>
|
|
1113
|
+
<td style="border-width: 0px;">1,3</td>
|
|
1114
|
+
<td style="border-width: 0px;">1,4</td>
|
|
1115
|
+
</tr>
|
|
1116
|
+
<tr>
|
|
1117
|
+
<td style="border-width: 0px;">2,1</td>
|
|
1118
|
+
<td style="border-width: 0px;">2,2</td>
|
|
1119
|
+
<td style="border-width: 0px;">2,3</td>
|
|
1120
|
+
<td style="border-width: 0px;">2,4</td>
|
|
1121
|
+
</tr>
|
|
1122
|
+
<tr>
|
|
1123
|
+
<td style="border-width: 0px;">3,1</td>
|
|
1124
|
+
<td style="border-width: 0px;">3,2</td>
|
|
1125
|
+
<td style="border-width: 0px;">3,3</td>
|
|
1126
|
+
<td style="border-width: 0px;">3,4</td>
|
|
1127
|
+
</tr>
|
|
1128
|
+
<tr>
|
|
1129
|
+
<td style="border-width: 0px;">4,1</td>
|
|
1130
|
+
<td style="border-width: 0px;">4,2</td>
|
|
1131
|
+
<td style="border-width: 0px;">4,3</td>
|
|
1132
|
+
<td style="border-width: 0px;">4,4</td>
|
|
1133
|
+
</tr>
|
|
1134
|
+
</tbody>
|
|
1135
|
+
</table>
|
|
1136
|
+
<p> </p>
|
|
1137
|
+
<p>changing once again to hidden without copy</p>
|
|
1138
|
+
<table style="border-collapse: collapse; width: 100%; border-width: 1px; border-style: hidden;" border="1">
|
|
1139
|
+
<colgroup>
|
|
1140
|
+
<col style="width: 25%;">
|
|
1141
|
+
<col style="width: 25%;">
|
|
1142
|
+
<col style="width: 25%;">
|
|
1143
|
+
<col style="width: 25%;">
|
|
1144
|
+
</colgroup>
|
|
1145
|
+
<tbody>
|
|
1146
|
+
<tr>
|
|
1147
|
+
<td>1,1</td>
|
|
1148
|
+
<td>1,2</td>
|
|
1149
|
+
<td>1,3</td>
|
|
1150
|
+
<td>1,4</td>
|
|
1151
|
+
</tr>
|
|
1152
|
+
<tr>
|
|
1153
|
+
<td>2,1</td>
|
|
1154
|
+
<td>2,2</td>
|
|
1155
|
+
<td>2,3</td>
|
|
1156
|
+
<td>2,4</td>
|
|
1157
|
+
</tr>
|
|
1158
|
+
<tr>
|
|
1159
|
+
<td>3,1</td>
|
|
1160
|
+
<td>3,2</td>
|
|
1161
|
+
<td>3,3</td>
|
|
1162
|
+
<td>3,4</td>
|
|
1163
|
+
</tr>
|
|
1164
|
+
<tr>
|
|
1165
|
+
<td>4,1</td>
|
|
1166
|
+
<td>4,2</td>
|
|
1167
|
+
<td>4,3</td>
|
|
1168
|
+
<td>4,4</td>
|
|
1169
|
+
</tr>
|
|
1170
|
+
</tbody>
|
|
1171
|
+
</table>
|
|
1172
|
+
<p>Many styles</p>
|
|
1173
|
+
<table style="border-collapse: collapse; width: 100%; border: 2px solid purple; border-width: 4px; border-left-color:yellow;" border="1">
|
|
1174
|
+
<colgroup>
|
|
1175
|
+
<col style="width: 25%;">
|
|
1176
|
+
<col style="width: 25%;">
|
|
1177
|
+
<col style="width: 25%;">
|
|
1178
|
+
<col style="width: 25%;">
|
|
1179
|
+
</colgroup>
|
|
1180
|
+
<tbody>
|
|
1181
|
+
<tr>
|
|
1182
|
+
<td style="border:5px dotted red; border-left: 2px dashed ;border-left-color:aqua">1,1</td>
|
|
1183
|
+
<td>1,2</td>
|
|
1184
|
+
<td>1,3</td>
|
|
1185
|
+
<td>1,4</td>
|
|
1186
|
+
</tr>
|
|
1187
|
+
<tr>
|
|
1188
|
+
<td style="border:5px dotted red; border-left: 8px dashed ;border-left-color:aqua">2,1</td>
|
|
1189
|
+
<td>2,2</td>
|
|
1190
|
+
<td>2,3</td>
|
|
1191
|
+
<td>2,4</td>
|
|
1192
|
+
</tr>
|
|
1193
|
+
<tr>
|
|
1194
|
+
<td>3,1</td>
|
|
1195
|
+
<td>3,2</td>
|
|
1196
|
+
<td>3,3</td>
|
|
1197
|
+
<td style="border:5px dotted red; border-right: 2px dashed ;border-right-color:aqua">3,4</td>
|
|
1198
|
+
</tr>
|
|
1199
|
+
<tr>
|
|
1200
|
+
<td style="border:3px dashed blue; border-left: 2px solid ;border-left-color:aqua; border-bottom-stlye: double; border-bottom-width: 6px; border-bottom-color: magenta">4,1</td>
|
|
1201
|
+
<td>4,2</td>
|
|
1202
|
+
<td>4,3</td>
|
|
1203
|
+
<td style="border:5px dotted red; border-left: 2px dashed ;border-left-color:aqua; border-bottom:5px dashed blue">4,4</td>
|
|
1204
|
+
</tr>
|
|
1205
|
+
</tbody>
|
|
1206
|
+
</table>
|
|
1207
|
+
<p>
|
|
1208
|
+
Adding one table with height in px and one with height in percentages
|
|
1209
|
+
Percentage height table
|
|
1210
|
+
</p>
|
|
1211
|
+
<table style="border-collapse: collapse; width: 100.05%; height: 75%;" border="1">
|
|
1212
|
+
<colgroup>
|
|
1213
|
+
<col style="width: 33.2506%;">
|
|
1214
|
+
<col style="width: 33.2506%;">
|
|
1215
|
+
<col style="width: 33.2506%;">
|
|
1216
|
+
</colgroup>
|
|
1217
|
+
<tbody>
|
|
1218
|
+
<tr style="height: 10%;">
|
|
1219
|
+
<td>1,1</td>
|
|
1220
|
+
<td>1,2</td>
|
|
1221
|
+
<td>1,3</td>
|
|
1222
|
+
</tr>
|
|
1223
|
+
<tr style="height: 20%;">
|
|
1224
|
+
<td>2,1</td>
|
|
1225
|
+
<td>2,2</td>
|
|
1226
|
+
<td>2,3</td>
|
|
1227
|
+
</tr>
|
|
1228
|
+
<tr style="height: 85px;">
|
|
1229
|
+
<td>3,1</td>
|
|
1230
|
+
<td>3,2</td>
|
|
1231
|
+
<td>3,3</td>
|
|
1232
|
+
</tr>
|
|
1233
|
+
</tbody>
|
|
1234
|
+
</table>
|
|
1235
|
+
<p>px Height table</p>
|
|
1236
|
+
<table style="border-collapse: collapse; width: 100.05%; height: 178px;" border="1">
|
|
1237
|
+
<colgroup>
|
|
1238
|
+
<col style="width: 33.2506%;">
|
|
1239
|
+
<col style="width: 33.2506%;">
|
|
1240
|
+
<col style="width: 33.2506%;">
|
|
1241
|
+
</colgroup>
|
|
1242
|
+
<tbody>
|
|
1243
|
+
<tr style="height: 10%;">
|
|
1244
|
+
<td>1,1</td>
|
|
1245
|
+
<td>1,2</td>
|
|
1246
|
+
<td>1,3</td>
|
|
1247
|
+
</tr>
|
|
1248
|
+
<tr style="height: 20%;">
|
|
1249
|
+
<td>2,1</td>
|
|
1250
|
+
<td>2,2</td>
|
|
1251
|
+
<td>2,3</td>
|
|
1252
|
+
</tr>
|
|
1253
|
+
<tr style="height: 85px;">
|
|
1254
|
+
<td>3,1</td>
|
|
1255
|
+
<td>3,2</td>
|
|
1256
|
+
<td>3,3</td>
|
|
1257
|
+
</tr>
|
|
1258
|
+
</tbody>
|
|
1259
|
+
</table>
|
|
1260
|
+
|
|
1261
|
+
<p>Here we start with Images Case</p>
|
|
1262
|
+
<pre>
|
|
1263
|
+
Inside Pre tag
|
|
1264
|
+
<img style="width: 512px; height: 400px;" src="data:image/png;base64,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" />
|
|
1265
|
+
</pre>
|
|
1266
|
+
<br/>
|
|
1267
|
+
<strong>
|
|
1268
|
+
Inside strong tag
|
|
1269
|
+
<img style="width: 512px; height: 400px;" src="data:image/png;base64,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" />
|
|
1270
|
+
</strong>
|
|
1271
|
+
<br/>
|
|
1272
|
+
<span>
|
|
1273
|
+
Inside span tag
|
|
1274
|
+
<img style="width: 512px; height: 400px;" src="data:image/png;base64,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" />
|
|
1275
|
+
</span>
|
|
1276
|
+
<br/>
|
|
1277
|
+
<code>
|
|
1278
|
+
Inside code tag
|
|
1279
|
+
<img style="width: 512px; height: 400px;" src="data:image/png;base64,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" />
|
|
1280
|
+
</code>
|
|
1281
|
+
<br/>
|
|
1282
|
+
<i>
|
|
1283
|
+
Inside i tag
|
|
1284
|
+
<img style="width: 512px; height: 400px;" src="data:image/png;base64,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" />
|
|
1285
|
+
</i>
|
|
1286
|
+
|
|
1287
|
+
<br/>
|
|
1288
|
+
<p>Now we check for images in Link forms</p>
|
|
1289
|
+
<p>
|
|
1290
|
+
Inside p tag
|
|
1291
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1292
|
+
</p>
|
|
1293
|
+
|
|
1294
|
+
<span>
|
|
1295
|
+
Inside span tag
|
|
1296
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1297
|
+
</span>
|
|
1298
|
+
|
|
1299
|
+
<strong>
|
|
1300
|
+
Inside strong tag
|
|
1301
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1302
|
+
</strong>
|
|
1303
|
+
|
|
1304
|
+
<b>
|
|
1305
|
+
Inside b tag
|
|
1306
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1307
|
+
</b>
|
|
1308
|
+
|
|
1309
|
+
<i>
|
|
1310
|
+
Inside i tag
|
|
1311
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1312
|
+
</i>
|
|
1313
|
+
|
|
1314
|
+
<em>
|
|
1315
|
+
Inside em tag
|
|
1316
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1317
|
+
</em>
|
|
1318
|
+
|
|
1319
|
+
<pre>
|
|
1320
|
+
Inside pre tag
|
|
1321
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1322
|
+
</pre>
|
|
1323
|
+
|
|
1324
|
+
<code>
|
|
1325
|
+
Inside code tag
|
|
1326
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1327
|
+
</code>
|
|
1328
|
+
|
|
1329
|
+
<a>
|
|
1330
|
+
Inside a tag
|
|
1331
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1332
|
+
</a>
|
|
1333
|
+
|
|
1334
|
+
<del>
|
|
1335
|
+
Inside del tag
|
|
1336
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1337
|
+
</del>
|
|
1338
|
+
|
|
1339
|
+
<sub>
|
|
1340
|
+
Inside sub tag
|
|
1341
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1342
|
+
</sub>
|
|
1343
|
+
|
|
1344
|
+
<strike>
|
|
1345
|
+
Inside strike tag
|
|
1346
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1347
|
+
</strike>
|
|
1348
|
+
|
|
1349
|
+
<s>
|
|
1350
|
+
Inside s tag
|
|
1351
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1352
|
+
</s>
|
|
1353
|
+
|
|
1354
|
+
<sub>
|
|
1355
|
+
Inside sub tag
|
|
1356
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1357
|
+
</sub>
|
|
1358
|
+
|
|
1359
|
+
<sup>
|
|
1360
|
+
Inside sup tag
|
|
1361
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1362
|
+
</sup>
|
|
1363
|
+
|
|
1364
|
+
<mark>
|
|
1365
|
+
Inside mark tag
|
|
1366
|
+
<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" />
|
|
1367
|
+
</mark>
|
|
1368
|
+
|
|
1369
|
+
<p>Here we check for multiple elements inside anchor tag</p>
|
|
1370
|
+
<a>
|
|
1371
|
+
<span>Inside a and span</span>
|
|
1372
|
+
<strong> Inside a and strong</strong>
|
|
1373
|
+
<i>Inside italics and a</i>
|
|
1374
|
+
</a>
|
|
1375
|
+
|
|
1376
|
+
<p>Here we check for text-transform properties</p>
|
|
1377
|
+
<p style="text-transform: uppercase">
|
|
1378
|
+
Adding one value
|
|
1379
|
+
<span style="text-transform:lowercase;">this is lowercase </span>
|
|
1380
|
+
<strong style="text-transform:capitalize;">
|
|
1381
|
+
<i style="text-transform:uppercase">this capitalized </i>
|
|
1382
|
+
<span style="color: blue">Hello world </span>
|
|
1383
|
+
<span>capitalize should happen inside</span>
|
|
1384
|
+
</strong>
|
|
1385
|
+
<span>Uppercase not other changes</span>
|
|
1386
|
+
</p>
|
|
1387
|
+
|
|
1388
|
+
<p style="text-transform: uppercase">
|
|
1389
|
+
Adding one value
|
|
1390
|
+
<span style="text-transform:lowercase;">this is lowercase </span>
|
|
1391
|
+
<strong style="text-transform:capitalize;">
|
|
1392
|
+
<i >this capitalized </i>
|
|
1393
|
+
<span style="color: blue">heLLo world </span>
|
|
1394
|
+
<span>capitalize should happen inside</span>
|
|
1395
|
+
</strong>
|
|
1396
|
+
<span>Uppercase not other changes</span>
|
|
1397
|
+
</p>
|
|
1398
|
+
|
|
1399
|
+
<p style="text-transform: uppercase">
|
|
1400
|
+
Adding one value <span style="text-transform:lowercase;"> this is lowercase </span> <strong style="text-transform:capitalize;">
|
|
1401
|
+
<i>this capitalized</i>
|
|
1402
|
+
<span style="color: blue">Hello world</span>
|
|
1403
|
+
<span>no change should happen here</span>
|
|
1404
|
+
</strong>
|
|
1405
|
+
</p>
|
|
1406
|
+
|
|
1407
|
+
<div>
|
|
1408
|
+
<p>
|
|
1409
|
+
Here we check for text-decoration properties:
|
|
1410
|
+
<p style="text-decoration: dashed underline red">
|
|
1411
|
+
This is an underline text.
|
|
1412
|
+
</p>
|
|
1413
|
+
<strong style="text-decoration: wavy overline lime">
|
|
1414
|
+
This is an overline text in strong tag.
|
|
1415
|
+
</strong>
|
|
1416
|
+
<span style="text-decoration: line-through red">
|
|
1417
|
+
This is line-through text in span tag.
|
|
1418
|
+
</span>
|
|
1419
|
+
<p style="text-decoration: underline overline line-through blue">
|
|
1420
|
+
This line has underline, overline and line-through styles in p tag.
|
|
1421
|
+
</p>
|
|
1422
|
+
<p style="text-decoration-style: dotted">
|
|
1423
|
+
This line has dotted underline styles in p tag.
|
|
1424
|
+
</p>
|
|
1425
|
+
<p style="text-decoration-line: line-through">
|
|
1426
|
+
This line has line-through styles in p tag.
|
|
1427
|
+
</p>
|
|
1428
|
+
<p style="text-decoration-color: orange">
|
|
1429
|
+
This line has orange underline style in p tag.
|
|
1430
|
+
</p>
|
|
1431
|
+
<p style="text-decoration:underline orange">
|
|
1432
|
+
<span style="text-decoration: line-through red">
|
|
1433
|
+
Hey, here I lie within <strong style="text-decoration: overline;">the strong tag</strong>
|
|
1434
|
+
and now
|
|
1435
|
+
</span> oustide every tag
|
|
1436
|
+
</p>
|
|
1437
|
+
</p>
|
|
1438
|
+
</div>
|
|
1439
|
+
|
|
1440
|
+
<div>
|
|
1441
|
+
<span style="text-shadow: 1px 1px 2px grey;">Add new domain</span> to Google Workspace
|
|
1442
|
+
<p style="text-shadow: 1px 1px 2px grey;">This text has shadow.<strong> And this has shadow with strong tag.</strong> </p>
|
|
1443
|
+
<p style="text-shadow:">This text has empty shadow property.</p>
|
|
1444
|
+
<p style="text-shadow: none">This text has none shadow property.</p>
|
|
1445
|
+
</div>
|
|
1446
|
+
|
|
1447
|
+
<p>Some tr styles cases</p>
|
|
1448
|
+
<p>Color property only passed to tr</p>
|
|
1449
|
+
<div align="left">
|
|
1450
|
+
<table style="border: none rgb(0, 0, 0); border-collapse: collapse;" border="1">
|
|
1451
|
+
<colgroup>
|
|
1452
|
+
<col style="width: 403px;">
|
|
1453
|
+
<col style="width: 221px;">
|
|
1454
|
+
</colgroup>
|
|
1455
|
+
<tbody>
|
|
1456
|
+
<tr style="background-color: rgb(0, 0, 0);">
|
|
1457
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1458
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(243, 243, 243);">Service</span></p>
|
|
1459
|
+
</td>
|
|
1460
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1461
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(243, 243, 243);">Rate</span></p>
|
|
1462
|
+
</td>
|
|
1463
|
+
</tr>
|
|
1464
|
+
<tr>
|
|
1465
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1466
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 1</span></p>
|
|
1467
|
+
</td>
|
|
1468
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1469
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$175/hr</span></p>
|
|
1470
|
+
</td>
|
|
1471
|
+
</tr>
|
|
1472
|
+
<tr>
|
|
1473
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1474
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 2</span></p>
|
|
1475
|
+
</td>
|
|
1476
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1477
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$145/hr</span></p>
|
|
1478
|
+
</td>
|
|
1479
|
+
</tr>
|
|
1480
|
+
<tr>
|
|
1481
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1482
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 3</span></p>
|
|
1483
|
+
</td>
|
|
1484
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1485
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$125/hr</span></p>
|
|
1486
|
+
</td>
|
|
1487
|
+
</tr>
|
|
1488
|
+
<tr>
|
|
1489
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1490
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 4</span></p>
|
|
1491
|
+
</td>
|
|
1492
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1493
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$105/hr</span></p>
|
|
1494
|
+
</td>
|
|
1495
|
+
</tr>
|
|
1496
|
+
</tbody>
|
|
1497
|
+
</table>
|
|
1498
|
+
</div>
|
|
1499
|
+
<p>Common properties and some only to tr</p>
|
|
1500
|
+
<div align="left">
|
|
1501
|
+
<table style="border: none rgb(0, 0, 0); border-collapse: collapse;" border="1">
|
|
1502
|
+
<colgroup>
|
|
1503
|
+
<col style="width: 403px;">
|
|
1504
|
+
<col style="width: 221px;">
|
|
1505
|
+
</colgroup>
|
|
1506
|
+
<tbody>
|
|
1507
|
+
<tr style="background-color: rgb(0, 0, 0); color:purple; font-family: cursive; font-size: 16pt; font-weight:bold;">
|
|
1508
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1509
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; color: rgb(243, 243, 243);">Service</span></p>
|
|
1510
|
+
</td>
|
|
1511
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1512
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(243, 243, 243);">Rate</span></p>
|
|
1513
|
+
</td>
|
|
1514
|
+
</tr>
|
|
1515
|
+
<tr style="color:aqua">
|
|
1516
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1517
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif;">Value 1</span></p>
|
|
1518
|
+
</td>
|
|
1519
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1520
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$175/hr</span></p>
|
|
1521
|
+
</td>
|
|
1522
|
+
</tr>
|
|
1523
|
+
<tr style="font-size: 20pt">
|
|
1524
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1525
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 2</span></p>
|
|
1526
|
+
</td>
|
|
1527
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1528
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style=" font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$145/hr</span></p>
|
|
1529
|
+
</td>
|
|
1530
|
+
</tr>
|
|
1531
|
+
<tr>
|
|
1532
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1533
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 3</span></p>
|
|
1534
|
+
</td>
|
|
1535
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1536
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$125/hr</span></p>
|
|
1537
|
+
</td>
|
|
1538
|
+
</tr>
|
|
1539
|
+
<tr>
|
|
1540
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1541
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 4</span></p>
|
|
1542
|
+
</td>
|
|
1543
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1544
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$105/hr</span></p>
|
|
1545
|
+
</td>
|
|
1546
|
+
</tr>
|
|
1547
|
+
</tbody>
|
|
1548
|
+
</table>
|
|
1549
|
+
</div>
|
|
1550
|
+
<p>Checking Rowspan with style attribute to tr</p>
|
|
1551
|
+
<div align="left">
|
|
1552
|
+
<table style="border: none rgb(0, 0, 0); border-collapse: collapse;" border="1">
|
|
1553
|
+
<colgroup>
|
|
1554
|
+
<col style="width: 403px;">
|
|
1555
|
+
<col style="width: 221px;">
|
|
1556
|
+
</colgroup>
|
|
1557
|
+
<tbody>
|
|
1558
|
+
<tr style="background-color: rgb(0, 0, 0); color:purple; font-family: cursive; font-size: 16pt; font-weight:bold;">
|
|
1559
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);" rowspan="2">
|
|
1560
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; color: rgb(243, 243, 243);">Service</span></p>
|
|
1561
|
+
</td>
|
|
1562
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1563
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(243, 243, 243);">Rate</span></p>
|
|
1564
|
+
</td>
|
|
1565
|
+
</tr>
|
|
1566
|
+
<tr style="color:aqua">
|
|
1567
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1568
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif;">Value 1</span></p>
|
|
1569
|
+
</td>
|
|
1570
|
+
</tr>
|
|
1571
|
+
<tr style="font-size: 20pt">
|
|
1572
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1573
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 2</span></p>
|
|
1574
|
+
</td>
|
|
1575
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1576
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style=" font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$145/hr</span></p>
|
|
1577
|
+
</td>
|
|
1578
|
+
</tr>
|
|
1579
|
+
<tr>
|
|
1580
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1581
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 3</span></p>
|
|
1582
|
+
</td>
|
|
1583
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1584
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$125/hr</span></p>
|
|
1585
|
+
</td>
|
|
1586
|
+
</tr>
|
|
1587
|
+
<tr>
|
|
1588
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1589
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">Value 4</span></p>
|
|
1590
|
+
</td>
|
|
1591
|
+
<td style="vertical-align: top; border: 1pt solid rgb(0, 0, 0);">
|
|
1592
|
+
<p style="line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: 'Open Sans', sans-serif; color: rgb(105, 93, 70);">$105/hr</span></p>
|
|
1593
|
+
</td>
|
|
1594
|
+
</tr>
|
|
1595
|
+
</tbody>
|
|
1596
|
+
</table>
|
|
1597
|
+
|
|
1598
|
+
<p>Some list examples here </p>
|
|
1599
|
+
</div>
|
|
1600
|
+
<ul type="1">
|
|
1601
|
+
<li><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Heading 1</span>
|
|
1602
|
+
<ul type="a">
|
|
1603
|
+
<li style="font-family: 'Times New Roman', Times, serif; line-height:125%"><span style="font-family: 'Times New Roman', Times, serif; font-size: 12pt;">Sub bullet 1</span></li>
|
|
1604
|
+
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt; line-height:32px"><span>Sub bullet 2</span></li>
|
|
1605
|
+
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Sub bullet 3</span></li>
|
|
1606
|
+
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: 'Comic Sans MS', cursive; font-size: 12pt; line-height:64pt;">sub bullet 4</span></li>
|
|
1607
|
+
<li style="font-family: 'Lucida Console', 'Courier New', monospace; font-size: 12pt; line-height:5in">Sub bullet 5</li>
|
|
1608
|
+
</ul>
|
|
1609
|
+
</li>
|
|
1610
|
+
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt; line-height: 1.15;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Heading 2</span>6
|
|
1611
|
+
<ul type="1">
|
|
1612
|
+
<li style="font-size: 12pt; line-height: 1.15;"><span style=" font-size: 12pt;">Sub bullet 6</span></li>
|
|
1613
|
+
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt; line-height: 1.15;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Sub bullet 6</span></li>
|
|
1614
|
+
</ul>
|
|
1615
|
+
</li>
|
|
1616
|
+
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt; line-height: 1.15;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Heading 3</span></li>
|
|
1617
|
+
</ul>
|
|
1618
|
+
</body>
|
|
1619
|
+
</html>`;
|
|
1620
|
+
|
|
1621
|
+
(async () => {
|
|
1622
|
+
const fileBuffer = await HTMLtoDOCX(htmlString, null, {
|
|
1623
|
+
table: { row: { cantSplit: true } },
|
|
1624
|
+
footer: true,
|
|
1625
|
+
pageNumber: true,
|
|
1626
|
+
});
|
|
1627
|
+
|
|
1628
|
+
fs.writeFile(filePath, fileBuffer, (error) => {
|
|
1629
|
+
if (error) {
|
|
1630
|
+
console.log('Docx file creation failed');
|
|
1631
|
+
return;
|
|
1632
|
+
}
|
|
1633
|
+
console.log('Docx file created successfully');
|
|
1634
|
+
});
|
|
1635
|
+
})();
|
|
1636
|
+
|
|
1637
|
+
// iterate over table style keys in entered order to follow priority
|
|
1638
|
+
// pass the table styles to first and last rows
|
|
1639
|
+
// create func to parse style and size of border
|