Cascading Style Sheets.

Tampilkan postingan dengan label Pure CSS. Tampilkan semua postingan
Tampilkan postingan dengan label Pure CSS. Tampilkan semua postingan


Dozing Bird
based on dribbble by Colin Chang


inspired by glossier, cursors based on susan kare's dingbat font cairo


Oh, hey there

Go ahead and click on the blocks to watch 'em pop



Get Around Maine

Andi Eksak


HTML5 & CSS3

Bripda Primasari Dewi

Penjual jamu gendong tak selalu identik dengan wanita lemah lembut berpakaian kebaya. Polisi wanita (Polwan) pun bisa nyambil jualan jamu loh.

Adalah Bripda Primasari Dewi menggendong bakul berisi botol jamu saat berjualan jamu gendong di pasar Beringharjo, Kota Yogyakarta, DI Yogyakarta, Sabtu (1/9/2012).

Kegiatan yang dilakukan oleh Polda DI Yogyakarta tersebut dalam rangka HUT ke-64 Polwan sekaligus untuk mengkampayekan minuman kesehatan tradisional jamu.

Karena yang jualan Polwan cantik, kontan dagangannya laris-manis. Yang beli yang sesama polisi juga, sebagian masyarakat umum. "Jamu-jamu, jamu singset, jamu rapet....."


Briptu Etta Setya

Melihat penjual jamu gendong atau tradisional kerap kita anggap hal biasa. Namun ketika penjual jamu yang kita temui ternyata seorang polisi wanita, tentu bakal menjadi pusat perhatian. Apalagi, jika polwan dengan jamu tradisionalnya itu beraksi menawarkan dagangannya di tengah pusat keramaian.

Namun, sengaja memang demikian rangkaian peringatan HUT Polwan ke 64 itu dikemas oleh Polda DIY dan jajarannya di beberapa Polres dan Polresta Yogyakarta.

Di wilayah Kota Yogyakarta, para polwan dengan dagangan jamu disebar setidaknya di lima tempat keramaian. Antara lain di Jl Malioboro sekitar Hotel Mutiara, Pasar Beringharjo, Stasiun Lempuyangan, kebun binatang Gembiraloka, dan Terminal Giwangan. Tak heran, masyarakat di sekitarnya pun mengarahkan pandangan kepada para polwan itu.

Di Pasar Beringharjo, Bripka Prima menjadi salah satu dari sekian polwan yang harus menjalankan seremonial HUT Polwan dengan berjualan jamu itu. Dia mengaku baru pertama berperan demikian. Perempuan yang sehari-hari bertugas di Ditlantas Polda DIY lantas memanfaatkannya untuk mensosialisasikan kehebatan jamu kepada masyarakat.

"Sekaligus untuk melestarikan budaya. Lagi pula jamu baik untuk kesehatan," ujarnya, Sabtu (1/9).

Dia tak lupa memberikan pemahaman umum tentang kebiasaan hidup. Bahwa minum jamu sehat berarti sehat baik secara fisik maupun psikis. Maka, penggunaan obat semacam candu, dan kebiasaan Judi, prostitusi, mencuri, dan mabuk minuman keras jelas terlarang. Minum jamu, akan membuat kecenderungan berbuat hal yang potitif dan bermanfaat.

Sementara di beberapa lokasi lain tak kalah meriah. Para polwan yang biasa bertugas di Polresta Yogyakarta pun melakukan hal serupa dengan menjajakan jamu sembari berbincang dengan masyarakat pasar Kranggan. Di Terminal Giwangan, Briptu Etta Setya bahkan terlihat semangat. Dia mengawali aksinya dari pospol di Terminal itu. Sekitar pukul 09.00, rombongannya standby dan langsung merangsek ke dalam terminal. Suasana terminal tidak membuat mantan presenter RTMC itu grogi.



Home

Welcome to OptimaLife

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Read more…

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Read more…

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Read more…

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Read more…

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Read more…

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Read more…

  • Sun

    The Sun is the star at the center of the Solar System. It is seen in the sky and gives light to the Earth. When the Sun is in the sky, it is day. When the Sun is not in the sky, it is night. The planets, including Earth, go around it.

  • Mercury

    Mercury is the smallest planet in the Solar System. It is the closest planet to the sun. It makes one trip around the Sun once every 87.969 days. Mercury is bright when it is visible from Earth, ranging from −2.0 to 5.5 in apparent magnitude. It cannot be easily seen as it is usually too close to the Sun. Because Mercury is normally lost in the glare of the Sun (except during a solar eclipse), Mercury can only be seen in the morning or evening twilight.

  • Venus

    Venus is the second planet from the Sun. It is a terrestrial planet because it has a solid, rocky surface like other planets in the inner solar system. Astronomers have known Venus for thousands of years. The ancient Romans named it after their goddess Venus. Venus is the brightest thing in the night sky except for the Moon. It is sometimes called the morning star or the evening star as it is brightest just before the sun comes up in the morning, and just after the sun goes down in the evening. Venus comes closer to the earth than any other planet does.

  • Earth

    The Earth is the third planet from the Sun and it is the only planet known to have life on it. The Earth formed around 4.5 billion years ago. It is one of four rocky planets on the inside of the Solar System. The other three are Mercury, Venus, and Mars.

  • Mars

    Mars is the fourth planet from the Sun in the Solar System and the second-smallest solid planet. Mars is rocky and cold, with polar ice caps of frozen water and carbon dioxide. It has the largest volcano in the Solar System, and some very large impact craters. Mars is named after the mythological Roman god of war because it is a red planet, the colour of blood.

  • Asteroid belt

    The asteroid belt or main belt is a ring of small and large rocks and dust between the orbits of Mars and Jupiter. The biggest object in the asteroid belt is Ceres, a dwarf planet. Most asteroids orbit at 2 to 3 times the distance between Earth and the Sun. Planets that are "inside" - or before - the asteroid belt (which means they are closer to the sun) are called inner planets. Planets that are "outside" - that is, after - the asteroid belt are called outer planets: so Mercury, Venus, Earth, and Mars are inner planets, while Jupiter, Saturn, Uranus and Neptune are the outer planets.

  • Jupiter

    Jupiter is the largest planet in the Solar System. It is the fifth planet from the Sun. Jupiter is classified as a gas giant, both because it is so large and due to the fact that it is made up mostly of gas. The other gas giants are Saturn, Uranus, and Neptune.

  • Saturn

    Saturn is the sixth planet from the Sun in the Solar System. It is the second largest planet in the Solar System, after Jupiter. Like Jupiter, Uranus and Neptune, it is a "gas giant". The inside of Saturn is probably a core of iron, nickel, silicon and oxygen compounds, surrounded by a deep layer of metallic hydrogen, then a layer of liquid hydrogen and liquid helium and finally, an outer gaseous layer.

  • Uranus

    Uranus is the seventh planet from the Sun in the Solar System. It is a gas giant. It is the third largest planet in the solar system. The planet is made of ice, gases and liquid metal. Its atmosphere contains hydrogen, helium and methane. The temperature on Uranus is −197 degrees C (79 K) near the top of its atmosphere, but its small solid core (about 55% the mass of Earth) is probably about 5,000K. The planet is tilted on its axis so much that it is sideways.

  • Neptune

    Neptune is the eighth and last planet from the Sun in the Solar System. It is a gas giant. It is the fourth largest planet and third heaviest. Neptune has four rings which are hard to see from the Earth. It is 17 times heavier than Earth and is a little bit heavier than Uranus. It was named after the Roman God of the Sea.


The dropcaps need to hang half-way into the margins and the text needs to line up right next to the dropcap.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum vero officia quo nulla culpa laboriosam amet ratione magni dolorem. Repellat natus inventore iure error numquam incidunt tempore ipsum nulla beatae cumque at laboriosam pariatur dolorem corporis maiores non, ad. Neque rem voluptates consectetur itaque nobis accusantium error numquam voluptate minus. Tempore voluptatibus fuga voluptates beatae soluta saepe et veritatis, culpa sequi voluptatum accusamus molestias earum natus obcaecati illo sit sint quia eius. Qui perferendis magnam non maiores vitae libero quam quod cum voluptatem amet. Nesciunt unde, cupiditate exercitationem fuga consectetur ea, nobis eius recusandae consequatur. Culpa est dolores tempora nulla, omnis quod commodi iusto harum laudantium, dignissimos autem quis itaque natus quaerat consequuntur rem alias dolorum sunt doloribus quisquam et totam! Excepturi deserunt sequi omnis necessitatibus, ullam, aperiam blanditiis. Dignissimos aperiam, tenetur soluta quod delectus perferendis non neque numquam minus vitae sapiente praesentium dolorem repellat esse totam rerum illo doloribus quasi, ex magnam libero quibusdam. Enim quasi magnam ad, ipsa ipsum quibusdam asperiores nesciunt alias doloribus deserunt sunt nobis facere excepturi eius nam corporis, ea quidem cumque adipisci ipsam illum in. Mollitia facilis, adipisci. Neque necessitatibus vitae assumenda, voluptatem doloremque illum optio ab cum, est nostrum, qui, dignissimos. Modi, optio!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum vero officia quo nulla culpa laboriosam amet ratione magni dolorem. Repellat natus inventore iure error numquam incidunt tempore ipsum nulla beatae cumque at laboriosam pariatur dolorem corporis maiores non, ad. Neque rem voluptates consectetur itaque nobis accusantium error numquam voluptate minus. Tempore voluptatibus fuga voluptates beatae soluta saepe et veritatis, culpa sequi voluptatum accusamus molestias earum natus obcaecati illo sit sint quia eius. Qui perferendis magnam non maiores vitae libero quam quod cum voluptatem amet. Nesciunt unde, cupiditate exercitationem fuga consectetur ea, nobis eius recusandae consequatur. Culpa est dolores tempora nulla, omnis quod commodi iusto harum laudantium, dignissimos autem quis itaque natus quaerat consequuntur rem alias dolorum sunt doloribus quisquam et totam! Excepturi deserunt sequi omnis necessitatibus, ullam, aperiam blanditiis. Dignissimos aperiam, tenetur soluta quod delectus perferendis non neque numquam minus vitae sapiente praesentium dolorem repellat esse totam rerum illo doloribus quasi, ex magnam libero quibusdam. Enim quasi magnam ad, ipsa ipsum quibusdam asperiores nesciunt alias doloribus deserunt sunt nobis facere excepturi eius nam corporis, ea quidem cumque adipisci ipsam illum in. Mollitia facilis, adipisci. Neque necessitatibus vitae assumenda, voluptatem doloremque illum optio ab cum, est nostrum, qui, dignissimos. Modi, optio!


Background Cover

Quick Pen to remember a nice procedure to obtain the background cover effect whichs works on small or large screens

Basically on the html element, use:

  • background: url(url_to_img) no-repeat center center fixed;
  • background-size: cover;
  • height: 100%;
  • overflow: hidden;

and for the body

  • height:100%;
  • overflow: scroll;
  • -webkit-overflow-scrolling: touch;
  • background: transparent;

Using the Velo Ipsum, the Lorem Ipsum of bike nerds, to fill up the page.

Lorem ipsum gavia snob anduze bidon maillot jaune, cog vendee criterium martens ombregt. Vuelta a espana feed zone, trousselier hell of the north snob rouleur derby oude kwaremont van summeren, oude kwaremont broom wagon koppenberg cavendish. Gutter cycles goff ronde van belgie, bromont rouleur chicane as the toto turns gaul battoowoo greekgreek.

Tati palmares nys. Bartali pau choley pays de loire berendries, champs-elysees koppenberg jens bianchi soigneur groupo, garin liege-bastogne-liege? Ten dam nitto zabriskie tourmalet rekelberg, berendries valkenberg hampsten lombardie kaperij e3 prijs vlaanderen.

Omnium stijn devolder autobus giro d'italia leberg paceline.

Schleck bobet landbouwkrediet tati normandie. Boonen lemond, bruges arriere du peloton schleck liquigas vaughters merckx, valkenberg parcours bosberg the Druber. Ventoux spartacus van den haute, bottechia ullrich valkenberg landbouwkrediet tenbosse cog, with hampsten cutters. Bretagne merckx soigneur reilhan.

Van steenbergen broom wagon the pedal on your left kleber, bottle commissaire. Indurain pedal fabianese criterium du dauphine forest of arenberg, van summeren on the rivet liege-bastogne-liege danseuse riis gruppetto.

Normandie bronzini gorgeous george once supplesse sanchez, supplesse de vlaeminck ten dam ritte an. Hors categorie ullrich, HTFU bettini suitcase of courage riis palmares berg, bonk bruyneel van steenbergen rochefort! Planckaert de wolf geraardsbergen, belgium rainbow jersey vandenbroucke pyrenees krabbe paris-nice, ombregt groupo bartali?

On your left coors classic petit-breton spartacus, pantani paris a ten dam paris-brest-paris what would jens do, vos molteni. Festina rainbow jersey muur ronde van belgie kolobnev, gruppetto hoogerland tour de mont aigoual dwars door vlaanderen rouleur derby vos. The driedaagse de panne-koksijde vaughters criterium du dauphine operacion puerto choley pays de loire, rouleur play rouleur derby omloop het volk muur-kapelmuur ronde van vlaanderen. Shut up legs cat among the pigeons, virenque lanterne rouge madone tiegemberg longo bunnyhop.


BACKGROUND 1

BACKGROUND 2

BACKGROUND 3


Andi-Eksak

Girl In Sun Reflection

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Fake headline for about section

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Fake headline for clients section

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.


Andi Eksak

Flash-Fictioner

Blogger

http://ex3onfire.blogspot.com/


Top Right Bottom Left (main)
Some example text here.
Some example text here.
Some example text here.

Andi Eksak
Blog concept, code breaker, not popular
Indonesia

Raline Rahmat Shah

Raline
Rahmat Shah

Lahir di Jakarta, 4 Maret 1985. Adalah seorang aktris Indonesia berdarah Melayu. Ia dikenal ketika menjadi salah satu dari finalis Puteri Indonesia 2008 dan menjadi puteri terfaforit. Setelah itu, banyak tawaran di dunia hiburan yang ia terima, antara lain menjadi untuk acara Kitchen Beib di Global TV, bintang iklan, maupun berakting. Dia mendapatkan pendidikan tinggi dari National University of Singapore di bidang ilmu politik, dan meraih gelar B.A in Political Science and New Media & Communications (Hons).

Find out more

Raline Shah

Tampil dalam debut karier perannya dalam film layar lebar 5 cm (2012). Raline merupakan aktor berdarah campuran Tionghoa-Melayu dari kakeknya yang berasal dari Malaysia dan Pribumi-Nusantara dari ayahnya, Rahmat Shah, pengusaha dan mantan diplomat dari Medan, Sumatera Utara yang berkewarganegaraan Indonesia. Ibu Raline, Roseline Rahmat, adalah warga negara Singapura.

Discover Raline
Supernova

Supernova

Berperan di film SUPERNOVA adalah salah satu prestasi terbaik Raline Shah di dunia akting. Namun nyatanya, wanita cantik ini malah mengaku tidak puas. Kenapa?

  • "Aku sih orangnya nggak pernah puas ya. Jadi ya jangan tanya aku kalo soal itu," ungkapnya saat wawancara lewat telepon.

  • "Jadi aku harus flexible dengan itu, dan aku tahu konsekuensinya. Mungkin orang nggak akan suka, ya itu kan masing-masing," ungkapnya.
5cm

5 cm.

Bermain dalam film 5 CM membuat pemeran Riani, Raline Rahmat Shah harus mengurangi kebiasaannya di rumah untuk menggunakan bahasa Inggris.

  • "Kendala bahasa sih ga begitu ya. Pas aku dapet peran Riani, aku di rumah bilang ke mama untuk stop pake bahasa Inggris. Jadi aku biasain diri dengan bahasa Indonesia. Maklum, mama aku kan orang Singapura,"


Labels

3D CSS (1) Accordion (2) Blockquote (2) CSS Animation (33) CSS Hover (1) CSS Slide (15) CSS Style (12) Design (1) Flash Fiction (3) Gallery (15) Giveaway (1) Javascript (4) JPG (1) Lay Out (2) Navbar (2) Parallax (9) PNG (1) Posting (20) Pure CSS (38) Responsive (1) Script (1) Scrolling (9) SVG (2) Tribute (3) Video (1)
Diberdayakan oleh Blogger.