mirror of
https://github.com/rvtr/ninjacheetah.github.io.git
synced 2025-06-18 11:05:37 -04:00
Improved icon sales page
This commit is contained in:
NinjaCheetah
parent
7b4935fbcd
commit
e80cc20f5c
@ -20,7 +20,7 @@
|
||||
<a class="nav-link" href="/aboutme">About Me</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/products/icons">Products</a>
|
||||
<a class="nav-link" href="/products/icons/">Products</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/blog">Blog</a>
|
||||
|
||||
@ -1,60 +0,0 @@
|
||||
---
|
||||
title: Icons
|
||||
layout: default
|
||||
---
|
||||
|
||||
<style>
|
||||
h1, h2, h3, p {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="banner">
|
||||
<img class="banner-image" src="https://cdn.ncxprogramming.com/file/image/banner/iconstore0.svg" alt="an awesome banner. too bad it isn't loading for you :(">
|
||||
<h1>Need a custom icon for your app? We've got you covered.</h1>
|
||||
<h2>Custom icons made just for your macOS or iOS app.</h2>
|
||||
<p>Standardized pricing available soon. Contact me (info below) to get an estimate.</p>
|
||||
<p>Most icons made are stylized for macOS/iOS. Ask about other design styles designed for other platforms.</p>
|
||||
<p>
|
||||
<button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#iconsCollapse" aria-expanded="false" aria-controls="collapseExample">
|
||||
Show Examples
|
||||
</button>
|
||||
</p>
|
||||
<div class="collapse" id="iconsCollapse">
|
||||
<div class="card card-body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="card">
|
||||
<img src="https://cdn.ncxprogramming.com/file/icon/rngtoolraw.png" class="card-img-top" alt="The app's icon.">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">RNGTool</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">App by NinjaCheetah</h6>
|
||||
<p class="card-text">Icon made for and used in my own program, RNGTool.</p>
|
||||
<a href="https://github.com/NCX-Programming/RNGTool" class="btn btn-primary">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="card">
|
||||
<img src="/assets/icons/cashcalc.png" class="card-img-top" alt="The app's icon.">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Calculate Cash</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">App by Nice Apps</h6>
|
||||
<p class="card-text">Icon made for and used in the app "Calculate Cash".</p>
|
||||
<a href="https://apps.apple.com/us/app/calculate-cash/id1600571579" class="btn btn-primary">App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h1>Payment</h1>
|
||||
<p>I operate on a "don't pay if you don't want it" system. I'll keep working until I've made an icon you'd actually like to use for your program.<p>
|
||||
<p>While payment details aren't available right now, you're still able to purchase an icon from me by using the contact info below.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<p>I'm planning on having examples here and some other neat stuff but I'm good at icon design not web design.</p>
|
||||
<p>So for now if you're interested, contact me on Discord, @NinjaCheetah#2861, or send an email to <a href="mailto:ninjacheetah@ncxprogramming.com">ninjacheetah@ncxprogramming.com</a>.
|
||||
102
products/icons/index.html
Normal file
102
products/icons/index.html
Normal file
@ -0,0 +1,102 @@
|
||||
---
|
||||
title: Icons
|
||||
layout: default
|
||||
---
|
||||
|
||||
<style>
|
||||
h1, h2, h3, p {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="py-5 text-center container">
|
||||
<div class="row py-lg-5">
|
||||
<div class="col-lg-6 col-md-8 mx-auto">
|
||||
<h1 class="fw-light">Custom Icons</h1>
|
||||
<p class="lead text-muted">Custom icons made just for your macOS or iOS app. Choose a tier, then contact me to get started.</p>
|
||||
<p>
|
||||
<a href="#examples" class="btn btn-primary my-2">See examples</a>
|
||||
<a href="#pricing" class="btn btn-secondary my-2">See Pricing</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<h2 class="fw-light" id="examples">Examples</h2>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<img src="https://cdn.ncxprogramming.com/file/icon/rngtoolraw.png" class="card-img-top" alt="The app's icon.">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">RNGTool</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Made for myself</h6>
|
||||
<p class="card-text">Icon made for and used in my own program, RNGTool.</p>
|
||||
<a href="https://github.com/NCX-Programming/RNGTool" class="btn btn-primary">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<img src="/assets/icons/cashcalc.png" class="card-img-top" alt="The app's icon.">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Calculate Cash</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Commissioned by Nice Apps</h6>
|
||||
<p class="card-text">Icon made for and used in the app "Calculate Cash".</p>
|
||||
<a href="https://apps.apple.com/us/app/calculate-cash/id1600571579" class="btn btn-primary">App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container py-3" id="pricing">
|
||||
<h2 class="fw-light">Pricing</h2>
|
||||
<div>
|
||||
<div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm">
|
||||
<div class="card-header py-3">
|
||||
<h4 class="my-0 fw-normal">Simple</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h1 class="card-title pricing-card-title">$5</h1>
|
||||
<p class="mt-3 mb-4">This tier is for very simple icons that will be quick to make. I recommend that you have a final design already nailed down.</p>
|
||||
<button type="button" class="w-100 btn btn-lg btn-outline-primary" onclick="window.location.href='https://docs.google.com/forms/d/e/1FAIpQLSedPDA8zuAR7vmuCU3kDDaJ7H2ay0bIgdGE0fLJ_oTDiq6CZQ/viewform?usp=sf_link';">Get started</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm border-primary">
|
||||
<div class="card-header py-3 text-white bg-primary border-primary">
|
||||
<h4 class="my-0 fw-normal">Standard</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h1 class="card-title pricing-card-title">$15</h1>
|
||||
<p class="mt-3 mb-4">This tier is for standard complexity icons. If you're unsure what you need, this is probably it. I recommend that you have an idea ready ahead of time.</p>
|
||||
<button type="button" class="w-100 btn btn-lg btn-primary" onclick="window.location.href='https://docs.google.com/forms/d/e/1FAIpQLSedPDA8zuAR7vmuCU3kDDaJ7H2ay0bIgdGE0fLJ_oTDiq6CZQ/viewform?usp=sf_link';">Get started</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm">
|
||||
<div class="card-header py-3">
|
||||
<h4 class="my-0 fw-normal">Complex</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h1 class="card-title pricing-card-title">$25</h1>
|
||||
<p class="mt-3 mb-4">This tier is for really complex icons. This is also the pricing for if you're still in the brainstorming phase and need some help creating your design.</p>
|
||||
<button type="button" class="w-100 btn btn-lg btn-primary" onclick="window.location.href='https://docs.google.com/forms/d/e/1FAIpQLSedPDA8zuAR7vmuCU3kDDaJ7H2ay0bIgdGE0fLJ_oTDiq6CZQ/viewform?usp=sf_link';">Get started</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-muted">No matter what you're paying, you'll get the same set of images exported at the same quality.</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="fw-light">Important: Payment Policies</h2>
|
||||
<p>Once we're in touch, I have to evalute what you're looking for, to tell you if you're within the price tier that you've selected. If not, then we can discuss switching tiers or revising your designs. If neither of those options work for you, just let me know! I'm happy to try and find a price point that works for you, so that you can have an icon.</p>
|
||||
<p>Also note that I don't do payments upfront. If you never end up liking my desgins, then it'll cost you nothing. Please be aware that I watermark all designs until you've paid, to protect myself against people who might try to get away without paying.</p>
|
||||
<hr>
|
||||
<p>This page is still a work in progress, because I'm good at icon design not web design.</p>
|
||||
<p>Direct Contact Info</p>
|
||||
<p>Discord: @NinjaCheetah#2861, or send an email to <a href="mailto:ninjacheetah@ncxprogramming.com">ninjacheetah@ncxprogramming.com</a>.
|
||||
Loading…
Reference in New Issue
Block a user