Tugas 1, Kelompok A

/* Codding Index
<!DOCTYPE html>
<html>
    <head>
        <title>Bengkel IT</title>
    </head>
    <link rel="stylesheet" href="style.css"/>
        <body>
            <div    id="container">
                <div id="header"><h1>Studio Desain Web BIT</h1></div>
                <div id="navigation">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="tentang_kami.html">Tentang Kami</a></li>
                    <li><a href="layanan.html">Layanan</a></li>
                    <li><a href="kontak.html">Hubungi Kami</a></li>
                </ul>
            </div>
                <div id="content">
                    Desain   website adalah langkah awal sebelum melakukan  pembuatan Website. Langkah desain   Web ini diawali dari Tujuan pembuatan   website. <br/>
                Ada beberapa tujuan dari pembuatan Website diantaranya :
                <ol>
                    <li>Sarana presentasi Profil Perusahaan yang bisa   diakses di seluruh Indonesia dan dunia.</li>
                    <li>Sarana promosi produk   dan Jasa.</li>
                    <li>Media Komunikasi antar individu dan saling bertukar   informasi misalnya jejaring sosial.</li>
                    <li>Media expresi pribadi maupun   kelompok.</li>
                    <li>Menyediakan sarana penyebar Ilmu Pengetahuan.</li>
                    <li>Tempat   untuk belajar baik dengan interaktif langsung maupun Forum Sarana   berbagi file baik berupa program maupun data.</li>
                    <li>Sebagai alat   transaksi Online sehingga memudahkan melakukan transaksi dimana saja dan   kapan saja.</li>

Masih banyak lagi, ... Semuanya menuju pada   keperluan yang dimaksud.

<p>Pemilihan Templates CMS
Dengan   Templates yang sesuai dengan keperluan Pembuatan Desain Website, maka   akan lebih memudahkan kita dalam mencapai maksud Pembuatan <br/>
Website. CMS   mempunyai ratusan bahkan ribuan Templates gratis yang bisa kita   Downloads.</p>
                </div>

                <div id="footer">
                    &copy BIT, 2013
                </div>
        </body>
</html>


/* Tentang Kami
<!doctype HTML>
<html>
<head>
    <title> Beranda</title>
    <link rel="stylesheet" href="style.css"/>
</head>

    <body>

    <div    id="container">
                <div id="header"><h1>Studio Desain Web BIT</h1></div>
                <div id="navigation">
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="tentang_kami.html">Tentang Kami</a></li>
                    <li><a href="layanan.html">Layanan</a></li>
                    <li><a href="kontak.html">Hubungi Kami</a></li>
                </ul>
            </div>
                <p align="center">Kami penyedia jasa <strong>Desain Website atau Desain Web</strong>, mengkhususkan diri   pada perancangan website dan hal-hal yang berhubungan dengan Website.

    Tenaga Desain kami berlatar belakang dari bidang Seni Rupa dan Grafis   Arsitektural sehingga karya kami lebih menonjolkan estetika dan   menggunakan teknik SEO ( Search Engine Optimization ) serta   memperhatikan kecepatan akses situs.

    beberapa karya kami ada pada halaman Portofolio.<p>


            <div id="footer">
                &copy BIT, 2013
            </div> </div> </div> </div> </div>
        </div>


    </body>

</html>


/* Layanan

<!doctype HTML>
<html>
<head>
    <title> Beranda</title>
    <link rel="stylesheet" href="style.css"/>
</head>

    <body>

    <div    id="container">
                <div id="header"><h1>Studio Desain Web BIT</h1></div>
                <div id="navigation">
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="tentang_kami.html">Tentang Kami</a></li>
                    <li><a href="layanan.html">Layanan</a></li>
                    <li><a href="kontak.html">Hubungi Kami</a></li>
                </ul>
            </div>
                <p align="justify">Produk Paket Website Desain adalah Website Lengkap siap saji. Website dengan standart desain dan pembuatan oleh studio kami. Dengan harga yang variatif serta fasilitas yang berbeda- beda. Produk Website Desain merupakan pilihan tepat bagi anda yang mempunyai usaha dan ingin memiliki Website yang siap untuk presentasi.

Dengan harga mulai Rp. 2.500.000 sampai dengan Rp. 6.500.000, serta biaya perpanjangan hanya sebesar 30 % untuk tahun ke-2. </p>
            <div id="footer">
                &copy BIT, 2013
            </div> </div> </div> </div> </div>
        </div>


    </body>

</html>


/* Kontak
<!doctype HTML>
<html>
<head>
    <title> Beranda</title>
    <link rel="stylesheet" href="style.css"/>
</head>
    <body>
    <div    id="container">
                <div id="header"><h1>Studio Desain Web BIT</h1></div>
                <div id="navigation">
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li><a href="tentang_kami.html">Tentang Kami</a></li>
                    <li><a href="layanan.html">Layanan</a></li>
                    <li><a href="kontak.html">Hubungi Kami</a></li>
                </ul>
            </div>
            <div id="content">
            <p align="center">Studio Desain Website kami berada di

    JL. Darussalam No.40 Kota Lhokseumawe<br/>

        Anda bisa menghubungi kami pada jam kerja,
        Pukul 08.00 sampai dengan   16.30 WIB, <br/>
        Hari Senin - Sabtu.

    Email kami

  it.bengkel@ymail.com </p>

        </div>

                <div id="footer">
                    &copy BIT, 2013
                </div>

    </body>

</html>

/* CSS
#container{
    margin: 0 auto;
    width: 600px;
    background:#569724;
}
#header{
    background:#C6DFF1;
    padding: 20px;
}
#header h1 { margin: 0; }

#navigation{
    float: left;
    width: 600px;
    background:#333;
}
#navigation ul{
    margin: 0;
    padding: 0;
}
#navigation ul li{
    list-style-type: none;
    display: inline;
}

#navigation li a{
    display: block;
    float: left;
    padding: 5px 10px;
    color:#fff;
    text-decoration: none;
    border-right: 1px solid#fff;
}
#navigation li a:hover { background:#383; }
#content{
    clear: left;
    padding: 20px;
}
#content h2{
    color:#000;
    font-size: 160%;
    margin: 0 0 .5em;
}
#footer{
    background:#ccc;
    text-align: right;
    padding: 20px;
    height: 1%;
}