JSFiddle - React, Tailwind, and code Playground

by ryanbrill

HTML

<svg height="125px" width="100%">
    <defs>
        <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
            <stop offset="0%" style="stop-color:#64b04d; stop-opacity:1" />
            <stop offset="50%" style="stop-coloR:#21b3e4; stop-opacity:1" />
            <stop offset="100%" style="stop-coloR:#354bd2; stop-opacity:1" />
        </linearGradient>
    </defs>
    <text x="0" y="0" fill="url(#grad1)" font-size="35px" font-weight="200" font-family="Open Sans">
        <tspan x="50%" dy="1.2em" text-anchor="middle">Game changing availability, performance and scalability</tspan>
        <tspan x="50%" font-size="55px" text-anchor="middle" dy="1.2em">for Subversion</tspan>
    </text>
</svg>