\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{Qistina Balqis (Qstina)}
\pdfinfo{
  /Title (fiqh-muamalat-teori-hak-dalam-islam-cheat-sheet.pdf)
  /Creator (Cheatography)
  /Author (Qistina Balqis (Qstina))
  /Subject (FIQH MUAMALAT TEORI HAK 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}{A353A0}
\definecolor{LightBackground}{HTML}{F9F4F9}
\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{FIQH MUAMALAT TEORI HAK DALAM ISLAM Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Qistina Balqis (Qstina)} via \textcolor{DarkBackground}{\uline{cheatography.com/145910/cs/31505/}}}
\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}Qistina Balqis (Qstina) \\
  \uline{cheatography.com/qstina} \\
  \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 9th April, 2022.\\
   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*}{2}

\begin{tabularx}{8.4cm}{x{2.48 cm} x{5.52 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{DEFINISI HAK}}  \tn
% Row 0
\SetRowColor{LightBackground}
DEFINISI HAK & Perkataan hak adalah perkataan yang berasal dari bahasa Arab iaitu al-haq. \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
DARI SUDUT BAHASA & Hak membawa maksud kepada milik, ketetapan dan kepastian. \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
DARI SUDUT ISTILAH & Hak membawa maksud Wahbah al-Zuhaily dan Mustafa al-Zarqa' mendefinisikan hak ialah bidang kuasa yang diakui oleh syarak yang mempunyai kekuasaan dan tanggungjawab \tn 
% Row Count 13 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{1.84 cm} x{6.16 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{RUKUN HAK}}  \tn
% Row 0
\SetRowColor{LightBackground}
PEMILIK HAK: & Orang yang berhak memiliki hak tersebut. \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
OBJEK HAK: & Sesuatu objek atau perkara yang dimiliki oleh pemilih hak. \tn 
% Row Count 4 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.36 cm} x{4.64 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{SEBAB PERPINDAHAN HAK}}  \tn
% Row 0
\SetRowColor{LightBackground}
Antara sebab perpindahan hak: & i. Akad jual beli iaitu hak berupa harta seperti hak pemilikan barangan jualan kepada pembeli disebabkan akad jual beli. \tn 
% Row Count 6 (+ 6)
% Row 1
\SetRowColor{white}
 & ii. Kematian iaitu hak hutang berpindah daripada tanggunjawab pemberi hutang kepada harta peninggalannya. \tn 
% Row Count 11 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{SEBAB PENAMATAN HAK}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Antara sebab penamatan hak:} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{i. Talak: Hak perkahwinan tamat disebabkan talak.} \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{الطَّلَاقُ مَرَّتَانِ ۖ فَإِمْسَاكٌ بِمَعْرُوفٍ أَوْ تَسْرِيحٌ بِإِحْسَانٍ} \tn 
% Row Count 5 (+ 3)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Maksudnya: "Talak (yang boleh dirujuk kembali itu) hanya dua kali. Setelah itu boleh dia (rujuk dan) dipegang terus (isteri itu) dengan cara yang sepatutnya atau menceraikan dengan cara yang baik." (QS al-Baqarah: 229)} \tn 
% Row Count 10 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{ii. Jualan: Hak pemilikan tamat dengan jualan.} \tn 
% Row Count 11 (+ 1)
% Row 5
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{iii. Tamat tempoh: Hak akad sewa tamat disebabkan tamat tempoh.} \tn 
% Row Count 13 (+ 2)
% Row 6
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{iv. Kemampuan: Hak anak mendapatkan nafkah dari bapanya tamat apabila anak tersebut mampu mencari rezeki sendiri.} \tn 
% Row Count 16 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{JENIS HAK}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Hak terbahagi kepada beberapa bahagian diantaranya ialah:} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{1.	Hak dilihat dari sudut pemiliknya} \tn 
% Row Count 3 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{i.	Hak Allah} \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Hak Allah bermaksud menghampirkan diri kepada Allah swt, mengagumkan dan menegakkan syiar Islam.} \tn 
% Row Count 6 (+ 2)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{ii.	Hak Manusia} \tn 
% Row Count 7 (+ 1)
% Row 5
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Hak Manusia ialah memelihara kepentingan seseorang, sama ada hak ini bersifat umum seperti menjaga kesihatan, membendung jenayah dan harta benda.} \tn 
% Row Count 10 (+ 3)
% Row 6
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{iii.	Hak Bersekutu} \tn 
% Row Count 11 (+ 1)
% Row 7
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Hak Bersekutu ialah hak Allah dan Manusia bersatu. Hak ini dibahagikan 2 bahagian iaitu: Hak Allah melebihi hak manuisa dan Hak manusia melebihi hak Allah.} \tn 
% Row Count 15 (+ 4)
% Row 8
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{2.	Hak dilihat dari sudut tempatnya} \tn 
% Row Count 16 (+ 1)
% Row 9
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{i.	Hak Harta dan Hak Bukan Harta} \tn 
% Row Count 17 (+ 1)
% Row 10
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Hak Harta ialah setiap berkait dengan harta dan manfaat seperti hak penjual pada harga dan hak pembeli pada barang. Hak Bukan Harta ialah hak selain dengan harta seperti hak qisas.} \tn 
% Row Count 21 (+ 4)
% Row 11
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{ii.	Hak Syakhsi dan Hak Aini} \tn 
% Row Count 22 (+ 1)
% Row 12
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Hak Syakhsi ialah sesuatu yang diakui oleh syarak bagi seseorang keatas orang lain. Hak ini berlaku sama ada dengan melakukan pekerjaan. Hak Aini ialah sesuatu yang dakui oleh syarak bagi seseorang keatas sesuatu tertentu.} \tn 
% Row Count 27 (+ 5)
% Row 13
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{iii.	Hak Mujarrad dan Bukan Mujarrad} \tn 
% Row Count 28 (+ 1)
% Row 14
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Hak Mujarrad ialah hak yang meninggalkan sebarang kesan dengan sebab penarikan diri sama ada secara pendamaian atau pelupusan. Hak Bukan Mujarrad ialah hak yang meninggalkan kesan dengan penarikan diri.} \tn 
% Row Count 33 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}