tugas minggu ke 2 di PR

minggu ini saya pindah ke devisi PR , apa sih itu PR? PR itu adalah Public Relation (PR)  merupakan divisi yang bertugas untuk membuat media pembelajaran yaitu video yang berbasis edukasi dengan program yang bernama SMS ( SEAMOLEC MULTI STUDIO) selain itu divisi yang bertugas mendesai buku,plamfet,brosur,kalender dan lain-lain yang berhubungan dengan kegiatan SEAMOLEC. Namun, di divi si ini saya di pertugaskan untuk menyelesaikan desain web seamolec.org . saya di tugaskan untuk melengkapi  partnership dan data team yang ada di SEAMOLEC ini . dan berikut adalah web site yang akan saya bantu pengerjaannya :

nah dalam tugas ini saya di bimbing oleh bapak.abas . tugas pertama yang saya kerjakan dan sudah selesai saya hanya membuat table yang berisikan sekolah-sekolah yang bekerja sama di SEAMOLEC yang ada di dalam negeri maupun luar negeri . dan saya memakai script html serta css untuk membuat table ini :

dan nanti table ini akan di masukan ke dalam sini :

oya karena table ini menggunakan script css jadi jika kursor kita arahkan pada salah satu tulisan di table iini otomatis tulisan itu akan men-zoom dirinya ssendiri 
nah berikutnya saya membuat data team yang ada di SEAMOLEC sebenarnya hanya sedikit data yang saya terima dan saya masukan ke dlam script htmlnya. tapi yah saya tnjukan deh yang sudah setengah jadinya seperti ini :

nah sama seperti tabel yang saya buat sebelumnya, data tentang team ini juka menggunakan script css jadi ketika nama orangnya kita arahkan kursor otomatis foto,nama,dan kolom yang saya jadikan satu table akan menzoom sendiri . dan jika fotonya yang  diarahkan kursor maka fotonya akan berubah /berputar mejadi lurus. jika kalian perhatikan foto-foto ini semuanya sedikit miring ke kiri kita kan nah jika kita arahkan kursor foto tersebut akan lurus dengan sendirinya. dan ini script css yang saya pakai :

.img6 {
    box-shadow: 0 3px 6px rgba(0,0,0,.25);
    transform:  rotate(+2deg);
    -o-transform: rotate(+2deg);
    -webkit-transform:  rotate(+2deg);
    -moz-transform: rotate(+2deg);
border-right: 1px solid #FFF;
border-bottom: 1px solid #fff;
}
.img6:hover {
    box-shadow:  0 3px 6px rgba(0,0,0,.5);
    transform:  rotate(-1deg);
    -webkit-transform:  rotate(-1deg);
    -o-transform:  rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

nah nanti data team ini akan masuk ke webnya seamolec.org di sini :

nah sekian laporan saya pada tulisan di blog ini . enjoy read :)