application.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="PAKET Mobile Application Page">
    <title>PAKET - Mobile Application</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" media="all" href="fonts/fonts.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css">
</head>
<body>
<div class="page">
    <div class="page-content">
        <header class="header">
            <nav class="navbar">
                <div class="container header">
                    <div class="col-md-12">
                        <div class="navbar-header">
                            <div class="inner">
                                <a class="logo" href="index.html">
                                    <img src="images/logo/paket-logo.png"
                                         srcset="images/logo/paket-logo@2x.png 2x,images/logo/paket-logo@3x.png 3x"
                                         alt="PAKET" class="paket-logo">
                                </a>
                            </div>
                        </div>

                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topNav" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

                        <div class="language-wrapper">
                            <div class="language-select-wrapper">
                                <ul class="language-select animated fadeInDown">
                                    <li class="preload-lang-images active" data-lang="en">
                                        <div title="English" class="img lang-tooltip en"></div>
                                    </li>
                                    <li class="preload-lang-images" data-lang="cn">
                                        <div title="Chinese" class="img lang-tooltip cn"></div>
                                    </li>
                                    <li class="preload-lang-images" data-lang="ko">
                                        <div title="Korean" class="img lang-tooltip ko"></div>
                                    </li>
                                    <li class="preload-lang-images" data-lang="pl">
                                        <div title="Polish" class="img lang-tooltip pl"></div>
                                    </li>
                                    <li class="preload-lang-images" data-lang="ru">
                                        <div title="Russian" class="img lang-tooltip ru"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="navbar-collapse collapse" id="topNav" role="navigation" aria-expanded="false" style="height: 83px;">
                            <ul class="nav navbar-nav">
                                <li class="sub-li"><a href="index.html#team">Our Team </a></li>
                                <li><a href="application.html">Mobile App</a></li>
                                <li><a href="developers.html">Developers</a></li>
                                <li><a href="incentives.html">How to Help</a></li>
                                <li><a href="https://explorer.paket.global" target="_blank">Live Package Explorer</a></li>
                            </ul>
                            <div class="socia-wrapper">
                                <div class="social-icons">
                                    <a href="https://twitter.com/PaketProtocol" target="_blank"><span
                                            class="icon-twitter"></span></a>
                                    <a href="https://www.reddit.com/r/PAKET/" target="_blank"><span
                                            class="icon-reddit"></span></a>
                                    <a href="https://medium.com/paket-global" target="_blank"><span
                                            class="icon-medium"></span></a>
                                    <a href="https://t.me/joinchat/G9T-tkXBHHNnpQ8oYFGSvw" target="_blank"><span
                                            class="icon-telegram"></span></a>
                                    <a href="https://www.youtube.com/channel/UCeyTJH3uKlXsEyD-vPRQ7uw"
                                       target="_blank"><span class="icon-yt"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </header>

        <section class="home-top-section top-section center en">
            <div class="container center">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="top-title" id="top_title2">DeliverIt App</h2>
                        <div class="top-desc" id="top_desc">The fully decentralized, blockchain based delivery app</div>
                        <div class="container">
                            <h3>JOIN THE MAGIC</h3>
                            <div class="container col-md-12"><a href="images/app/welcome.png"><img alt="welcome" src="images/app/welcome.png"></a></div>
                            <h3><a href="https://play.google.com/store/apps/details?id=com.paket.PaketGlobal" target="_blank">
                                    Download from the store
                            </a></h3>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="container dark">
            <h2>What can I do with it?</h2>
            <p>We’re glad you asked.</p>
            <p>The app allows you to launch, deliver and receive a package. You can request a delivery and pay for it, you can perform deliveries for payment, and, of course, you can receive deliveries.</p>
        </section>

        <section class="container app-how-to">

            <div class="row">
                <h2>Ready to Launch? Let's start!</h2>
                <div class="col-md-5">
                    <p>The PAKET network uses the Stellar distributed ledger, so when you run the app for the first time, it will ask you to enter a mnemonic or a secret seed. If you don't have a Stellar account, we will gladly generate one for you.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/register.png"><img alt="register" src="images/app/register.png"></a></div>
            </div>

            <div class="row dark">
                <div class="col-md-5">
                    <h3>Account Creation</h3>
                    <p>During the account creation process you will be asked for some identifying details, and you will be presented with a mnemonic made of 12 words. Make sure you backup your mnemonic. We are going to make sure you did!</p>
                    <p>Note: no one else, including PAKET and Stellar servers, ever has access to your mnemonic, and should you lose it, no one will be able to restore your account.</p>
                    <p>Once your account is created, we will fund it with some XLM and BUL to get you started. The app also includes options to purchase BUL and XLM directly from our funding server.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/mnemonic.png"><img alt="mnemonic" src="images/app/mnemonic.png"></a></div>
                <div class="col-md-4 col-md-offset-6"><a href=" images/app/verify.png"><img alt="verify" src="images/app/verify.png"></a></div>
            </div>

            <div class="row">
                <div class="col-md-5">
                    <h3>Packages Tab</h3>
                    <p>Once you are logged in, the default view is a list of your packages (don't keep it empty for too long!). Click a package to see all its details: package description and status, payment, collateral, and more.</p>
                    <p>In the "Available" tab you will find a list of nearby packages waiting for a courier. Click an item for more details, with an option to reserve packages you wish to deliver yourself.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/packages.png"><img alt="packages" src="images/app/packages.png"></a></div>
            </div>

            <div class="row dark">
                <div class="col-md-5">
                    <h4>Launch Your First Package</h4>
                    <p>Start by clicking the "Send Package" button. We're going to ask you to fill in all the required details, including the address or user name of the intended recipient, a deadline for the delivery, the promised payment and the required collateral. We will also ask you to add a photo of your package. It's very helpful.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/launch.png"><img alt="launch" src="images/app/launch.png"></a></div>
            </div>

            <div class="row">
                <div class="col-md-5">
                    <h4>Want to deliver a package? Start by reserving it</h4>
                    <p>Once a request for a delivery enters the system, potential couriers in the vicinity can see it on the "Available" packages tab. Once one of them reserves the delivery, you, the launcher of the delivery, will be notified.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/reserve.png"><img alt="reserve" src="images/app/reserve.png"></a></div>
            </div>

            <div class="row dark">
                <div class="col-md-5">
                    <h4>Your Courier has Arrived</h4>
                    <p>When you, the launcher, meet the intended courier, it is time for the two of you to commit to the delivery. When you click your package's listing in the "Mine" packages tab, you will see a "Deposit Payment" button. Once you click it, the payment will be removed from your wallet and placed in escrow, pending the success or failure of the delivery. You will then be displayed with a QR-code. You will need to let the courier scan this QR code, so that he can commit as well.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/deposit.png"><img alt="deposit" src="images/app/deposit.png"></a></div>
            </div>

            <div class="row">
                <div class="col-md-5">
                    <h4>Your Package is Here</h4>
                    <p>Accepting a package, either as a courier or as the final recipient, requires that the person currently in possession of the package display the QR code provided in the package details screen. The user accepting the package can then click the "Receive" button in the "Packages" tab to activate the camera and scan the code.</p>
                    <p>If the user accepting the package is a courier, the app will display the package details for confirmation. Once confirmation is given, the collateral will be removed from the courier's wallet and placed in escrow, pending the failure or success of the current leg of the route.<p>
                    <p>If the user accepting the package is the recipient, the package is considered delivered and payment will be released from the escrow directly to the courier's wallet.<p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/barcode.png"><img alt="barcode" src="images/app/barcode.png"></a></div>
            </div>

            <div class="row dark">
                <div class="col-md-5">
                    <h3>Wallet Tab</h3>
                    <p>The wallet tab lets you track your BUL and XLM balance, purchase BUL and XLM, and send BUL to other accounts. The wallet can be side-swiped between BUL and XLM functions. In the BUL section you can send BUL to another Stellar address or a user-name on our system, and you can purchase BUL - which will generate a BTC or ETH address for you to send funds to. In the XLM section there is a similar option for purchasing XLM.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/wallet.png"><img alt="wallet" src="images/app/wallet.png"></a></div>
            </div>

            <div class="row">
                <div class="col-md-5">
                    <h3>Profile Tab</h3>
                    <p>In the profile tab you can edit your personal details, your notification preferences, and display/copy your secret data for backup.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/profile.png"><img alt="profile" src="images/app/profile.png"></a></div>
            </div>

            <div class="row dark">
                <div class="col-md-5">
                    <h3>About Tab</h3>
                    <p>Here you will find some general information, useful links, and access to some advanced settings.</p>
                </div>
                <div class="col-md-4 col-md-offset-1"><a href=" images/app/about.png"><img alt="about" src="images/app/about.png"></a></div>
            </div>

        </section>

        <section class="container">
            <h2>Open Issues</h2>
            <a href="https://github.com/paket-core/mobile/issues">Follow open issues on GitHub</a>
        </section>

        <section class="container dark">
            <h2>How to bulid the app</h2>
            <a href="https://github.com/paket-core/mobile/blob/master/BUILD">Follow the guide</a>
        </section>

        <section class="container">
            <h2>YOU can Improve the app</h2>
            <ul>
                <li>Fork the github repository at https://github.com/paket-core/mobile</li>
                <li>Create a new branch for your fix / feature</li>
                <li>Improve the app</li>
                <li>Commit and push your changes</li>
                <li>Issue a pull request</li>
            </ul>
            <p>If you are unclear about anything, please go to the developers page for ways to contact us and other
                developers.</p>
        </section>

        <footer>
            <div class="container">
                <div class="col-md-8 col-md-offset-2">
                    <div class="row">
                        <div class="col-md-12 title" id="footer_follow_title">
                            FOLLOW US
                        </div>
                        <div class="col-md-12 social">
                            <div class="social-icons">
                                <a href="https://twitter.com/PaketProtocol" target="_blank"><span
                                        class="icon-twitter"></span></a>
                                <a href="https://www.reddit.com/r/PAKET/" target="_blank"><span
                                        class="icon-reddit"></span></a>
                                <a href="https://medium.com/paket-global" target="_blank"><span
                                        class="icon-medium"></span></a>
                                <a href="https://t.me/joinchat/G9T-tkXBHHNnpQ8oYFGSvw" target="_blank"><span
                                        class="icon-telegram"></span></a>
                                <a href="https://www.youtube.com/channel/UCeyTJH3uKlXsEyD-vPRQ7uw"
                                   target="_blank"><span class="icon-yt"></span></a>
                            </div>
                        </div>
                        <div class="col-md-12 copyright" id="footer_copyright">
                            2017-2018 Paket Project LTD
                        </div>
                        <div class="col-md-12 documents">
                            <ul>
                                <li>
                                    <a href="privacy-policy.html">
                                        Privacy Policy </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <div class="cookie-modal hidden">
            <p>This site uses cookies. <a target="_blank" href="privacy-policy.html">Learn more.</a></p>
            <button class="btn btn-white">Okay</button>
        </div>
    </div>

</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="js/translations.js"></script>
</body>
</html>