<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
font-family: "Open Sans";
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-image: url('{{Logo image URL|text|https://www.pushwoosh.com/wp-content/themes/pushwoosh/img/logo.png}}');
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #{{Logo background color|color|343434}};
color: #{{Topic text color|color|FFFFFF}};
background-color: #{{Topic background color|color|23B7A4}};
.topic-wrapper h1, .topic-wrapper p {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #{{Text background color|color|FFFFFF}};
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#{{Button text color|color|FFFFFF}} ;
background-color: #{{Button background color|color|23B7A4}};
and (orientation: landscape) {
<div class="topic-wrapper">
<h1>{{Topic text|text|TOPIC TEXT}}</h1>
<p>{{Sub-topic text|text|Subtopic here}}</p>
<div class="padding-wrapper">
<div class="text-wrapper">
{{Main text|html|Main text here}}
<div class="button-wrapper">
<a href="{{Button URL|text|https://www.pushwoosh.com}}">
{{Button text|text|Submit}}