SVG email test v2.0

Developer
Mark Robbins
Size
2,090 Kb
Views
30,360
  1. SVG email test v2.0 Previews
  2. SVG email test v2.0 HTML Codes
  3. SVG email test v2.0 CSS Codes

How do I make an svg email test v2.0?

What is a svg email test v2.0? How do you make a svg email test v2.0? This script and codes were developed by Mark Robbins on 06 September 2022, Tuesday.

SVG email test v2.0 Previews
IQ Test

SVG email test v2.0 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SVG email test v2.0</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!DOCTYPE html>
<html lang="en">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <title>SVG test</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#aaaaaa" > <tr> <td> <table align="center" width="600" class="outer" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td> <span class="SVG-img"> <img src="https://www.learningpeople.co.uk/imgs/the-learning-people-footer-logo.png" alt="The Learning People" class="PNG-img" onerror="this.onerror=null; this.src='https://dev.learningpeople.co.uk/imgs/special-offer-windmills.jpg'"/> </span> </td> </tr> <tr> <td height="100" bgcolor="#dddddd" valign="middle"> Testing - <svg width="153" height="52"> <image xlink:href="https://www.learningpeople.co.uk/imgs/the-learning-people.svg" src="https://www.learningpeople.co.uk/imgs/the-learning-people-footer-logo.png" width="153" height="52"/> </svg> <!--[if gte mso 9]> <img src="https://www.learningpeople.co.uk/imgs/the-learning-people-footer-logo.png"> <![endif]--> <br>new idea, not currently working in webmail. </td> </tr> </table> </td> </tr>
</table>
</body>
</html>
</body>
</html>

SVG email test v2.0 - Script Codes CSS Codes

@media only screen and (max-width: 600px){ table[class="outer"]{ width:100%; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 500px){ [class="SVG-img"]:after{ content:url(https://www.learningpeople.co.uk/imgs/the-learning-people.svg); } [class="PNG-img"]{ display:none; }
}
@media all and (-webkit-min-device-pixel-ratio:2.0) { [class="SVG-img"]:after{ content:url(https://www.learningpeople.co.uk/imgs/the-learning-people.svg); } [class="PNG-img"]{ display:none; }
}
SVG email test v2.0 - Script Codes
SVG email test v2.0 - Script Codes
Home Page Home
Developer Mark Robbins
Username M_J_Robbins
Uploaded September 06, 2022
Rating 3
Size 2,090 Kb
Views 30,360
Do you need developer help for SVG email test v2.0?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Mark Robbins (M_J_Robbins) Script Codes
Name
CSS sliders
X-wing
Smashingconf SF 2017 slides
SVG email test
Facebook feed
TEDC15 building interactive email
CSS summit 2015 - Interactive email
3D iPhone CSS controls no JS
CSS Slider Puzzle Game
ThWack-a-Vole
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!