\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{NazatulShima Alia}
\pdfinfo{
  /Title (perancangan-harta-dalam-islam.pdf)
  /Creator (Cheatography)
  /Author (NazatulShima Alia)
  /Subject (Perancangan Harta dalam Islam Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{22A374}
\definecolor{LightBackground}{HTML}{F1F9F6}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Perancangan Harta dalam Islam Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{NazatulShima Alia} via \textcolor{DarkBackground}{\uline{cheatography.com/123785/cs/23504/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}NazatulShima Alia \\
  \uline{cheatography.com/nazatulshima-alia} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 25th June, 2020.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Definisi Harta}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Sesuatu yang dimiliki oleh seseorang individu atau kumpulan manusia seperti barangan berharga, barang perniagaan, aset tetap, wang atau haiwan.} \tn 
% Row Count 3 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Definisi Perancangan Harta}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Proses pengurusan harta semasa seseorang masih hidup bagi tujuan kepentingan dan kemudahan pemilik harta.} \tn 
% Row Count 3 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{2.4885 cm} x{2.4885 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Konsep Perancangan Harta}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{Perspektif Konvensional}} & {\bf{Perspektif Islam}} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
{\bf{Kapoor (2003)}} : suatu perancangan untuk menentukan dan mentadbir pengurusan terhadap harta pusaka yang dimiliki oleh seseorang sepanjang kehidupannya dan perancangan selepas kematiannya. & {\bf{Sadali (2006)}} : satu aktiviti merancang oleh seseorang individu untuk memindah-milikkan harta yang dimiliki kepada orang lain berdasarkan kepada hukum syarak. \tn 
% Row Count 12 (+ 10)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Perancangan Harta dari Perspektif Maqasid Syariah}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{\bf{Maqasid Syariah}} : salah satu elemen penting dan wajib dalam membuat sesuatu perancangan termasuk dalam konteks perancangan harta.} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\mymulticolumn{2}{x{5.377cm}}{{\bf{Objektif Maqasid}} :  untuk menjaga kepentingan dan keperluan manusia di dunia dan akhirat.} \tn 
% Row Count 5 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Penjagaan terhadap lima aspek utama (al-Daruriyyah, al-khamsah) iaitu menjaga agama (hifz al-din), menjaga nyawa/jiwa (hifz al nafs), menjaga akal (hifz al-a'ql), menjaga keturunan (hifz al-nasab) dan menjaga harta (hifz al-mal)} \tn 
% Row Count 10 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Kedudukan dan Dalil Perancangan Harta dalam Islam}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Di dalam Surah Al-Hasyr, ayat 18 terdapat mesej tentang kepentingan perancangan untuk mencapai kejayaan.} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\mymulticolumn{2}{x{5.377cm}}{Pengajaran daripada Kisah Nabi Yusuf A.S, beliau telah dipertanggungjawabkan untuk merancang ekonomi Mesir dengan menyimpan pendapatan yang diperolehi bagi menghadapi zaman kegawatan pada tujuh tahun kemudiannya. Rancangan tersebut berjaya menyelamatkan rakyat negara Mesir daripada menghadapi musim kemarau dan kebuluran yang dahsyat. (Muhammad Abdul Rauf , 1994)} \tn 
% Row Count 11 (+ 8)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Rasulullah SAW bersabda yang bermaksud : {\emph{"Gunakanlah lima perkara sebelum lima perkara; masa muda sebelum masa tua, sihat sebelum sakit, kaya sebelum miskin, masa lapang sebelum sibuk dan hidup sebelum mati"}}} \tn 
% Row Count 16 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.24425 cm} x{3.73275 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Nilai-nilai Islam dalam Perancangan Harta}}  \tn
% Row 0
\SetRowColor{LightBackground}
\seqsplit{Akauntabiliti} & tanggungjawab individu terhadap yang telah diamanahkan kepadanya dan perlu dilaksanakannya. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
Adil & meletakkan sesuatu pada tempatnya dan memberi hak kepada mereka yang berhak tanpa menindas dan menzalimi hak orang lain. \tn 
% Row Count 8 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\seqsplit{Kebijaksanaan} & yang dimiliki boleh diinterpretasikan dalam pengurusan harta dari dua sudut. \tn 
% Row Count 11 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Kepentingan dan Keperluan Perancangan Harta}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{\bf{1.}} Memastikan harta sentiasa beredar dan bergerak cergas dalam pelbagai sektor.} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{2}{x{5.377cm}}{{\bf{2.}} Menjamin peredaran harta secara meluas berpandukan hukum syarak agar ianya dapat dinikmati oleh masyarakat dan negara.} \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{\bf{3.}} Harta yang diperolehi dengan cara yang halal hendaklah dibelanja dan dikembangkan dengan cara yang halal dan dibenarkan syarak.} \tn 
% Row Count 8 (+ 3)
% Row 3
\SetRowColor{white}
\mymulticolumn{2}{x{5.377cm}}{{\bf{4.}} Harta yang diperolehi juga untuk kebajikan masyarakat umum.} \tn 
% Row Count 10 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{{\bf{5.}} Pembekuan harta menahan harta yang dimiliki daripada dibelanjakan sama ada untuk diri sendiri mahupun ke jalan Allah.} \tn 
% Row Count 13 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}