Nurul Imam Studio

Belajar HTML, CSS, JavaScript, PHP & MySQL untuk pemula & tingkat lanjut

Jasa Pembuatan Website Profesional

Membuat Website Company Profile Dengan HTML5 & CSS3

Lumayan lama Blog & Note of Nurul Imam tidak mengupdate artikel, sekarang saatnya update artikel dengan membagikan template untuk website company profile dengan menggunakan HTML5 & CSS3. Template ini merupakan web statis yang mana hanya berisi HTML, CSS, dan JavaScript saja. Template ini dinamakan DX Design Studio yang mana dalam konten default menampilkan informasi tentang company profile yang bergerak dalam bidang Web Design Service. Untuk lebih jelasnya, anda bisa melihat demonya & mendownload templatenya melalui link dibawah ini.

 DXDesign Studio - Web Design & Development Services
Demo DXDesign Studio   Download DXDesign Studio

Sekilas cara pembuatannya cukup mudah, anda bisa membuat file index.html terlebih dahulu. Setelah sudah dibuat, anda bisa isikan kode html dibawah ini.

<!DOCTYPE html>
<html lang="id">
<head>
<title>DXDesign Studio - Web Design & Development Services</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bellota.css">
<link rel="stylesheet" type="text/css" href="css/champagne.css">
<link rel="stylesheet" type="text/css" href="css/ellen.css">
<!-- jQuery library (served from Google) -->
<script src="js/jquery.js"></script>
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.js"></script>
<!-- bxSlider CSS file -->
<link href="js/jquery.bxslider.css" rel="stylesheet" />

<script type="text/javascript">
$(document).ready(function(){
  $('.bxslider').bxSlider();
});
</script>

</head>
<body>
    <section class="penuh">
        <section class="tengah">
<header class="logo">
    <h1><a href="index.html">DXDesign Studio</a></h1>
</header>
<nav class="menu">
<ul class="nav">
    <li><a class="current" href="index.html">Home</a></li>
    <li><a href="index.html">About</a></li>
    <li><a href="index.html">Service</a></li>
    <li><a href="index.html">Portfolio</a></li>
    <li><a href="index.html">Contact</a></li>
</ul>
</nav>
<section class="shadow"></section>
<section class="info">
    <header class="jasa">
<h2 class="banten">Banten IT Solutions</h2>
    </header>
<p class="bantenit">Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter & YII Framework dengan MVC (Model View Cotroller).</p>
<p class="bantenit">Kami juga menawarkan jasa memperbaiki & mendesain ulang website anda. Saatnya beralih pada kami Banten IT Solutions yang terpercaya dibidang Web Design & Development.</p>
</section>
<section class="gambar">
<ul class="bxslider">
  <li><img src="images/religi.png" alt="Slide" title="Quotes That Will Free Your Mind" /></li>
  <li><img src="images/blog.png" alt="Slide" title="Blog & Note of Nurul Imam" /></li>
  <li><img src="images/blues.png" alt="Slide" title="Full Moon Blues" /></li>
  <li><img src="images/religi.png" alt="Slide" title="Islamic Quotes" /></li>
  <li><img src="images/grid.png" alt="Slide" title="Blank Grid Framework" /></li>
</ul>
</section>
        </section>
    </section>
<section class="shadow"></section>
        <article class="tengah">
<section class="kotak">
    <h3 class="web">Web Development</h3>
    <p>Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter <em>&</em> YII Framework dengan MVC (Model View Cotroller).</p>
    <section class="bersih"></section>
    <a class="tombol" href="#">Read more</a>
</section>
<section class="kotak">
    <h3 class="multimedia">Graphics Design</h3>
    <p>Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter & YII Framework dengan MVC (Model View Cotroller).</p>
    <section class="bersih"></section>
    <a class="tombol" href="#">Read more</a>
</section>
<section class="kotak">
    <h3 class="program">Desktop Applications</h3>
    <p>Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter & YII Framework dengan MVC (Model View Cotroller).</p>
    <section class="bersih"></section>
    <a class="tombol" href="#">Read more</a>
</section>

    <section class="bersih" style="margin: 50px 0"></section>

<section class="kotak">
    <figure class="project">
<img src="images/3.png" alt="Slide" width="265" />
    </figure>
    <h3 class="a">Web Development</h3>
    <p>Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter & YII Framework dengan MVC (Model View Cotroller).</p>
    <section class="bersih"></section>
    <a class="tombol" href="#">Read more</a>
</section>
<section class="kotak">
    <figure class="project">
<img src="images/2.png" alt="Slide" width="265" />
    </figure>
    <h3 class="b">Graphics Design</h3>
    <p>Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter & YII Framework dengan MVC (Model View Cotroller).</p>
    <section class="bersih"></section>
    <a class="tombol" href="#">Read more</a>
</section>
<section class="kotak">
    <figure class="project">
<img src="images/1.png" alt="Slide" width="265" />
    </figure>
    <h3 class="c">Desktop Applications</h3>
    <p>Jasa Pembuatan Website Berbasis CMS WordPress, Drupal, ExpressionEngine, CraftCMS, OpenCart atau Custom CMS dengan Framework CodeIgniter & YII Framework dengan MVC (Model View Cotroller).</p>
    <section class="bersih"></section>
    <a class="tombol" href="#">Read more</a>
</section>
        </article>

    <section class="bersih" style="margin: 50px 0"></section>

<footer class="bawah">
        <section class="tengah">

<section class="kiri">
<nav class="link">
<ul class="oke">
    <li><a class="current" href="index.html">Home</a></li>
    <li><a href="index.html">About</a></li>
    <li><a href="index.html">Service</a></li>
    <li><a href="index.html">Portfolio</a></li>
    <li><a href="index.html">Contact</a></li>
</ul>
</nav>
</section>

<section class="kanan">
<p class="copy">Copyright &copy; 2013 DXDesign Studio. All rights reserved</p>
</section>
        </section>
</footer>
</body>
</html>

Setelah file html tadi dibuat, jangan lupa download file javascript & gambar untuk melengkapi konten dalam pembuatan template ini. Selanjutnya kita buat style.css untuk memberikan sentuhan desain pada dokumen html tadi. Silahkan anda masukkan kode css dibawah ini.

body {
width:100%;
height:100%;
overflow:auto;
clear:both;
margin:0;
padding:0;
font-family: Champagne;
color:#383838;
letter-spacing:0.03em;
 background: #fff;
}
.penuh {
  width: 100%;
    background-color: #333;
 background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #333, #000);
 height: 465px;
}
.tengah {
    width: 1000px;
  margin: 0 auto;
 padding-top: 20px;
}
.logo {
  width: 300px;
   float: left;
    display: inline;
}
.info {
    width: 350px;
   float: left;
    display: inline;
}
header h1 a {
  font-size: 2.4em;
   line-height: 1.6em;
 text-decoration: none;
  color: #ccc;
    text-shadow: 2px 2px #000;
}
header h1 a:hover {
  color: #eee;
    text-shadow: 2px 2px #000;
}
.jasa {
  margin-top: 40px;
   color: #ccc;
}
.banten {
  font-size: 33px;
    line-height: 2em;
}
.bantenit {
   font-size: 15px;
    font-weight: normal;
    color: #01bfd2;
 opacity: 0.7;
   line-height: 1.3em;
 letter-spacing:0.05em;
  margin: 8px 0 0 0;
}
.menu {
  width: 600px;
   float: right;
}
.gambar {
 width: 442px;
   float: right;
   margin: 20px 10px auto 10px;
}
.menu ul {
 margin: 0;
  text-indent: 0;
}
.menu li {
  margin: 0 0 0 7px;
  position: relative;
}
.menu li a,
.menu li {
   display: inline-block;
  text-decoration: none;
}
.menu li a {
 border-bottom: 0;
   padding: 0 9px;
 color: #eee;
    line-height: 2.5em;
 text-transform: uppercase;
  white-space: nowrap;
}
.menu li a:hover {
 background: #333;
   text-shadow: 1px 1px #000;
  padding: 0 9px;
 border-radius: 5px;
 border: none;
}
.menu li a.current {
  background: #333;
   text-shadow: 1px 1px #000;
  padding: 0 9px;
 border-radius: 5px;
 border: none;
}
.nav {
    margin-top: 0;
  margin-bottom: 0;
   text-align: right;
}
.nav li {
    margin-top: 16px;
   font-size: 14px;
}
.shadow {
  width: 100%;
    margin: 0 auto;
 height: 1px;
    clear: both;
    background: url(../images/shadow.png) #fff;
}
.kotak {
    width: 30%;
 margin-left: 3%;
    float: left;
}
.kotak p {
 font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','Book Antiqua',Georgia,serif;
    font-size: 0.9em;
   line-height: 1.3em;
 letter-spacing: 0.03em;
}
.web, .multimedia, .program {
   font-size: 20px;
    color: #000;
    line-height: 2.4em;
}
.web {
  background:url(../images/a.png) left no-repeat;
 padding-left:52px;
  margin: 10px 0;
}
.program {
  background:url(../images/c.png) left no-repeat;
 padding-left:52px;
  margin: 10px 0;
}
.multimedia {
   background:url(../images/b.png) left no-repeat;
 padding-left:52px;
  margin: 10px 0;
}
.a, .b, .c {
    font-size: 20px;
    padding-left:52px;
  margin: 10px 0;
}
.tombol {
   float: right;
   margin: 5px 32px;
   line-height: 1.7em;
 text-decoration: none;
  color: #222;
    padding: 2px 15px;
  border-radius: 9px;
 border: none;
   background-color: #fff;
 background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #fff, #ccc);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #fff, #ccc);
}
.tombol:hover {
 background-color: #eee;
 background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #eee, #ccc);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #eee, #ccc);
}
.bawah {
    width: 100%;
    background-color: #333;
 background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
   background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #333, #000);
 height: 95px;
}
.kanan, .kiri {
   width: 40%;
 margin: 10px auto;
}
.kiri {
  float: left;
    display: inline;
}
.kanan {
   float: right;
   display: inline;
}
.link {
    margin-left: 27px;
}
.link ul {
   margin: 0;
  text-indent: 0;
}
.link li {
  margin: 0 0 0 1px;
  position: relative;
}
.link li a,
.link li {
   display: inline-block;
  text-decoration: none;
}
.link li a {
 border-bottom: 0;
   padding: 0 9px 2px;
 color: #ccc;
    line-height: 1em;
   text-transform: capitalize;
 white-space: nowrap;
}
.link li a:hover {
 text-shadow: 1px 1px #000;
  padding: 0 9px 2px;
}
.link li a.current {
    text-shadow: 1px 1px #000;
  padding: 0 9px 2px;
}
.project {
  margin-top: 50px;
}
.oke {
    margin-top: 0;
  margin-bottom: 0;
   text-align: left;
}
.oke li {
 margin-top: 12px;
   font-size: 14px;
}
.copy {
    font-size: 14px;
    font-family: Sue Ellen Francisco;
   color: #ccc;
    text-align: right;
  margin: 12px 27px 0 0;
}

Setelah selesai, anda bisa membuka halaman tersebut. Bagi anda yang tidak menginginkan coding, anda bisa langsung mendapatkan template ini secara langsung dengan mendownload template yang sudah saya berikan linknya diatas.

95 Comments

  1. Intan SudibjoReply

    mantap mas, keren bin ajaib :)

    profesional banget deh design nya hehe

    • Nurul ImamReply

      Terimakasih mas, desainnya masih standar kok :)

      • nurdinReply

        bagus banget design nya mz link downloadnya ko ga fungsi ya, bisa kirim ke email saya ga nurdin.suhada@gmail.com
        terima kasih mz

  2. Anthonie EkaReply

    designnya simple banget tapi tetep keren mas, ijin bookmark dulu yah :)

    • Nurul ImamReply

      Iya, memang di desain dengan simple

  3. Artikel HancurReply

    Kalau masalah html-html gituan saya nyerah mas..bingung soalnya

    • Nurul ImamReply

      Nyerah :D

  4. RirinReply

    setiap website perusahaan tentu harus punya profil situs ya mas. Agar orang bisa tahu pemilik nya :)

    • Nurul ImamReply

      Betul sekali mbak ririn :)

    • nita menesesReply

      Membuat bagai mana cara menganti foto prfile dengan animasi text

  5. Mizz AizaReply

    menarik tampilan website itu.. :D

    • Nurul ImamReply

      Terimakasih :)

  6. Valentino FebrianReply

    keren ya jadinya

    • Nurul ImamReply

      Masa sih :p

  7. Index ApkReply

    sungguh sangat menarik mas, tampilannya

    • Nurul ImamReply

      Terimakasih mas :)

  8. AgriReply

    keren mas Imam.. salut.. :-bd oya, bagian footer sengaja di bikin terang gitu ya?

    • Nurul ImamReply

      Ga terlalu terang kok :)

  9. Valentino FebrianReply

    Kunjungan lagi mas .. bingung mau komentar

    • Nurul ImamReply

      Bingung npa mas ?

  10. Kang surinderReply

    Keren mas, Ijin simak

    • Nurul ImamReply

      Silahkan :)

  11. baho-punyaReply

    salam kenal mas Nurul,
    sepertinya saya terlambat nih untuk dapatkan ilimunya, :)

    • Nurul ImamReply

      Salam kenal juga ;)

  12. bang bahoReply

    terima kasih mas Nurul.
    saya izin save code – code di atas ya :)

    • Nurul ImamReply

      Silahkan mas dengan senang hati :)

  13. Wantho GeaReply

    mksih banyak Gan informasinya sangt bermanfaat…

    ane mo nanya Gan, skript diatas, gimana caranya bisa di jalankan di localhost yah Gan.. mksih

    • Nurul ImamReply

      Sebenernya tanpa localhost / web server juga bisa dijalankan. Cukup pake browser aja buka file index.html nya. Klo mau di localhost tinggal di copy aja file htmlnya ke direktori web servernya :)

  14. indraReply

    Assalamualaikum..ijin copas kang nurul..buat otak atik..hbs tertarik sederhana tp masuk kategori kern
    nuhun

    • Nurul ImamReply

      Waalaikum salam, silahkan mas :)

  15. eli ratna sReply

    KURANG LENGKAP , TAPI IJIN COPAS YAH :d

    • Nurul ImamReply

      Silahkan, memang dibuat se simpel mungkin sih :D

  16. linkdsReply

    kenapa gak ada syntak di index html mas.. semua diganti dengan .. apa section itu pengganti div ??

    penulisan bukanya hanya digunakan sekali dan diletakan pada baris paling atas dalam .. dan ada di dalam .. yang benar gmana mas?

    kemudia fungsiny wat apa mas?

    thx jawabany

    • Nurul ImamReply

      section bisa juga digantikan dengan div karena mempunyai nilai display block pada defaultnya

  17. linkdsReply

    kenapa gak ada syntak div di index html mas.. semua diganti dengan section.. apa section itu pengganti div ??

    penulisan header bukanya hanya digunakan sekali dan diletakan pada baris paling atas dalam body.. dan nav ada di dalam header .. yang benar gmana mas?

    kemudia figure fungsiny wat apa mas?

    thx jawabany

    • Nurul ImamReply

      Saya menggunakan section untuk menggantikan div, lalu header memang saya tulis satu kali, dan nav ga harus ada di dalam header. Dalam aside pun bisa disisipkan nav untuk membuat navigasi vertikal di sidebar misalnya
      Figure digunakan untuk menampung elemen img

  18. rumahkecilsReply

    ijin sedot mas buat belajar…
    thankyou sebelumnya

    • Nurul ImamReply

      Iya sama-sama :)

  19. yufReply

    Download javascriptnya dimana

    • Nurul ImamReply

      JavaScript apa ?

  20. teno wahyudiReply

    bagus mas.. saya suka :)

    • Nurul ImamReply

      Terimakasih :)

  21. ArroReply

    script yg sangat2 bagus dan menarik ,,hingga saya pingin punya web dengan tamplate di atas tapi ada kendala ,semoga Mas Nurul Imam mau membantu .
    saya ada domain , punya hosting ,pingin buat web dengan tamplate di atas caranya bagaimana Mas Nurur .
    tolong jawabannya ngk usah panjang2 singkat – simpel – point2 yng jelas ,atau kirim ke email sy jg ngk apa2.

    terima kasih sebelumnya Mas NUrul

    • Nurul ImamReply

      Download template diatas, Upload di hosting, Extract dan tralalaaaaa…

  22. Antoni cliantoReply

    Mantap banget mas , bisa berbagi ilmu dengan saya mas.
    Email ya :)

    • Nurul ImamReply

      Iya sama-sama :)

  23. Yoechua TutorialReply

    mas , mau tanya …

    apa nama untuk membuat codebox yang mirip sublime seperti tutorial.a mas ?

    • Nurul ImamReply

      Itu pernah di post disini tutorialnya, silahkan cari sendiri yah dengan judul Syntax Highlighter :)

  24. zoraReply

    mas blh minta pin bb ato apalah untuk bantu saya belajar ..soalnya di kejar dosen mas .dan saya harus belajar otodidak

    • Garry PriambudiReply

      Mantap mas…

      • Nurul ImamReply

        Oke sipp :)

    • Nurul ImamReply

      Klo otodidak yah rajin2 searching aja mas di internet :D Oke nanti di kirim deh :)

  25. RockyReply

    Keren banget bang..thanks atas scriptnya…
    klo cara upload websitenya gimana ya bang??

  26. BasyirudinReply

    min saya masihh awam banget dalam bidang html5, mau nanya nih
    apa yang difokuskan jika ingin menguasai html5?
    terus kiat kiat apa yang mesti dilakukan agar lebih cepat mencapi tujuan saya ?
    trims, kalo bisa email link tutorial yang mudah buat orang awam seperti saya mas
    keep sharing information mon, semangat :)

    • Nurul ImamReply

      Hanya cukup pelajari Tag HTML dan JavaScript :)

  27. dimas ardi kurniawanReply

    Saya suka mas designnya
    Mas fungsi box shadow d css itu apa ya ?

    • Nurul ImamReply

      Buat bikin bayangan di kotak mas :)

  28. sadhaReply

    kok gak bisa di download ya

    • Nurul ImamReply

      Bisa kok :)

  29. muhammadReply

    minta dong templatenya, kirim dong templatenya ke email gue di ranoeva@gmail.com, saya gak bisah download ni template karena link downloadnya mati tu

    • Nurul ImamReply

      Oke sudah diperbaiki :)

  30. DzikriReply

    Gan Link download mati :3

    • Nurul ImamReply

      Oke siap diperbaiki :)

  31. aldhi khekweReply

    Bagus itu mah :D Tapi masih bingung

    • Nurul ImamReply

      Jangan dibikin bingung :D

  32. junieReply

    mas itu link demo sama downloadnya sudah gak aktif…eror tuh

    • Nurul ImamReply

      Sudah diperbaiki mas :)

  33. ahmadReply

    Mas saya pengen upload ke hosting , tapi harus instal webinstalernya ga, kaya wordpress atau drupal gitu, atau gimana ?
    kalau bisa kasih tutorialnya dong, maaf ya mas tolong bantuannya ?

    • Nurul ImamReply

      Ga perlu mas, itu kan web statis tinggal di extract, trus upload :)

      • ahmadReply

        oh gitu ya mas, ok sip terimakasih informasinya :D

        • ahmadReply

          berarti kalau mau di edit sama nambah page postingan harus di edit manual ya pake aplikasi notepade atau sebagainya ?

  34. Profile PerusahaanReply

    Terima kasih sudah share ilmunya gan :) , sukses selalu

    • Nurul ImamReply

      Sukses juga gan :)

  35. JouharReply

    Template nya sudah di validasi pa blum kang? Tq

    • Nurul ImamReply

      Validasi W3C ? Belum, silahkan validasi sendiri hasil kodingan saya :)

  36. Desain company profiReply

    Terimakasih atas artikel, info dan websitenya yang sangat bermanfaat dan sangat membantu. Semoga sukses selalu.

  37. UniReply

    pak saya minta ajarin dong susah…….. saya pemula yg mau tidak mau saya harus bisa pak!!!! tolong :D

  38. hamimReply

    tutorialnya bagus. keren. lebih keren lagi kalo dijelasin kde programmnya mas, karena ada newie kayak saya yang masih beajar, kalo cuma KOPAS nanti saya ga bisa2, hehe… thanks

  39. andriReply

    maav ni langsung di jadukan satu gitu ta mas filenya.. bingung ,,, soalnya mau ngopas g tau caranya…

  40. bibit satulusReply

    Terima kasih banyak infonya pak sangat membantu saya yg msh newbie

  41. ibadReply

    keren banget mas sangat membantu tugas kuliah saya trimakasih,… :)

  42. teguhReply

    mantab tuh mas buat belajar

  43. marullohReply

    Nyimak….

  44. Iman Prasetyo SiregaReply

    ini website nya kalau ngepost gimana caranya mas ?

  45. prayReply

    yang kaya gini nih yang harus di bookmark…hahaha
    terus berkreasi mas,sangat membantu
    makin banyak yang terbantu makin banyak pahala :D :D

  46. rizalReply

    Trus kalo mau nambahin responsive gmna mas ???

  47. arbuyReply

    Mas bagi pin bbnya dong :-D
    Tolong replay yaa

  48. andreReply

    mas link download di update dunk. mau buat belajar nih

  49. MeirinaReply

    mas..artikelnya bagus. mau download source code nya utk jadi referensi tapi linknya tembus mercusuar mas..hehe. bisa dibetulin kah mas? maturnuwun sebelumnya.

  50. samaliReply

    Sudah cukup menarik..saya kepingin liat desain web yang indah yg bisa menarik,pembaca.
    Bagaimana caranya ya…mas ..
    Terima kasih

  51. DreassReply

    Kak Nurul boleh minta refrensi tempat beli domain dan hosring yg murah dan terpercaya gak ? mau naik dr blogger ke web ajib nih .. hehe . thanks

  52. andriReply

    gan saya sudah copas tapi ko pas saya tes webnya masih polos, klo kaya gtu apanya yang salah gan ?

  53. andriReply

    tolong pencerahannya gan soalnya saya baru belajar

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>