Haml example in Indonesian language

index.haml

!!! 5
%html
	%head
		%title Judul Halaman
		%link{:rel => 'stylesheet', :href => 'style.css'}
	%body
		%h1 Heading 1
		
		%p
			Ini adalah paragraf
			yang terdiri dari
			beberapa baris tapi
			masih dalam satu
			tag yaitu P (paragraf)
		
		%div
			%p
				%strong
					Contoh Nested tag.
				Baris ini masih terdapat dalam tag p namun tidak lagi didalam tag strong, perhatikan tab baris ini dengan baris diatas.

		%p
			Attribut tag seperti href, title, rel, class, ID, dll dapat dibuat seperti:
			%a{:href => 'http://google.com', :title => 'Klik ke situs Google'} Google.com

		%div.box
			Ini adalah tag div yang telah diberi class bernama 'box'. Hal yang sama juga berlaku pada ID
		
		%div#container
			Ini adalah tag div yang telah diberi ID bernama 'container'
		
		%div{:class=>'box'}
			Sama seperti diatas, ini juga div yang diberi class bernama 'box'
		
		%div{:id => 'container'}
			Sama seperti diatas, ini juga div yang diberi ID bernama 'container'

		#container
			Div dan class juga bisa dicurangi dengan langsung memberi #container tanpa harus menulis %div#container. 

		.content
			Berlaku juga dengan class.

		=# Ini adalah contoh komentar yang tidak akan dicompile.

		/ Sedangkan ini adalah komentar yang akan dicompile menjadi <!-- --> (komentar Html)

		/[if IE]
			%p 
				Baris diatas adalah contoh komentar kondisional. 
				Dan semua kode yang ada didalam tag itu hanya akan ditampilkan jika memenuhi kondisinya,
				dalam hal ini adalah jika browsernya adalah Internet Explorer maka paragraf ini akan ditampilkan