index.html

<!doctype html>
<html lang="en-us">

    <head>

        <!-- Meta -->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">

        <title>Spice Token</title>
        <meta name="description" content="">

        <!-- The compiled CSS file -->
        <link rel="stylesheet" href="css/production.css">

        <!-- Web fonts -->
        <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,700" rel="stylesheet">

        <!-- favicon.ico. Place these in the root directory. -->
        <link rel="shortcut icon" href="favicon.ico">

    </head>

    <body>


    <!-- Create outer border -->
    <div class="page-border">
    <div class="bg--white">

        <!-- Header -->
        <header class="align--center pt3 pb2">
            <div class="container">
                <h1 class="mb3" title="Have you received SPICE?"><img src="./img/spice_logo.png" alt="spice token logo slp"></h1>
                <h2 class="mb3">A great gift has been bestowed upon you.</h2>
                <p class="mb1">As an early SPICE recipient, one should simply ENJOY the SPICE</p>
                <p>Bask in its glory, and learn the way of the SPICE.</p>
            </div>
        </header>

        <!-- Body -->
        <main>
            <div class="container">

                <!-- Info -->
                <img class="mb3" src="./img/presentor.jpg" alt="SpiceFeed Demo">
                <section class="pt2 pb3">                    
                    <div class="grid-row">
                        <div class="grid-column span-one-third mt1">
                            <img class="icon mb1" src="./img/cashicon.svg">
                            <p>SPICE is a tipping token created for people to easily reward other people for "spicy" content created on networks such as Telegram and Twitter via the usage of an easily added chatbot. SLP tokens makes SPICE a real cryptocurrency that trades on the Bitcoin Cash blockchain within seconds for fractions of a penny.</p>
                        </div>
                        <div class="grid-column span-one-third mt1">
                            <img class="icon mb1" src="./img/boticon.svg">
                            <p>SPICE's tipping bot is easily added on Telegram by a simple invite. On Twitter the bot can be called anytime by @spicetokens. The bot allows anyone to store, tip and withdraw SPICE easily.</p>
                        </div>
                        <div class="grid-column span-one-third mt1">
                            <img class="icon mb1" src="./img/feedicon.svg">
                            <p>The use of SPICE captures the content being tipped and publishes it to a user-generated stream called SpiceFeed (Privacy Options Available to Admins). Spicefeed offers an overview of the hottest content based on the value of the tip given.</p>
                        </div>
                    </div>
                     
                </section>

                <!-- Presenters -->
                <section class="pt3 pb3 align--center">
                    <h3 class="mb1">Features</h3>
                    <div class="grid-row">
                        <div class="grid-column span-2 mt2">
                            <img class="mb1" src="./img/slplogo.jpg" alt="Simple Ledger Protocol">
                            <p class="small">Simple Ledger Protocol</p>
                        </div>
                        <div class="grid-column span-2 mt2">
                            <img class="mb1" src="./img/advancedtipping.jpg" alt="Advanced Tipping">
                            <p class="small">Advanced Tipping</p>
                        </div>
                        <div class="grid-column span-2 mt2">
                            <img class="mb1" src="./img/realtime.jpg" alt="Real-Time Feed">
                            <p class="small">Real-Time Feed</p>
                        </div>
                        <div class="grid-column span-2 mt2">
                            <img class="mb1" src="./img/multiplatform.jpg" alt="Multi-Platform">
                            <p class="small">Multi-Platform</p>
                        </div>
                        <div class="grid-column span-2 mt2">
                            <img class="mb1" src="./img/bchlogo.jpg" alt="Built on BCH">
                            <p class="small">Built on BCH</p>
                        </div>
                        <div class="grid-column span-2 mt2">
                            <img class="mb1" src="./img/compete.jpg" alt="compete">
                            <p class="small">Competitive Tipping</p>
                        </div>
                    </div>
                </section>

                <!-- Sponsors -->
                <section class="pt3 pb3 align--center">
                    <h3 class="mb2">Supported Wallets</h3>
                    <img class="m1" src="./img/electronlogo.png" alt="Stripe" style="height:300px">
                    <img class="m1" src="./img/badgerlogo.png" alt="Segment" style="height:300px">
                    <img class="m1" src="./img/crescentlogo.png" alt="New Relic" style="height:300px">
                </section>

                <!-- CTA -->
                <section class="align--center pt3 pb3">
                    <p class="h3 mb2">See SPICE Token in Action Now.</p>
                    <a href="http://spice.network/" class="btn btn--outline">Telegram Bot</a>
                    <a href="http://spice.network/" class="btn btn--default">SpiceFeed</a>
                    <p class="small mt1 text--gray">Spice is currently undergoing upgrades. Expect periods of unavailability.</p>
                </section>

            </div>
        </main>

        <!-- Footer -->
        <footer class="mt2 pb3 align--center">
            <ul class="no-bullets list--inline mb0">
                <li class="m1 block-on-mobile"><a href="https://twitter.com/spicetokens" class="link"><img class="icon" src="./img/twitter.svg" alt="Twitter"> Twitter</a></li>
              
            </ul>
            <p class="mt1 small text--gray">Brought to you by The Spice Team.</p>
        </footer>

    </div>
    </div>

    </body>
</html>