index.html

---
layout: default
---
<section>
    <div id="slides" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active"> <img class="center-fit" src="img/index/tool_wall.jpg" width=1850>
                <div class="carousel-caption">
                    <h1 class="display-2">Welcome to Kitley</h1>
                    <h3>Start sharing now</h3> <a href="prototype">
                        <button type="button" class="btn btn-outline-light btn-lg">VIEW PROTOTYPE</button> </a>
                    <a href="https://github.com/Sowdiyeah/kitley/releases">
                        <button type="button" class="btn btn-outline-light btn-lg">DOWNLOAD MVP</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!---------video----->
<section class="features">
    <h1 class="title text-center">Commercial</h1>
    <center>
        <video width="80%" poster="video/poster.png" controls>
            <source src="video/commercial.mp4" type="video/mp4">
        </video>
    </center>
</section>

<!---features ---->
<section class="features-alt">
    <h1 class="title text-center">Key Features</h1>
    <div class="container">
        <div class="row">
            <div class="col-md-6"> <img class="contents-img" src="img/index/find.png">
                <h4 class="text-center">Find items</h4>
                <p>Find exactly the item that you need by looking through the available items in your area using a
                    strong search feature and filters, that allow you to specify what you want and under which
                    conditions. Select the item and immediately get into contact with the person lending it out.</p>
            </div>
            <div class="col-md-6"> <img class="contents-img" src="img/index/tools.png">
                <h4 class="text-center">List items</h4>
                <p>Kitley allows you to very easily put the items online that you want to let the people in your
                    neighbourhood borrow from you, so they can have quick access to it when they need it. Perfect if you
                    want to help out and strengthen your community!</p>
            </div>
            <div class="col-md-6"> <img class="contents-img" src="img/index/bell.png">
                <h4 class="text-center">Ping</h4>
                <p>Are you in a hurry and the item you need is not listed? Use a ping to notify people in your area and
                    ask if any of them can help you out. Receiving these pings is also beneficial to you, because if you
                    respond to a ping, you get in-app currency, which you can use towards buying pings yourself.</p>
            </div>
            <div class="col-md-6"> <img class="contents-img" src="img/index/inventory.png">
                <h4 class="text-center">Inventory</h4>
                <p>Kitley offers a clear overview of what items you are currently lending out, to whom you are lending
                    them to, and when you expect them to be returned. Similarly, Kitley also keeps track of what you are
                    borrowing. This removes a lot of stress and uncertainty from the whole process.</p>
            </div>
        </div>
    </div>
</section>