JSFiddle - React, Tailwind, and code Playground
by myrluk3
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>Welcome To Get Ready</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="x-apple-disable-message-reformatting">
<style type="text/css">
body {
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
font-family: Arial, sans-serif;
}
table, td {
border-collapse: collapse !important;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a {
color: inherit;
outline: none;
text-decoration: none;
}
#outlook a {
padding: 0;
}
html, body, table, tbody, td, th, div, p, h1, h2, h3, h4, h5, h6, a, img {
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0;
Margin: 0;
padding: 0;
}
.ReadMsgBody, .ExternalClass {
width: 100%;
}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%;
}
.gmail {
width: 0 !important;
display: none !important;
}
.x-gmail-data-detectors, .x-gmail-data-detectors *, .aBn {
border-bottom: 0 !important;
cursor: default !important;
}
.a6S {
display: none !important;
opacity: 0.01 !important;
}
.owa div {
display: block !important;
}
div,...