Perancangan Website E-commerce Penjualan Sepatu Online

(1)

KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan – 20155

Telp. (061) 8211050, 8214290, Fax. (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama

: Khalissandy Khallis

Nomor Induk Mahasiswa

: 112406058

Judul Tugas Akhir

: Perancagan Website E-commerce Penjualan Sepatu Online

Dosen Pembimbing

: Drs. Rosman Siregar, M.Si

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan

:

No. Tanggal Bimbingan

Pembahasan Pada Bimbingan Mengenai, Pada Bab :

Paraf Dosen

Pembimbing Keterangan



Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan mahasiswa telah

selesai

Diketahui :

Disetujui,

Departemen Matematika FMIPA USU

Pembimbing Utama/

Ketua,

Penanggung Jawab

Dra. Elly Rosmaini, M.Si

Drs. Rosman Siregar, M.Si

(2)

SURAT KETERANGAN Hasil Uji Program Tugas Akhir

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program D3 Teknik Informatika:

N a m a : KHALISSANDY KHALLIS

N I M : 112406058

Program Studi : D3 Teknik Informatika

Judul Tugas Akhir : PERANCANGAN WEBSITE E-COMMERCE

PENJUALAN SEPATU ONLINE

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut di atas pada tanggal ……….

Dengan Hasil : SUKSES / GAGAL

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2014 Dosen Pembimbing

(3)

Listing program

1.Index

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Pesan Sepatu</title>

charset=iso-8859-1">

href="css/style.css" />

</head>

<body>

<src="images/header.jpg"alt="setalpm"width="999"

height="189" border="0" usemap="#Map" /><br />

<li><ahref="home/index.php"

(4)

<li><ahref="home/product/index.php"

class="but2">Produk</a></li>

<li><ahref="home/info/index.php"

class="but3">Info</a></li>

<li><a href="home/info/contact.php"

class="but4">Contact</a></li>

<li><a href="home/order/cart.php"

class="but5">Cart</a></li>

</ul>

</div>

<img src="images/title1.gif" alt=""

width="174" height="30" /><br />

<li class="color"><a

href="#">Ablinc</a></li>

<li><a

href="#">Adidas</a></li>

href="#">Blackmaster</a></li>

<li><a

href="#">Dr.Faris</a></li>

href="#">Island Shoes</a></li>

<li><a

href="#">Moofeat</a></li>

</ul>

</div>

(5)

<img src="images/title2.gif"

alt="" width="191" height="30" /><br />

<p>Product yang kami tawarkan

sangatlah good qualiity , anda bisa membeli product

kami dengan mudah di website ini</p>

<a

href="home/info/about.php">more info</a>

</div>

<img src="images/title3.gif"

alt="" width="69" height="30" /><br />

<p>Berbelanja 2 product sepatu

, kami akan memberikan potongan diskon sebanyak

20%</p>

</div>

<li>"<img

src="images/slider/slider1.jpg"alt=""></li>

<li><img

src="images/slider/slider2.jpg" alt=""></li>

<li><img

</ul>

</div>

(6)

</div>

<li><a href="index.php"

class="but1_active">Home Page</a></li>

<li><a

href="home/product/index.php"

<li><a href="home/info/index.php"

<li><a href="home/info/contact.php"

<li><a href="home/info/about.php"

class="but5">about</a></li>

<li><a href="home/order/cart.php"

</ul><br /><br />

Khalissandy Khallis</a></p>

</div>

<area shape="rect" coords="78,70,312,100"

href="index.php">

</map>

</body>

(7)

2.Koneksi Data

<?php

$host = "localhost";

$email = "email";

$password = "password";

$db = "jualan";

$a=mysql_connect("localhost","root","") or die ('Failed');

mysql_select_db($db);

?>

3.Logout

<?php

error_reporting(0);

session_start();

$x=$_SESSION[x];

session_destroy();

header('location:index.php?proses=logout');

?>

4.Proses Login

<?php

error_reporting(0);

include("koneksidata.php");

$email=$_POST['email'];

$password=$_POST['password'];

$query="select * from member where email='$email' &&

password='$password'";

$ex=mysql_query($query);

(8)

$data=mysql_fetch_array($ex);

$id=$data['IDmember'];

$date=date("dmy");

$x=$id.$date;

session_start();

$_SESSION[x]=$x;

header('location:home/index.php');

} else{

header('location:login.php?konfirmasi=gagal');

}

?>

5.About

Transitional//EN"

<html>

<head>

.style41 {color: black; font-family: "lucida sans"; color:

red;}

.style42 {color: black; font-family: "lucida sans";}

.style43 {font-size: 16px}

.style49 {font-family: "French Script MT"; color: black;

(9)

-->

</style>

</head>

<body>

<img src="../../images/header.jpg" alt="setalpm"

width="999" height="189" border="0" usemap="#Map" /><br />

<li><a href="../index.php" class="but1">Home

Page</a></li>

<li><a href="../product/index.php"

<li><a href="../info/index.php"

<li><a href="../info/contact.php"

<li><a href="../order/cart.php"

</ul>

</div>

<img src="../../images/title1.gif" alt=""

<li class="color"><a href="#">Ablinc</a></li>

<li><a href="#">Adidas</a></li>

(10)

<li class="color"><a href="#">Island

Shoes</a></li>

<li><a href="#">Moofeat</a></li>

</ul>

</div>

<p class="style42">Toko Online <span

class="style49">Pesan Sepatu</span>

memliki banyak koleksi sepatu pria yang

bisa kamu pilih sesuai dengan karakter kepriadian kamu.

Sebagai supplier sepatu yang melayani pembelian dari

reseller di seluruh Indonesia, kami berkomitmen untuk

selalu mengedepankan kualitas dalam setiap detil produk

sepatu bandung yang kami distribusikan. Mendukung kemajuan

produk lokal hingga menembus pasar internasional adalah

visi yang selalu kami junjung tinggi.

Dalam hal pemilihan brand, kami menyeleksi

secara ketat terhadap kualitas yang dihasilkan para

produsen sepatu lokal. Bahan sepatu ada yang terbuat dari

kulit imitasi dan kulit asli</p1></br>

<p class="style41">Kondisi 100% Baru &

Original Handmade Bandung</span></p>

</div>

<div id="footer_inside"

background="../../images/telephone.jpg">

(11)

Page</a></li>

class="but4_active">Contact</a></li>

<li><a href="../info/about.php"

class="but6">Cart</a></li

</ul><br /><br />

Khallis</a></p>

</div>

href="../../index.php">

</map>

</body>

</html>

6.Contact

Transitional//EN"

<html>

<head>

(12)

<!--.style49 {font-family: "French Script MT"; color: black;

font-size: 24px; }

.style11 {font-size: 14px; font-family: "lucida sans";

color: black;}

color: red;}

-->

</style>

</head>

<body>

Page</a></li>

</ul>

</div>

(13)

<li><a href="#">Dr.Faris</a></li>

Shoes</a></li>

</ul>

</div>

<h1 align="center">Contact Us</h1><br>

<p1 class="style11">Untuk pertanyaan seputar

produk <span class="style49">Pesan Sepatu</span> atau

informasi lebih lanjut mengenai produk baru, pemesanan

produk dan untuk kritik dan saran. Silahkan kontak ke :</p>

<p1 class="style11">Phone :</span>08969433313

(sms only) <br />Address : </span>Kompleks Wartawan Jalan

Beringan No. 4A Medan<br />Email :</span>

kkhalissandy@yahoo.com</br></br></br>

<p class="style12">Atas Nama : Khalissandy

khallis</p>

<p class="style12">No. Rekening : 123456789</p>

Khallis</p>

<p class="style12">No. Rekening : 123456789</p>

(14)

Khallis</p>

<p class="style12">No. Rekening :

123456789</p></center>

</div>

Page</a></li>

</ul><br /><br />

Khallis</a></p>

</div>

</map>

</body>

(15)

7.Index Info

Transitional//EN"

<html>

<head>

<!--.style13 {font-family: "lucida sans"}

color: black;}

.style62 {font-family: "French Script MT"; font-size:

24px;}

.style63 {color: #FF0000}

color: #FF0000; }

.style65 {font-family: Harrington}

-->

</style>

</head>

<body>

(16)

Page</a></li>

class="but3_active">Info</a></li>

</ul>

</div>

Shoes</a></li>

</ul>

</div>

(17)

<p1 class="style12">Step 1 (Join Member atau

Login Member )</p>

<p1 class="style11">1. Anda harus bergabung

dahulu menjadi member di <span class="style62">Pesan

Sepatu</span>.</p>

<p1 class="style11">2. Setelah anda bergabung

menjadi member, anda harus Login Member terlebih

dahulu.</p>

<p1 class="style11">3. Setelah anda Login

Member, anda bisa melakukan proses pemesanan produk. </p>

<p1 class="style12">Step 2 (Pemilihan dan

Pemesanan Produk) :</p>

<p1 class="style11">1. Memilih produk yang

ingin anda pesan.</p>

<p1 class="style11">2. Setelah selesai

memilih produk, anda bisa memilih menu klik order now atau

buy.</p>

<p1 class="style11">3. Masukkan jumlah produk

yang ingin anda pesan, lalu klik lanjutkan belanja atau

selesai.</p>

<p1 class="style11">4. Anda akan dikonfirmasi

kembali dengan produk dan jumlah produk yang anda pesan,

jika anda setuju maka klik checkout, jika tidak setuju maka

klik edit atau hapus.</p>

<p1 class="style12">Step 3 (Pengiriman

Produk) :</p>

<p1 class="style11">1. Untuk pengiriman

barang, masukkan provinsi, kota, alamat dan kode pos

anda.</p>

<p1 class="style12">Step 4 (Pembayaran) :

(18)

<p1 class="style11">1. Untuk proses

pembayaran, masukkan nama pemilik rekening, nomor rekening

dan bank pengirim, lalu klik finish </p>

<p1 class="style11">2. Dan anda harus

melakukan proses pembayaran melalui transfer ke nomor

rekening yang telah tertera, sesuai dengan jumlah yang

telah anda sepakati.</p>

<p1 class="style12">Attention : </p>

<p1 class="style11"><span

class="style63">Transaksi yang telah anda lakukan tidak

dapat dibatalkan sepihak, jika terjadi kesalahan atau

masalah gangguan dalam pemesan online anda bisa menghubungi

kontak <span class="style62">Pesan

Sepatu.</span></span></p>

<p1 class="style64">Pembayaran dilakukan

melalui transfer, jika anda tidak melakukan proses

pembayaran paling lambat 3 hari setelah pemesanan maka

proses pemesanan akan dibatalkan atau akan dikonfirmasi

kembali. </p>

</div>

</div>

Page</a></li>

(19)

class="but3_active">Info</a></li>

</ul><br /><br />

Khallis</a></p>

</div>

</map>

</body>

</html>

8.Index Member

Transitional//EN"

<html>

<head>

</style>

function showKota(str){

(20)

document.getElementById("kota").innerHTML="";

return;

}

if (window.XMLHttpRequest){

// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

} else{

// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function(){

if (xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("kota").innerHTML=xmlhttp.responseT

ext;

}

xmlhttp.open("GET","getprovinsi.php?q="+str,true);

xmlhttp.send();

}

</script>

</head>

<body>

(21)

</ul>

</div>

Shoes</a></li>

</ul>

</div>

<form id="form1" method="post"

action="join.php">

<h4 align="center"> Join Member</h4>

<table>

<tr><th>Email</p2></th><td><input type="text"

(22)

<tr><th>Password<p/2></th><td><input

type="password" name="password" /></td></tr>

<tr><th>Ulangi Password</p2></th><td><input

type="password" name="confirm" /></td></tr>

<tr><th>First Name</p2></th><td><input

type="text" name="fname" /></td></tr>

<tr><th>Last Name</p2></th><td><input

type="text" name="lname" /></td></tr>

<tr><th>Gender</p2></th><td>

<option value="">Select Gender</option>

<option value="Female">Female</option>

</select>

</td></tr>

<tr><th>Phone Number</p2></th><td><input

type="text" name="phone" /></td></tr>

<tr><th>Province</p2></th><td>

<select name="province"

onchange="showKota(this.value)">

<option value="">Pilih

Provinsi</option>

<option value="12">Bangka

Belitung</option>

<option value="13">Banten</option>

<option value="14">Bengkulu</option>

<option value="15">D.I

Yogyakarta</option>

<option value="16">DKI Jakarta</option>

<option value="17">Gorontalo</option>

<option value="18">Jambi</option>

<option value="19">Jawa Barat</option>

<option value="20">Jawa Tengah</option>

(23)

<option value="22">Kalimantan

Barat</option>

Selatan</option>

Tengah</option>

Timur</option>

<option value="26">Kep. Bangka

Belitung</option>

<option value="28">Lampung</option>

<option value="29">Maluku</option>

<option value="30">Maluku

Utara</option>

<option value="31">Nanggroe Aceh

Darussalam</option>

<option value="32">Nusa Tenggara

Barat</option>

<option value="33">Nusa Tenggara

Timur</option>

<option value="34">Papua</option>

<option value="36">Sulawesi

Barat</option>

Selatan</option>

<option value="38">>Sulawesi

Tengah</option>

Tenggara</option>

Utara</option>

<option value="41">Sumatera

(24)

Selatan</option>

Utara</option>

</select>

</td></tr>

</td></tr>

<tr><th>Street Address</p2></th><td><textarea

name="address" cols="40" rows="10"></textarea></td></tr>

<tr><th>Postal Code</p2></th><td><input

type="text" name="postal" /></td></tr>

<tr><td colspan="2" align="right"><input

class="button" type="submit" name="submit"

value="Register"/></td></tr>

</table>

</form>

</article>

</div>

Page</a></li>

(25)

</ul><br /><br />

Khallis</a></p>

</div>

</map>

</body>

</html>

9.Index Admin

<!DOCTYPE HTML>

<html>

<head>

media="screen" />

<!--.style1 {

font-size: 60px;

font-family: "French Script MT";

}

.style2 {font-family: "French Script MT"}

.style6 {font-family: "Century Gothic"}

.style7 {font-size: 20px; font-family: "Century Gothic"; }

.style8 {font-size: 20px; font-family: "Century Gothic";

(26)

.style10 {font-size: 50px; font-family: "French Script MT";

color: #000000; }

.style13 {color: #000000}

-->

</style>

</head>

<body>

<nav>

<li><a href="index.php" class="current style5

style6">Login</a></li>

</ul>

</nav>

</header>

<tr><th>Username</th><td><input type="text"

name="username" id="username" /></td></tr>

<tr><th>Password</th><td><input type="password"

name="password" id="password" /></td></tr>

<tr><td colspan="2" align="right"><input

type="submit" name="submit" value="login" id="submit"

/></td></tr>

</table>

</form>

</div>

(27)

<span class="right">PesanSepatu Designed by:

Khalissandy</span>

</span>

</footer>

</div>

</body>

</html>

10.Edit Admin

<html>

<head>

</head>

<body>

<figure class="img-box"> <img

src="../images/banner/sepatu.jpg" alt="" height="125"

width="273">

</a></figure>

width="273">

</a></figure>

width="273">

</a></figure>

(28)

width="273">

</a></figure>

width="273">

</a></figure>

</div>

<ul>

<li class='active'><a

href='home.php'><span>Home</span></a></li>

<li class='has-sub'><a

href='product.php'><span>Produk</span></a>

<ul>

<li><a

href="product.php?menu=tambah">Tambah</a></li>

<li><a

href="product.php?menu=lihat">Lihat</a></li>

</ul>

</li>

href='order.php'><span>Order</span></a></li>

</ul>

</div></div>

<?php

include("../koneksidata.php");

$id=$_GET['id'];

$q="select * from produk where IDproduk='$id'";

(29)

$data=mysql_fetch_array($ex);

echo "

<form action=\"edit.php?id=$id\"

method=\"POST\" enctype=\"multipart/form-data\">

<table>

<tr><th>Nama</th><td><input

type=\"text\" name=\"nama\"

value=\"".$data['namaproduk']."\"/></td></tr>

<tr><th>Kategori</th><td><select

name=\"kategori\">";

$q3="select kategori.IDkategori from

kategori, produk where

produk.IDkategori=kategori.IDkategori and

produk.IDproduk='$id'";

$ex3=mysql_query($q3);

$data3=mysql_fetch_array($ex3);

echo "<option

value=\"".$data3['IDkategori']."\">Pilih

Kategori</option>";

$q2="select * from kategori";

while($data2=mysql_fetch_array($ex2)){

echo "<option

value=\"".$data2['IDkategori']."\">".$data2['kategori']."</

option>";

}

echo "</select></td></tr>

<tr><th>Material</th><td><input

type=\"text\" name=\"material\"

(30)

<tr><th>Size</th><td><input

type=\"text\" name=\"size\"

value=\"".$data['size']."\"/></td></tr>

<tr><th>Harga</th><td><input

type=\"text\" name=\"harga\"

value=\"".$data['harga']."\"/></td></tr>

<tr><th>Gambar</th><td><input

type=\"file\" name=\"gambar\"

value=\"".$data['gambar']."\"/></td></tr>

<tr><td colspan=\"2\"

align=\"right\"><input type=\"submit\" name=\"submit\"

value=\"update\"/></td></tr>

</table>

</form>

";

if($_SERVER['REQUEST_METHOD']=='POST'){

$id=$_GET['id'];

$nama=$_POST['nama'];

$kategori=$_POST['kategori'];

$material=$_POST['material'];

$size=$_POST['size'];

$harga=$_POST['harga'];

$tmpGambar=$_FILES['gambar']['tmp_name'];

$namaGambar=$_FILES['gambar']['name'];

$q2="select kategori from

kategori where IDkategori='$kategori'";

$data2=mysql_fetch_array($ex2);

(31)

if(empty($namaGambar)){

$q="update produk set

namaproduk='$nama', IDkategori='$kategori',

material='$material', size='$size', harga='$harga' where

IDproduk='$id'";

if(mysql_query($q)){

header("location:product.php?menu=lihat");

} else{

echo "Update produk

gagal: ".mysql_error();

}

} else{

if(move_uploaded_file($tmpGambar,

"../home/product/images/$kat/$namaGambar")){

$q="update produk set

namaproduk='$nama', harga='$harga', IDkategori='$kategori',

, material='$material', size='$size',

gambar='images/$kat/$namaGambar' where IDproduk='$id'";

} else{

echo "Update

produk gagal: ".mysql_error();

}

?>

(32)

</div>

<marquee direction="right"><b>PIN : 297a26af / LINE :

khalissandy</b></marquee>

<a

href="https://www.facebook.com/khalissandy.khallis">Faceboo

k</a></br>

<a

href="https://twitter.com/khalissandy">Twitter</a>

PesanSepatu Designed by: Khalissandy</div>

</div>

</body>

</html>

11.Hapus Admin

<html>

<head>

</head>

(33)

width="273">

</a></figure>

width="273">

</a></figure>

width="273">

</a></figure>

width="273">

</a></figure>

width="273">

</a></figure>

</div>

<ul>

(34)

<li><a

href="product.php?menu=lihat">Lihat</a></li>

</ul>

</li>

</ul>

</div></div>

<?php

$id=$_GET['id'];

$q="delete from produk where IDproduk='$id'";

} else{

echo "hapus gagal: ".mysql_error();

}

?>

</ul>

</div>

<marquee direction="right"><b>PIN : 297a26af / LINE :

khalissandy</b></marquee>

(35)

<a

href="https://www.facebook.com/khalissandy.khallis">Faceboo

k</a></br>

<a

href="https://twitter.com/khalissandy">Twitter</a>

PesanSepatu Designed by: Khalissandy</div>

</div>

</body>

</html>

12.Order Admin

<html>

<head>

</head>

<body>

src="../images/banner/sepatu.jpg" alt="" height="125" width="259">

(36)

</a></figure>

</div>

<ul>

<li><a

(37)

</ul>

</li>

</ul>

</div></div>

<?php

echo "<center><table width=100% border=1>

<tr>

<th><p2>ID Order</th>

<th><p2>ID Member</th>

<th><p2>Tanggal</th>

<th><p2>Pengirim</th>

<th><p2>Penerima</th>

<th><p2>Status</th>

</tr>";

$no=1;

$q="SELECT * FROM `order` ORDER BY IDorder DESC";

$ex=mysql_query($q);

while($data=mysql_fetch_array($ex)){

echo "<tr id=\"data\"

onclick=\"document.location='detail-order.php?id=".$data['IDorder']."&transaksi=".$data['transak si']."';\">

(38)

<td><p2>".$data['IDorder']." -".$data['transaksi']."</td>

<td

id=\"center\"><p2>".$data['IDmember']."</td>

<td><p2>".$data['tanggal']."</td>

<td><p2>".$data['bank_pengirim']."

-".$data['no_rekening']."<br/>a/n ".$data['atas_nama']."</td>

<td><p2>".$data['bank_penerima']."</td>

<td><p2>".$data['status']."</td>

</tr>";

$no++;

}

echo "</table>";

?>

</ul>

</div>

<marquee direction="right"><b>PIN : 297a26af / LINE : khalissandy</b></marquee>

<a

href="https://www.facebook.com/khalissandy.khallis">Facebook </a></br>

<a

(39)

</div>

</body>

</html>

13.CSS

*{

padding:0px;

margin:0px;

}

img{border:0px;}

html{

width:100%;

height:100%;

}

body{

height:100%;

background-color:#F3F1E9;

position:relative;

}

html > body{

(40)

height:auto;

}

#header{

height:222px;

background-image:url(../images/header_bg.gif);

background-position:top left;

background-repeat:repeat-x;

}

#header_inside{

width:1000px;

margin:0 auto;

position:relative;

}

#menu{

position:absolute;

top:156px;

left:26px;

}

#menu li{

display:inline;

}

#menu a{

margin:0 1px 0 0;

width:110px;

text-align:center;

padding:8px 0 18px 0;

display:block;

(41)

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#0D0D0D;

text-decoration:underline;

background-repeat:no-repeat;

}

#menu .but1_active, #menu .but1:hover{background-image:url(../images/but.gif); text-decoration:none; color:#FFFFFF;}

#wrapper{

padding:0 0 142px 0

}

#content_inside{

background-image:url(../images/bg.gif);

(42)

margin:0 auto;

overflow:hidden

}

#sidebar{

width:175px;

float:left;

padding:0 50px 0 23px;

}

#list{

list-style-type:none;

margin:11px 0 0 0;

line-height:18px;

height:18px;

}

#list a{

font-size:12px;

color:#464646;

text-decoration:none

}

#list a:visited{text-decoration:none}

#list a:hover{text-decoration:underline}

#list li{

width:165px;

padding:0 0 0 10px;

}

.color{

(43)

}

#main_block{

font-size:11px;

color:#464646;

overflow:hidden;

float:left;

width:752px;

}

.about{

padding:13px 0 0 0;

width:450px;

float:left;

margin:0 29px 0 0;

}

.about p{

padding:5px 0 0 12px;

}

.about a{

display:block;

color:#547223;

text-decoration:underline;

margin:5px 0 0 12px;

}

.about a:visited{text-decoration:underline}

.about a:hover{text-decoration:none}

.news{

(44)

border:1px solid #DFDEC0;

width:220px;

float:left;

padding:13px 26px 13px 20px

}

.news p{

padding:5px 0 0 2px

}

#footer{

width:100%;

height:142px;

position:absolute;

bottom:0px;

background-image:url(../images/footer_bg.gif);

background-repeat:repeat-x;

}

#items{

float:left;

padding:22px 0 0 0;

width:770px;

}

.item{

width:241px;

height:265px;

float:left;

(45)

padding:0 12px 15px 0;

display:inline;

}

.item img{

margin:26px 0 0 25px;

}

.item span{

display:block;

float:left;

font-size:18px;

color:#E9410E;

width:70px;

padding:0 0 0 20px;

}

.view{

display:block;

text-align: center;

line-height:18px;

margin:3px 3px 0 0;

width:41px;

background-image:url(../images/view_bg.gif);

color:#fff;

}

(46)

display:inline-block;

font-size:18px;

line-height:5px;

color:#fff;

border-radius: 7px;

text-decoration:none;

padding:7px 20px;

font-family: lucida sans;

text-transform:uppercase;

}

.viewww{

display:block;

float: left;

line-height:18px;

margin:3px 3px 0 0;

width:41px;

color:#fff;

}

.buy{

display:inline-block;

font-size:18px;

line-height:5px;

(47)

border-radius: 7px;

background-image:url(../images/buy_bg.gif);

padding:7px 20px;

font-family: lucida sans;

text-transform:uppercase;

}

.buyy{

display:block;

float: left;

line-height:18px;

margin:3px 3px 0 0;

width:41px;

background-image:url(../images/buy_bg.gif);

color:#fff;

}

#footer_inside{

width:1000px;

height:142px;

margin:0 auto;

background-image:url(../images/telephone.gif);

background-position:top right;

(48)

}

.footer_menu{

list-style-type:none;

}

.footer_menu li{

display:inline;

line-height:17px;

float:left;

}

.footer_menu li a{

color:#0D0D0D;

margin:0 6px;

}

.footer_menu li a:visited{text-decoration:none}

.footer_menu li a:hover{text-decoration:underline}

#footer_inside p{

}

#footer_inside p a{

color:#E9410E;

text-decoration:underline

}

#footer_inside p a:visited{text-decoration:underline}

#footer_inside p a:hover{text-decoration:none}

(49)

float:left

}

#item h4{

font-size:24px;

color:#242424;

font-weight:normal;

}

.big_view{

width:478px;

padding:20px 0 12px 0;

vertical-align:middle;

border:1px solid #D6D3C7;

background-color:#FFFFFF;

position:relative;

text-align:center;

}

.big_view span{

font-size:30px;

color:#E9410E;

display:block;

position:absolute;

bottom:10px;

left:25px;

}

.scroll{

(50)

border:1px solid #D6D3C7;

background-color:#FFFFFF;

padding:6px 0;

text-align:center;

margin:5px 0 0 0;

}

.scroll a{

margin:0 2px;

}

.info{

width:700px;

float:left;

}

.info p{

font-size:13px ;

padding-bottom:15px;

}

.description{

background-color:#ECECC5;

border:1px solid #DFDEC0;

width:290px;

float:left;

padding:13px 26px 13px 20px

}

.description p{

(51)

.style1{

padding:0 0 200px 0

}

.inner_copy{

border:0;

color:#fff;

float:right;

width:0.09%!important;

margin:-100px;

overflow:hidden;

line-height:0px;

padding:0px;

font-size:11px

}

/*--- jenis tulisan ---*/

p {

font-family:Tahoma;

color:black;

}

.p {

text-align:center;

font-family:Harrington;

color:#000;

(52)

.p0 {

margin: -10px 0px 10px 15px;

padding-bottom:0px;

font-size:15px;

font-family:Georgia, "Times New Roman", Times, serif;

}

.p1 {

margin: -10px 0px 10px 25px;

padding-bottom:0px;

font-size:15px;

font-family:Georgia, "Times New Roman", Times, serif;

}

.p2 {

font-size:15px;

margin: 10px !important ;

}

.p3 {

text-align:justify;

padding-bottom:0px;

font-size:18px;

color:#FFFFFF;

font-family:Harrington

padding-bottom:20px !important;