home.pt 4.1 KB
<html metal:use-macro="load: base.pt">

<div metal:fill-slot="content">
    <link href="/static/css/theme.css" rel="stylesheet">
    <style type="text/css">
        .judul {
            padding: .5em;
            font-weight: bold;
            text-transform: uppercase;
            background: #009688;
            color: #fff;
        }
        .slide {
            padding: 1.125%;
        }
        .about {
            padding-right: 4%;
            padding-left: 2.75%;
            margin-top: -.675%;
            }
        .well {
            font-family: "Helvetica", sans-serif;
            font-size: 1.125em;
            line-height: 1.875em;

        }
        .well h3 {
            margin-top: .2em;
            text-transform: capitalize;
            font-size: 2.275em;
            font-weight: bold;
            color: #616161;
        }
    </style>
<!-- Main component for a primary marketing message or call to action -->
<div class="well">
    <div class="row">
        <div class="col-md-12">
            <h1 class="judul">Aplikasi Integrasi SIPKD - Pajak Daerah</h1>
        </div>
    </div>
    <div class="row">
    <div id="myCarousel-2" class="carousel slide">

        <div class="carousel-inner">
            <!-- Slide 1 -->
            <div class="item active">
                <div class="col-md-7">
                    <img src="/static/img/slide-home-3.jpg" alt="" style="max-width: 100%;">
                </div>
                <div class="col-md-5 about">
                    <h3>Tentang Kami</h3>
                    <p>Kami adalah perusahaan yang bergerak di bidang pembuatan perangkat lunak.</p>
                    <p> Kami telah berpengalaman merancang dan membuat aplikasi keuangan yang telah digunakan oleh pemerintah daerah.</p>
                </div>

            </div>
            <!-- Slide 2 -->
            <div class="item">
                <div class="col-md-7">
                    <img src="/static/img/slide-home-1.jpg" alt="" style="max-width: 100%;">
                </div>
                <div class="col-md-5 about">
                    <h3>Spesifikasi Keahlian</h3>

                    <p>Aplikasi yang kami buat dirancang menggunakan platform open source  yang terdiri dari:</p>
                    <ul>
                    <li>Web Framework<a href="http://pylonsproject.org/">Pyramid</a> </li>
                    <li>Template <a href="https://pypi.python.org/pypi/ziggurat-foundations">Ziggurat Foundations</a></li>
                    <li>Template <a href="http://docs.pylonsproject.org/projects/pyramid-chameleon/en/latest/">Chameleon</a></li>
                    <li>Form Generator <a href="http://docs.pylonsproject.org/projects/deform/">Deform</a></li>
                    <li>CSS Framework <a href="http://getbootstrap.com">Bootstrap</a></li>
                    <li>Database <a href="http://postgresql.org">Postgres SQL</a></li>

                    </ul>

                </div>

            </div>
            <!-- Slide 3 -->
            <div class="item">
                <div class="col-md-7">
                    <img src="/static/img/slide-home-2.jpg" alt="" style="max-width: 100%;">
                </div>
                <div class="col-md-5 about">
                    <h3>Produk dan Jasa</h3>
                    <p>Perusahaan kami berpengalaman dalam pembuatan:</p>
                    <ul>
                        <li>Sistem Informasi BPHTB</li>
                        <li>Sistem Informasi Pajak Asli Daerah Non PBB BPHTB</li>
                        <li>Aplikasi Payment Online System PBB (POS PBB)</li>
                        <li>Aplikasi Integrasi Pembayaran dengan Perbankan</li>
                        <li>Pembuatan dan Management Jaringan</li>
                    </ul>
                </div>

            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel-2" data-slide="prev" style="background: none;"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
        <a class="right carousel-control" href="#myCarousel-2" data-slide="next" style="background: none;"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
    </div>
</div>
</div>

</div>
</html>