ttv-lol-pro/common/html/popup.html
2021-04-08 03:43:22 -07:00

74 lines
3.7 KiB
HTML

<html>
<head>
<link rel="stylesheet" href="../css/styles.css" />
</head>
<!-- <body>
<header class="Copy__header">
<h1 class="Copy__title">TTV LOL</h1>
</header>
<div class="body">
<p>
Explore
<a
class="Link"
href="/payments"
data-js-controller="AnalyticsButton"
data-analytics-category="Links"
data-analytics-action="Clicked"
data-analytics-label="Payments features CTA"
>Stripe Payments</a
>, or create an account instantly and start accepting payments. You
can also contact us to design a custom package for your business.
</p>
</div>
<div class='container'>
<a class='button--inverse'>Create Stripe Account</a>
<a class='button'>Contact Sales</a>
</div>
</body> -->
<body>
<div class="container">
<div style="background-color: #202127; border-radius: 8px; margin: 30px;">
<img width="60%" src="../img/ttvlol.png">
</div>
<div class="button-group">
<a href="#/" class="button button-arrow bg-blue">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd" />
</svg>
Donate
<svg viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
<g class="arrow-head">
<path d="M1 1C4.5 4 5 4.38484 5 4.5C5 4.61516 4.5 5 1 8" stroke="currentColor" stroke-width="2"/>
</g>
<g class="arrow-body">
<path d="M3.5 4.5H0" stroke="currentColor" stroke-width="2"/>
</g>
</svg>
</a>
<a href="#/" class="button button-arrow">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
<path d="M6.552 6.712c-.456 0-.816.4-.816.888s.368.888.816.888c.456 0 .816-.4.816-.888.008-.488-.36-.888-.816-.888zm2.92 0c-.456 0-.816.4-.816.888s.368.888.816.888c.456 0 .816-.4.816-.888s-.36-.888-.816-.888z"/>
<path d="M13.36 0H2.64C1.736 0 1 .736 1 1.648v10.816c0 .912.736 1.648 1.64 1.648h9.072l-.424-1.48 1.024.952.968.896L15 16V1.648C15 .736 14.264 0 13.36 0zm-3.088 10.448s-.288-.344-.528-.648c1.048-.296 1.448-.952 1.448-.952-.328.216-.64.368-.92.472-.4.168-.784.28-1.16.344a5.604 5.604 0 0 1-2.072-.008 6.716 6.716 0 0 1-1.176-.344 4.688 4.688 0 0 1-.584-.272c-.024-.016-.048-.024-.072-.04-.016-.008-.024-.016-.032-.024-.144-.08-.224-.136-.224-.136s.384.64 1.4.944c-.24.304-.536.664-.536.664-1.768-.056-2.44-1.216-2.44-1.216 0-2.576 1.152-4.664 1.152-4.664 1.152-.864 2.248-.84 2.248-.84l.08.096c-1.44.416-2.104 1.048-2.104 1.048s.176-.096.472-.232c.856-.376 1.536-.48 1.816-.504.048-.008.088-.016.136-.016a6.521 6.521 0 0 1 4.024.752s-.632-.6-1.992-1.016l.112-.128s1.096-.024 2.248.84c0 0 1.152 2.088 1.152 4.664 0 0-.68 1.16-2.448 1.216z"/>
</svg>
Discord
<svg viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
<g class="arrow-head">
<path d="M1 1C4.5 4 5 4.38484 5 4.5C5 4.61516 4.5 5 1 8" stroke="currentColor" stroke-width="2"/>
</g>
<g class="arrow-body">
<path d="M3.5 4.5H0" stroke="currentColor" stroke-width="2"/>
</g>
</svg>
</a>
</div>
</div>
</body>
</html>