-
Notifications
You must be signed in to change notification settings - Fork 0
/
Final_Version.html
277 lines (275 loc) · 24.9 KB
/
Final_Version.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!DOCTYPE html>
<html lang="en" style="font-size:16px;">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>IMDG</title>
<style type="text/css">
.button:hover{text-shadow:0px 0px 6px rgba(255, 255, 255, 1);-webkit-box-shadow:0px 5px 20px -10px rgba(0,0,0,0.57);-moz-box-shadow:0px 5px 20px -10px rgba(0,0,0,0.57);transition:all 0.4s ease 0s}
a.visit:visited{color:black !important}
a.visit:hover{color:red !important}
a.visit:active{color:black !important}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
@media only screen and (max-width: 600px) {
.background, table.container, table.navlinks, td.container, table.intro, table.navlinks, th.col, table.social, .container{
width: 90%;
min-width: 90%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
height: auto;
}
.col {
display: block;
margin: 0 auto;
padding: 15px;
}
img.hero {
max-width: 100%;
width: 100%;
height: auto;
}
img.manta {
max-width: 100%;
width: 100%;
height: auto;
}
img.companies {
max-width: 100%;
width: 100%;
height: auto;
}
p {
margin: 10px 0 15px 0;
}
td.intro {
line-height: 5px;
font-size: 20px;
}
td.imagetext {
font-size: 30px;
}
.navlinks {
align-content: right;
}
a.visit:visited {
color: black !important;
}
a.visit:hover {
color: red !important;
}
a.visit:active {
color: black !important;
}
a.visit{
text-decoration: none !important;
}
.button:hover {
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
}
}
</style>
</head>
<body style="box-sizing:border-box;margin:0;padding:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;font-family:'Roboto', 'Arial', sans-serif;">
<table class="background" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;background-color:#ccc;">
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<table class="container" align="center" width="768" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:768px;min-width:768px;max-width:768px;margin-right:auto;margin-left:auto;">
<tr style="box-sizing:border-box;">
<td class="container" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:100%;background-color:#ffffff;">
<table class="navlinks" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
<tr style="box-sizing:border-box;">
<th class="col" style="box-sizing:border-box;font-weight:400;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:50%;background-color:#fff;padding:15px;text-align:center;font-weight:normal;">
<img class="logo" src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/28d792b0-f798-4cb5-9818-9484da282acc.png" alt="IMDG" width="120" height="43" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;"/>
</th>
<th class="col" style="box-sizing:border-box;font-weight:400;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:50%;background-color:#fff;padding:15px;text-align:center;font-weight:normal;">
<table class="navlinks" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">Welcome "Name"</td>
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;"><a class="visit" href="https://imdg.tech/" style="box-sizing:border-box;text-decoration:none !important;">Visit Us</a></td>
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">Subscribe</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="container" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:100%;background-color:#ffffff;">
<img class="hero" src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/8d30a86c-dba2-45c2-ba89-ca3ede9ef8e6.png" width="768" alt="" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;"/>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="container" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:100%;background-color:#ffffff;">
<table class="intro" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:70%;margin-left:auto;margin-right:auto;">
<tr style="box-sizing:border-box;">
<td class="intro" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;align-content: center;text-align:center;">
<p style="box-sizing:border-box;line-height:1.2rem;color:#333;"><strong style="box-sizing:border-box;">Behold the Guardian GT - The Robot Picking Slack</strong></p>
<p style="box-sizing:border-box;line-height:1.2rem;color:#333;">A large-scale industrial exoskeleton allowing an operator to lift and move heavy objects, reducing the risk of personal injury.</p>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<table class="button" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:120px;margin-right:auto;margin-left:auto;border-radius:5px; align-content: center;">
<tr style="box-sizing:border-box;">
<td class="button" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;width:120px;margin-right:auto;margin-left:auto;border-radius:5px;width:100%;height:35px;vertical-align:middle;padding-right:3px;padding-left:3px;padding-top:0px;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:900;">
<a href="https://innovation.bobtrade.com/behold-the-guardian-gt-the-robot-picking-up-the-slack-" style="box-sizing:border-box;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;display:block;font-size:16px;line-height:300%;font-weight:900;">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="container" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:100%;background-color:#ffffff;">
<table class="article" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
<tr style="box-sizing:border-box;">
<th class="col" style="box-sizing:border-box;font-weight:400;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:50%;background-color:#fff;padding:15px;text-align:center;font-weight:normal;">
<table style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<img class="manta" src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/02db61d2-224e-450f-85b5-9835b181f9c8.png" width="100%" height="174" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;"/>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="imagetext" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<p align="center" style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Discover The Manta Drone</strong></p>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<table class="button" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:120px;margin-right:auto;margin-left:auto;border-radius:5px; align-content: center;">
<tr style="box-sizing:border-box;">
<td class="button" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;width:120px;margin-right:auto;margin-left:auto;border-radius:5px;width:100%;height:35px;vertical-align:middle;padding-right:3px;padding-left:3px;padding-top:0px;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:900;">
<a href="https://www.zdnet.com/pictures/11-bio-inspired-robots-that-walk-wiggle-and-soar-like-the-real-things/7/" style="box-sizing:border-box;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;display:block;font-size:16px;line-height:300%;font-weight:900;">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
<th class="col" style="box-sizing:border-box;font-weight:400;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:50%;background-color:#fff;padding:15px;text-align:center;font-weight:normal;">
<table style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<img src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/2e65c100-28b4-4adc-a81b-5a9423d8e926.png" width="100%" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;"/>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="imagetext" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<p align="center" style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Steve Jobs Speech</strong></p>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<table class="button" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:120px;margin-right:auto;margin-left:auto;border-radius:5px; align-content: center;">
<tr style="box-sizing:border-box;">
<td class="button" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;width:120px;margin-right:auto;margin-left:auto;border-radius:5px;width:100%;height:35px;vertical-align:middle;padding-right:3px;padding-left:3px;padding-top:0px;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:900;">
<a href="https://www.youtube.com/watch?v=ptD0T-ZcF2M" style="box-sizing:border-box;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;display:block;font-size:16px;line-height:300%;font-weight:900;">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="container" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:100%;background-color:#ffffff;">
<table class="article" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;">
<tr style="box-sizing:border-box;">
<th class="col" style="box-sizing:border-box;font-weight:400;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:50%;background-color:#fff;padding:15px;text-align:center;font-weight:normal;">
<table style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<img class="companies" src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/ddc3435f-a0ac-4e27-9e02-eeedfe9ed926.png" width="100%" height="165" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;"/>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="imagetext" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<p align="center" style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Top Tech Companies To Get Hired By</strong></p>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<table class="button" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:120px;margin-right:auto;margin-left:auto;border-radius:5px; align-content: center;">
<tr style="box-sizing:border-box;">
<td class="button" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;width:120px;margin-right:auto;margin-left:auto;border-radius:5px;width:100%;height:35px;vertical-align:middle;padding-right:3px;padding-left:3px;padding-top:0px;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:900;">
<a href="https://www.investopedia.com/articles/markets/030816/worlds-top-10-technology-companies-aapl-googl.asp" style="box-sizing:border-box;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;display:block;font-size:16px;line-height:300%;font-weight:900;">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
<th class="col" style="box-sizing:border-box;font-weight:400;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:50%;background-color:#fff;padding:15px;text-align:center;font-weight:normal;">
<table style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<img src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/7c44538a-99e8-4c56-8546-574d30ae17f4.jpg" width="100%" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;"/>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="imagetext" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<p align="center" style="box-sizing:border-box;"><strong style="box-sizing:border-box;">Careers in The Tech Industry</strong></p>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;">
<table class="button" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:120px;margin-right:auto;margin-left:auto;border-radius:5px; align-content: center;">
<tr style="box-sizing:border-box;">
<td class="button" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;width:120px;margin-right:auto;margin-left:auto;border-radius:5px;width:100%;height:35px;vertical-align:middle;padding-right:3px;padding-left:3px;padding-top:0px;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;font-weight:900;">
<a href="https://www.topuniversities.com/student-info/careers-advice/what-study-careers-new-technologies" style="box-sizing:border-box;text-align:center;background-color:#00B4D7;color:#ffffff;text-decoration:none;text-transform:uppercase;display:block;font-size:16px;line-height:300%;font-weight:900;">Read More</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="container" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;width:100%;background-color:#ffffff;">
<table class="social" style="box-sizing:border-box;border-collapse:collapse;border-spacing:0;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;mso-table-lspace:0pt;mso-table-rspace:0pt;width:70%;margin-left:auto;margin-right:auto;">
<tr style="box-sizing:border-box;">
<td class="social" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;text-align:center;">
<h3 style="box-sizing:border-box;">Follow Us</h3>
</td>
</tr>
<tr style="box-sizing:border-box;">
<td class="social" style="box-sizing:border-box;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;vertical-align:middle;text-align:center;">
<a href="#" style="box-sizing:border-box;"><img src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/11de04a7-f8e2-4a50-a66d-273ec64f250b.jpg" width="45" height="48" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;margin:2px;border-radius:3px;"/></a>
<a href="#" style="box-sizing:border-box;"><img src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/12d4c8f0-03c7-4f5a-aff8-f0d6fb13004e.png" width="45" height="48" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;margin:2px;border-radius:3px;"/></a>
<a href="#" style="box-sizing:border-box;"><img src="http://gallery.mailchimp.com/302147600c4d02242ff49cee4/images/9b3a2170-3f82-4ac6-a57f-d5f0e922c132.png" width="45" height="48" style="box-sizing:border-box;padding:0;border-style:none;margin:0;display:inline;margin:2px;border-radius:3px;"/></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>