Skip to main content

The SafeSubscribe Badge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lacus justo, suscipit et facilisis ut, aliquet sit amet magna. Aliquam scelerisque mauris sit amet orci mollis, quis luctus lacus sagittis.

Black

For Light Backgrounds

SafeSubscribe

Copy the code below and paste it anywhere in the footer of your website. To adjust it’s size, use the first div only.

<!--SafeSubscribe.org Widget Start--> <a href="https://www.safesubscribe.org/" title="Safe Subscribe" style="float: left; height: 40px; width: 180px;"><!--Resize here only, with proportions 1 to 4.5--> <div style="background: #000; color: #fff; float: left; font-family: arial, sans-serif; height: 100%; overflow: hidden; width: 90%;"> <div style="float: left; width: 25%; height: 100%; text-align:center;"> <svg style="height: 100%; width: 50%; margin:0 auto;" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMid meet" x="0" y="15" viewBox="0 0 20 20"> <defs> <path id="Safe-Subscribe-Badge" stroke="#FFFFFF" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="square" fill="none" d="M 3.45 13.7 Q 2.2 12.5 2.2 10.1 L 2.2 6.2 Q 2.2 1.55 6.75 1.5 L 13.25 1.5 Q 16.8 1.55 17.6 4.3 17.7 4.6 17.75 4.9 17.85 5.5 17.85 6.2 L 17.85 10.1 Q 17.85 12.5 16.55 13.7 L 10 18.55 3.45 13.7 Z M 17.05 5.5 L 10 10.7 6.65 8.25"/> </defs> <g transform="matrix( 1, 0, 0, 1, 0,0)"> <use xlink:href="#Safe-Subscribe-Badge"/> </g> </svg> </div> <div style="float: left; width: 70%; height: 100%;"> <svg width="100%" height="100%" viewBox="0 0 500 75" preserveAspectRatio="xMinYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x="0" y="55" font-size="75" fill="#ffffff">SafeSubscribe</text> </svg> </div> </div> <div style="float: left; height: 100%; max-width: 34px; width: 10%;"> <div style="float: right; height: 50%; width: 100%;"> <div style="background:#000; float: left; height: 100%; width: 20%;"></div><div style="background: #0094FF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div><div style="background:#005AFF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div> </div> <div style="float: right; height: 50%; width: 100%;"> <div style="background: #0094FF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div><div style="background: #005AFF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div><div style="float: left; height: 100%; width: 20%;"></div> </div> </div> </a> <!--SafeSubscribe.org Widget End-->

White

For Dark Backgrounds

SafeSubscribe

Copy the code below and paste it anywhere in the footer of your website. To adjust it’s size, use the first div only.

<!--SafeSubscribe.org Widget Start--> <a href="https://www.safesubscribe.org/" title="Safe Subscribe" style="float: left; height: 40px; width: 180px;"><!--Resize here only, with proportions 1 to 4.5--> <div style="background: #fff; color: #000; float: left; font-family: arial, sans-serif; height: 100%; overflow: hidden; width: 90%;"> <div style="float: left; width: 25%; height: 100%; text-align:center;"> <svg style="height: 100%; width: 50%; margin:0 auto;" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMid meet" x="0" y="15" viewBox="0 0 20 20"> <defs> <path id="Safe-Subscribe-Badge-Reverse" stroke="#000000" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="square" fill="none" d="M 3.45 13.7 Q 2.2 12.5 2.2 10.1 L 2.2 6.2 Q 2.2 1.55 6.75 1.5 L 13.25 1.5 Q 16.8 1.55 17.6 4.3 17.7 4.6 17.75 4.9 17.85 5.5 17.85 6.2 L 17.85 10.1 Q 17.85 12.5 16.55 13.7 L 10 18.55 3.45 13.7 Z M 17.05 5.5 L 10 10.7 6.65 8.25"/> </defs> <g transform="matrix( 1, 0, 0, 1, 0,0)"> <use xlink:href="#Safe-Subscribe-Badge-Reverse"/> </g> </svg> </div> <div style="float: left; width: 70%; height: 100%;"> <svg width="100%" height="100%" viewBox="0 0 500 75" preserveAspectRatio="xMinYMid meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x="0" y="55" font-size="75" fill="#000000">SafeSubscribe</text> </svg> </div> </div> <div style="float: left; height: 100%; max-width: 34px; width: 10%;"> <div style="float: right; height: 50%; width: 100%;"> <div style="background:#ffffff; float: left; height: 100%; width: 20%;"></div><div style="background: #0094FF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div><div style="background:#005AFF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div> </div> <div style="float: right; height: 50%; width: 100%;"> <div style="background: #0094FF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div><div style="background: #005AFF; float: left; height: 100%; width: 20%;"></div><div style="background: #00CFFF; float: left; height: 100%; width: 20%;"></div><div style="float: left; height: 100%; width: 20%;"></div> </div> </div> </a> <!--SafeSubscribe.org Widget End-->