OwlCyberSecurity - MANAGER
Edit File: index.html
<!doctype html> <!--Quite a few clients strip your Doctype out, and some even apply their own. Many clients do honor your doctype and it can make things much easier if you can validate constantly against a Doctype.--> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>EXILE to HOME</title> <!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients --> <!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered --> <style type="text/css"> body { margin: 0; } body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none!important; font-family: sans-serif; font-style: normal; font-weight: 400; } button { width: 90%; } @media screen and (max-width:600px) { /*styling for objects with screen size less than 600px; */ body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none!important; font-family: sans-serif; } table { /* All tables are 100% width */ width: 100%; } .footer { /* Footer has 2 columns each of 48% width */ height: auto !important; max-width: 48% !important; width: 48% !important; } table.responsiveImage { /* Container for images in catalog */ height: auto !important; max-width: 30% !important; width: 30% !important; } table.responsiveContent { /* Content that accompanies the content in the catalog */ height: auto !important; max-width: 66% !important; width: 66% !important; } .top { /* Each Columnar table in the header */ height: auto !important; max-width: 48% !important; width: 48% !important; } .catalog { margin-left: 0%!important; } } @media screen and (max-width:480px) { /*styling for objects with screen size less than 480px; */ body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none!important; font-family: sans-serif; } table { /* All tables are 100% width */ width: 100% !important; border-style: none !important; } .footer { /* Each footer column in this case should occupy 96% width and 4% is allowed for email client padding*/ height: auto !important; max-width: 96% !important; width: 96% !important; } .table.responsiveImage { /* Container for each image now specifying full width */ height: auto !important; max-width: 96% !important; width: 96% !important; } .table.responsiveContent { /* Content in catalog occupying full width of cell */ height: auto !important; max-width: 96% !important; width: 96% !important; } .top { /* Header columns occupying full width */ height: auto !important; max-width: 100% !important; width: 100% !important; } .catalog { margin-left: 0%!important; } button { width: 90%!important; } } </style> </head> <body> <img src="E2H-Poster-Simplified-Light.jpg" alt="" height="" width="100%" class=""> </body> </html>