Skip to content

Instantly share code, notes, and snippets.

@chris-rock

chris-rock/index.html

Last active November 14, 2018 11:41
Show Gist options
  • Save chris-rock/f37445df2e3cffb86a988cc26998a501 to your computer and use it in GitHub Desktop.
Save chris-rock/f37445df2e3cffb86a988cc26998a501 to your computer and use it in GitHub Desktop.
Download ZIP
hello inspec landing page
Raw
index.html
<html>
<head>
<title>InSpec landing</title>
</head>
<body style="margin: 0;">
<div class="container" style="background: linear-gradient(135deg, #5bc8a9 0%, #47b7d1 50%, #6063ef 100%);height: 100%;width: 100%;margin: 0;padding: 0;color: white;font-family: Muli, HelveticaNeue, Helvetica Neue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size: 6.25em;font-style: normal;font-weight: 200;">
<div style="text-align: center;height: 280px;margin: 0 auto;width: 400px;position: relative;top: 150px;">Hello</div>
<a href="https://www.inspec.io/" style="text-decoration: none;">
<div style="text-align: center;height: 400px;margin: 0 auto;width: 400px;position: relative;">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 456.44 111.93"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{clip-path:url(#clip-path-2);}.cls-4{fill:#fff;}.cls-5{clip-path:url(#clip-path-3);}</style><clipPath id="clip-path" transform="translate(0 0)"><rect class="cls-1" width="456.45" height="111.93"/></clipPath><clipPath id="clip-path-2" transform="translate(0 0)"><rect class="cls-1" width="456.45" height="111.93"/></clipPath><clipPath id="clip-path-3" transform="translate(0 0)"><rect class="cls-1" width="456.45" height="111.94"/></clipPath></defs><title>Inspec White.eps</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Inspec_White.eps" data-name="Inspec White.eps"><g class="cls-2"><g class="cls-3"><path class="cls-4" d="M74.94,56.06A19,19,0,1,1,56.06,37,19,19,0,0,1,74.94,56.06" transform="translate(0 0)"/><path class="cls-4" d="M111.93,56.25a56,56,0,0,1-90.2,44l16.14-16A33.57,33.57,0,1,0,27.51,73.78l-16.15,16A56,56,0,1,1,111.93,56.25" transform="translate(0 0)"/></g><rect class="cls-4" x="132.95" y="22.8" width="12.81" height="64.03"/><polygon class="cls-4" points="211.84 86.92 175.8 49.51 175.8 86.92 163 86.92 163 22.8 167.02 22.8 202.42 58.66 202.42 22.8 215.22 22.8 215.22 86.92 211.84 86.92"/><g class="cls-5"><path class="cls-4" d="M251,59.75a30.44,30.44,0,0,1-9.69-4A17.6,17.6,0,0,1,233,41.28a17.14,17.14,0,0,1,4.67-13.08,22.23,22.23,0,0,1,14.91-6.31c9.33,0,14.54,3.38,19.2,6.4l2.11,1.37-6.68,10.89-2.29-1.47c-4.11-2.65-6.76-4.39-12.34-4.39a9.82,9.82,0,0,0-5.68,2.38,4.55,4.55,0,0,0-1.09,3.66c.09,3.29,2.38,5.12,8.23,6.58.73.18,1.28.37,1.83.55C262,50,266.78,52.8,270.07,56.37a18.54,18.54,0,0,1,5,12.53,19.93,19.93,0,0,1-19.85,19.3A38,38,0,0,1,244,86.65,35.59,35.59,0,0,1,228.72,77l9.34-8.78a22.16,22.16,0,0,0,17.19,7.22,7,7,0,0,0,7-6.49c0-3.47-3.93-6.68-10.61-9l-.27-.09Z" transform="translate(0 0)"/><path class="cls-4" d="M311.85,48.5a6.42,6.42,0,0,0,6.41-6.4,6.5,6.5,0,0,0-6.41-6.49h-8V48.5Zm0-25.7a19.26,19.26,0,0,1,0,38.51h-8V86.92h-12.8V22.8Z" transform="translate(0 0)"/><path class="cls-4" d="M344.56,74.11H387V86.92H344.56Zm0-26.61H380V60.3h-35.4Zm42.72-11.89H344.56V22.8h42.72Z" transform="translate(0 0)"/><path class="cls-4" d="M447.48,38.35C435,30.3,416.29,37.8,416.29,55c0,18,19.85,25.24,31.92,16.09l8.23,9.43a33.18,33.18,0,1,1-.73-51.68Z" transform="translate(0 0)"/></g></g></g></g></g></svg>
</div>
</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment