dok7-prototype/share.html at master · releaseplatform/dok7-prototype · GitHub

1
<!DOCTYPE html><html lang="en"><head><title>Share Page - Dok-7</title><link href="./dest/styles/style.css" rel="stylesheet" type="text/css"><meta name="viewport" content="width=device-width, initial-scale=1"></head><body><div class="c-prototype"><div class="c-proto-third ta-l"><a class="ta-l d-ib" href="application_submitted.html">PREVIOUS</a></div><div class="c-proto-third ta-c"><p class="d-ib c-proto-third tt-u">03 Share </p></div><div class="c-proto-third ta-r"><a class="ta-r d-ib" href="claim.html">NEXT</a></div></div><div class="c-hero"> <header class="c-header"><img class="c-logo" src="./dest/assets/logo.svg"></header><div class="container-xl">     <div class="c-hero-content"><p class="t-sm-on-md">Dok-7 Influencer #013</p><h1 class="t-md t-xl-on-md">Welcome back!</h1><p class="t-xxs t-sm-on-md">Grab your unique discount link below and begin sharing </p><div class="d-b"><a class="btn-sm btn-lg-on-md btn-primary-light m-r-sm" href="#balance">Check your balance</a><a class="btn-sm btn-lg-on-md btn-primary-light m-l-sm" href="#tips">Tips on sharing</a></div></div></div></div><div class="c-chip-container"><div class="container"><div class="c-chip"><h2 class="t-sm t-md-on-md">Your unique link</h2><p class="t-xxs t-xs-on-md">(click to copy)</p><a class="c-sharing-box b-c-d c-w p-md" href="#" id="referral-url">https://vip.dok-7.com/f?=12345</a></div></div></div><div class="b-c-w" id="balance"> <div class="container-xs p-t-md p-b-xl"><h1 class="t-sm t-md-on-md ta-c">Your influencer balance</h1><p class="t-sm ta-c">(click to claim)</p><a href="#"><div class="c-inf-balance-container"><div class="c-inf-sales t-xs t-sm-on-md">Sales: 04</div><div class="c-inf-balance t-xs t-sm-on-md">Balance: £20</div></div></a><p class="t-xxs t-xs-on-md">All submitted claims are processed within 30 days</p><div class="d-b m-v-md m-b-lg-on-md ta-c"><a class="t-sm" href="#">Questions? Check our FAQ</a></div></div></div><div class="b-c-d c-w" id="tips"> <div class="container-sm p-v-xl ta-c"><h1>Tips for sharing</h1><p>Once accepted, we’ll add you to our Payroll, where each sale you generate is tracked. </p><p>When you claim your rewards, we’ll pay you what you’ve claimed within 30 days.</p><div class="d-b m-t-lg"></div><a class="btn-lg btn-standout c-modal-trigger" href="#">APPLY NOW</a></div></div><div class="c-modal-overlay d-n"><div class="c-modal-container"><div class="c-modal-close"><a href="">close</a></div><h3 class="t-md">Apply Now!</h3><form class="c-form"><div class="c-field-container m-b-md"><label class="c-label d-n" for="name">Instagram Handle</label><input class="c-field" id="name" placeholder="Instagram Handle"></div><div class="c-field-container m-b-md"><label class="c-label d-n" for="email">Paypal Email</label><input class="c-field" id="email" placeholder="Paypal Email"></div><a class="btn-lg btn-primary" href="application_submitted.html">SUBMIT  </a></form></div></div><script src="./dest/scripts/main.js"></script></body></html>