Click the button and you can see the HTML code of the email
generated from this template in your browser's console.
<!DOCTYPE html>
<html>
<head>
<title>Revolvapp</title>
<meta charset="utf-8">
<!-- css -->
<link rel="stylesheet" href="/your-folder/revolvapp.css" />
</head>
<body>
<!-- element -->
<div id="myemail"></div>
<!-- js -->
<script src="/your-folder/revolvapp.js"></script>
<!-- call -->
<script>
Revolvapp('#myemail', {
editor: {
font: "Source Sans Pro, Arial, Helvetica, sans-serif",
path: '/your-path-to-revolvapp-folder/',
template: '/your-path-to-template-file.html'
},
image: {
upload: '/my-backend-upload/'
},
styles: {
text: {
'color': '#737373'
},
heading: {
'color': '#151d2c'
},
link: {
'color': '#1195d2',
'font-weight': 'normal'
},
button: {
'font-size': '18px',
'font-weight': 'normal',
'color': '#fff',
'background-color': '#1195d2',
'padding': '14px 40px',
'border-radius': '24px'
}
},
headings: {
h1: {
'font-size': '38px',
'line-height': '1.15'
},
h2: {
'font-size': '28px',
'line-height': '1.3'
},
h3: {
'font-size': '21px',
'line-height': '1.3'
}
}
});
</script>
</body>
</html>