| <!DOCTYPE html> |
| <html style="font-size: 16px;" lang="en"><head> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta charset="utf-8"> |
| <meta name="keywords" content="🧬 mtDNA Location Classifier"> |
| <meta name="description" content=""> |
| <title>Pricing</title> |
| <link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}" media="screen"> |
| <link rel="stylesheet" href="{{ url_for('static', filename='Pricing.css') }}" media="screen"> |
| |
| <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900"> |
| <meta name="theme-color" content="#478ac9"> |
| <meta property="og:title" content="Pricing"> |
| <meta property="og:type" content="website"> |
| </head> |
| <body data-path-to-root="./" data-include-products="false" class="u-body u-xl-mode" data-lang="en"> |
| <header class="u-clearfix u-custom-color-1 u-header u-header" id="header"> |
| <div class="u-clearfix u-sheet u-sheet-1"> |
| <p class="u-align-center u-custom-font u-font-roboto-slab u-text u-text-1">{% if isvip %}Premium{% else %}Freemium{% endif %}</p> |
| <h1 class="u-custom-font u-font-roboto-slab u-text u-text-color-var u-title u-text-2" spellcheck="false"> 🧬 mtDNA Location Classifier</h1> |
| <nav class="u-menu u-menu-one-level u-menu-1" role="navigation"> |
| <div class="u-custom-menu u-nav-container"> |
| <ul role="menubar" class="u-nav u-unstyled"> |
| <li role="none" class="u-nav-item"><a tabindex="-1" role="menuitem" class="u-button-style u-nav-link" href="{{ url_for('home') }}" aria-haspopup="true">Home</a></li> |
| <li role="none" class="u-nav-item"><a role="menuitem" class="u-button-style u-nav-link" href="{{ url_for('about') }}">About</a></li> |
| <li role="none" class="u-nav-item"><a role="menuitem" class="u-button-style u-nav-link" href="{{ url_for('pricing') }}">Pricing</a></li> |
| <li role="none" class="u-nav-item"><a role="menuitem" class="u-button-style u-nav-link" href="{{ url_for('contact') }}">Contact</a></li> |
| </ul> |
| </div> |
| </nav> |
| </div> |
| </header> |
| |
|
|
|
|
| <section class="u-clearfix u-section-1" id="block-2"> |
| <div class="u-clearfix u-sheet u-valign-middle u-sheet-1"> |
| <div id="tier" class="u-clearfix u-group-elements u-group-elements-1"> |
| <a id="tab-free" href="#Free" class="u-align-left u-border-5 u-border-custom-color-3 u-btn u-button-style u-custom-font u-font-roboto-slab u-hover-custom-color-3 u-none u-text-hover-white u-btn-1 tablinks" data-target="Free">Free-tier </a> |
| <a id="tab-pid" href="#PID" class="u-align-left u-border-5 u-border-custom-color-3 u-btn u-button-style u-custom-font u-font-roboto-slab u-hover-custom-color-3 u-none u-text-hover-white u-btn-2 tablinks" data-target="PID"> Pay by sample </a> |
| <a id="tab-batch" href="#Batch" class="u-align-left u-border-5 u-border-custom-color-3 u-btn u-button-style u-custom-font u-font-roboto-slab u-hover-custom-color-3 u-none u-text-hover-white u-btn-3 tablinks" data-target="Batch"> Pay by batch (>1000 IDs)</a> |
| <a id="tab-earlyb" href="#EarlyB" class="u-align-left u-border-5 u-border-custom-color-3 u-btn u-button-style u-custom-font u-font-roboto-slab u-hover-custom-color-3 u-none u-text-hover-white u-btn-4 tablinks" data-target="EarlyB">Early Bird Offer </a> |
| </div> |
| <div id="Free" class="tabcontent u-container-style u-grey-10 u-group"> |
| <div class="u-container-layout u-container-layout-1"> |
| <div class="fr-view u-clearfix u-rich-text u-text u-text-1" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction=""> |
| <h4 id="isPasted" style="font-style: italic;">Get your first taste of the app</h4> |
| <hr> |
| <ul> |
| <li>30 free samples — no email needed</li> |
| <li>Enter your email = +20 bonus readings + submit by .xlsx/.csv</li> |
| <li>Questionable results are not counted. Tell us via your feedback.</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div id="PID" class="tabcontent u-container-style u-grey-10 u-group"> |
| <div class="u-container-layout"> |
| <div class="fr-view u-align-center u-clearfix u-rich-text u-text u-text-2"> |
| <h4>Support us by the value of each samples</h4> |
| </div> |
| <div class="u-align-center u-table u-table-responsive u-table-1"> |
| <table class="u-table-entity"> |
| <colgroup> |
| <col width="15.1%"> |
| <col width="12.6%"> |
| <col width="37.4%"> |
| <col width="34.9%"> |
| </colgroup> |
| <tbody class="u-table-body"> |
| <tr style="height: 55px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-1"> Case Type</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-2">Price <br>/sample |
| </td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-3">Output </td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-4">Description </td> |
| </tr> |
| <tr style="height: 71px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-5">Normal</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-6">$0.1 </td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-7"> Sample Type + Country</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-8">Sample has known publication (e.g., PubMed ID) but no clear label </td> |
| </tr> |
| <tr style="height: 71px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-9">Edge</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-10">$1.0</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-11"> Sample Type + Country</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-12">Direct submissions, <br>no article/DOI/PubMed ID |
| </td> |
| </tr> |
| <tr style="height: 102px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-13">Niche</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-14">$2.0</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-15">Sample Type + Country + 1 Custom Label </td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-16"> Extra output for each run (e.g. phenotype, ethnicity or city/province)</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| <div id="Batch" class="tabcontent u-container-style u-grey-10 u-group"> |
| <div class="u-container-layout"> |
| <div class="fr-view u-align-center u-clearfix u-rich-text u-text u-text-3"> |
| <h4>Support us and we support you in batch run</h4> |
| </div> |
| <div class="u-align-center u-table u-table-responsive u-table-2"> |
| <table class="u-table-entity"> |
| <colgroup> |
| <col width="10%"> |
| <col width="10%"> |
| <col width="20%"> |
| <col width="40%"> |
| <col width="20%"> |
| </colgroup> |
| <tbody class="u-table-body"> |
| <tr style="height: 55px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-17"> Case Type</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-17">Price <br>/Sample </td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-19">Output </td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-20">Description </td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-table-cell u-table-cell-17">Unsatisfied <br>/Sample? </td> |
| </tr> |
| <tr style="height: 71px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-21">Normal</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-22"><$0.1 </td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-23"> Sample Type + Country</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-24">Sample has known publication (e.g., PubMed ID) but no clear label </td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-24">-$0.1/sample</td> |
| </tr> |
| <tr style="height: 102px;"> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-29">Niche</td> |
| <td class="u-align-center u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-30"><$0.5</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-31">Sample Type + Country + 1 Custom Label </td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-32"> Extra output for each run (e.g. phenotype, ethnicity or city/province)</td> |
| <td class="u-border-2 u-border-grey-dark-1 u-custom-font u-font-roboto-slab u-table-cell u-table-cell-32"> -$0.5/sample</td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </div> |
| </div> |
| <div id="EarlyB" class="tabcontent u-container-style u-grey-10 u-group"> |
| <div class="u-container-layout u-container-layout-4"> |
| <div class="fr-view u-clearfix u-rich-text u-text u-text-4" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction=""> |
| <h4 id="isPasted"><span style="font-style: italic;">Early User Bonus (Limited!)</span> |
| </h4> |
| <hr> |
| <p>We receive tremendous support from our first 10 paying users. You are not only witnessing our first steps but also very influential and indispensable to our growth. Thus, we show our appreciation by offering you </p> |
| <p style="text-align: center;"><span style="font-weight: 700;"><span style="font-style: italic; font-size: 1.25rem;">a life-time 20% discount on all plans. </span></span> |
| </p> |
| <p style="text-align: center;"><span style="font-weight: 400;">Type `early_user` in your email and we will apply it automatically.</span> |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| |
| |
| <footer class="u-align-center u-clearfix u-color-var u-container-align-center u-footer u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-footer" id="footer"><div class="u-clearfix u-sheet u-sheet-1"> |
| <p class="u-align-right u-custom-font u-font-roboto-slab u-small-text u-text u-text-variant u-text-white u-text-1">Contact<br> |
| </p> |
| </div> |
| </footer> |
| <section class="u-backlink u-clearfix u-grey-80"></section> |
|
|
|
|
|
|
| <script> |
| document.addEventListener('DOMContentLoaded', function () { |
| const tabs = document.querySelectorAll('.tablinks'); |
| const panels = document.querySelectorAll('.tabcontent'); |
| |
| function openPanel(id) { |
| |
| panels.forEach(p => p.classList.remove('active')); |
| |
| const pane = document.getElementById(id); |
| if (pane) pane.classList.add('active'); |
| |
| |
| tabs.forEach(t => t.classList.toggle('active', t.dataset.target === id)); |
| } |
| |
| |
| tabs.forEach(btn => { |
| btn.addEventListener('click', (e) => { |
| e.preventDefault(); |
| openPanel(btn.dataset.target); |
| |
| history.replaceState(null, '', '#' + btn.dataset.target); |
| }); |
| }); |
| |
| |
| const hashId = location.hash.slice(1); |
| const start = (hashId && document.getElementById(hashId)) ? hashId : tabs[0]?.dataset.target; |
| if (start) openPanel(start); |
| }); |
| |
| document.addEventListener('click', function (e) { |
| const a = e.target.closest('a[href]'); |
| if (!a) return; |
| |
| const href = a.getAttribute('href'); |
| |
| if (!href || /^(?:[a-z]+:)?\/\//i.test(href) || href.startsWith('#')) return; |
| |
| |
| const qs = window.location.search; |
| |
| const joined = href + (href.includes('?') ? '&' + qs.slice(1) : qs); |
| |
| e.preventDefault(); |
| window.location.href = joined; |
| }); |
| </script> |
| |
| </body></html> |
