storj/web/marketing/pages/referral-offers.html
Faris Huskovic 7795ba8169
update UI to reflect final mockups (#2175)
* update UI to reflect final mockups

* fix line-height unit and remove important from selectors

* update file names and ids for clarity

* shorten 'label' in ids

* correct file-naming conventions

* add copyright to files

* check if break in imports is causing lint error

* resolve lint

* tidy go mod

* fix shorthands
2019-06-17 21:57:04 -04:00

60 lines
2.1 KiB
HTML

<!-- Copyright (C) 2019 Storj Labs, Inc.
See LICENSE for copying information. -->
{{define "referralOffers"}}
<div class="offers-table mt-2 mb-5 container">
<div class="row">
<div class="col col-heading">Name</div>
<div class="col col-heading">Give Credit</div>
<div class="col col-heading">Get Credit</div>
<div class="col col-heading">Referrals&nbsp;Used</div>
<div class="col col-heading">Redeemable&nbsp;Capacity</div>
<div class="col col-heading">Created</div>
<div class="col col-heading">Expiration</div>
<div class="col col-heading"></div>
</div>
<hr>
<div class="row offer-heading ">
<p class="offer-type">DEFAULT&nbsp;OFFER</p>
</div>
<div class="row data-row">
<div class="col ml-3">May Referral</div>
<div class="col">$50</div>
<div class="col">$50</div>
<div class="col">48</div>
<div class="col">200</div>
<div class="col">05/01/19</div>
<div class="col">06/01/19</div>
<div class="col"><strong>Live</strong></div>
<div class="col col-heading edit-offer">EDIT</div>
</div>
<hr>
<div class="row offer-heading ">
<p class="offer-type">DEFAULT&nbsp;OFFER</p>
</div>
<div class="row data-row">
<div class="col ml-3">May Referral</div>
<div class="col">$50</div>
<div class="col">$50</div>
<div class="col">48</div>
<div class="col">200</div>
<div class="col">05/01/19</div>
<div class="col">06/01/19</div>
<div class="col">Off</div>
<div class="col col-heading edit-offer">EDIT</div>
</div>
<hr>
<div class="row data-row">
<div class="col ml-3">May Referral</div>
<div class="col">$50</div>
<div class="col">$50</div>
<div class="col">48</div>
<div class="col">200</div>
<div class="col">05/01/19</div>
<div class="col">06/01/19</div>
<div class="col">Off</div>
<div class="col col-heading edit-offer">EDIT</div>
</div>
<hr>
</div>
{{end}}