\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{Nazhan (nazhanwafiq07)}
\pdfinfo{
  /Title (nazhanwafiq.pdf)
  /Creator (Cheatography)
  /Author (Nazhan (nazhanwafiq07))
  /Subject (NazhanWafiq 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}{3221A3}
\definecolor{LightBackground}{HTML}{F2F1F9}
\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{NazhanWafiq Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Nazhan (nazhanwafiq07)} via \textcolor{DarkBackground}{\uline{cheatography.com/146218/cs/31589/}}}
\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}Nazhan (nazhanwafiq07) \\
  \uline{cheatography.com/nazhanwafiq07} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 9th April, 2022.\\
   Updated 14th 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*}{4}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Definisi Al-Qard}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{BAHASA :} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Pengasingan sebahagian dari sesuatu. Dalam aspek ini, seolah-olahnya si pemberi pinjam telah mengasingkan sebahagian dari harta miliknya untuk diberi pinjam kepada si peminjam yang akan mengembalikan semula kepada si pemberi pinjam dalam tempoh tertentu} \tn 
% Row Count 7 (+ 6)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{ISTILAH :} \tn 
% Row Count 8 (+ 1)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Al-Qard ialah pinjaman yang dilakukan untuk sesuatu kegunaan samada dari wang ringgit atau lainnya yang akan dipulangkan samada dalam bentuk zat yang sama ataupun tidak.} \tn 
% Row Count 12 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{DALIL AL-QURAN \& HADIS}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{DALIL AL-QURAN} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Al-Qard telah disyariatkan melalui Al-Quran dan As-Sunnah. Selain "Ayat al-qard" di atas masih ada ayat al-Quran lain yang menyentuh tentang al-Qard, diantaranya firman Allah swt : {\bf{"Siapakah yang mahu memberi pinjaman kepada Allah, pinjaman yang baik iaitu dengan mengeluarkan hartanya di jalan Allah, maka Allah akan melipatgandakan balasan baik kepadanya dengan lipat ganda yang banyak. Dan Allah-lah yang menyempitkan dan melapangkan rezki dan kepadaNyalah kamu akan dikembalikan."}}  (Al-Baqarah : 145)} \tn 
% Row Count 12 (+ 11)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{DALIL HADIS} \tn 
% Row Count 13 (+ 1)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Hadis Nabi Muhammad saw juga banyak menyebut tentang al-Qard, diantaranya sabdaan Nabi Muhammad saw :} \tn 
% Row Count 16 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{{\bf{ما من مسلم يقرض مسلما قرضا مرتين إلا كان كصدقتها مرة}}} \tn 
% Row Count 18 (+ 2)
% Row 5
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{"..Sesiapa dari kalangan orang Islam yang memberi pinjaman kepada orang Islam yang lain sebanyak dua kali maka seolah-olahnya dia telah memberi sedekah satu kali."} \tn 
% Row Count 22 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{HUKUM AL-QARD}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{Hukum al-Qard bagi pemberi pinjam dan yang meminjam adalah bergantung kepada keadaan mereka. Kadangkala hukumnya menjadi wajib dan kadangkala menjadi sunat dan lain-lain.} \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1. Memberi Hutang : Sunat} \tn 
% Row Count 5 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{2. Berhutang : Harus(pada asalnya) tetapi hukumnya boleh berubah bergantung kepada niat orang yang berhutang iaitu boleh jadi wajib, haram dan makruh} \tn 
% Row Count 8 (+ 3)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{3. Membayar Hutang : Wajib membayar kembali hutangnya dengan baik.} \tn 
% Row Count 10 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Hukum Al-Qard ke Atas Peminjam (Al-Muqrid)}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{a) Wajib : Memberi pinjam menjadi wajib sekiranya orang yang hendak meminjam dalam keadaan terdesak untuk menyara hidupnya atau keluarganya dan si al-muqrid adalah orang yang mampu untuk memberi pinjaman.} \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{b) Haram : Haram ke atas al-muqrid memberi pinjaman kepada orang yang diyakini akan menggunakan pinjaman tersebut untuk melakukan perkara yang haram seperti menggunakan wang pinjaman untuk berjudi dan sebagainya.} \tn 
% Row Count 10 (+ 5)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{c) Sunat : Pada umumnya, sunat memberi pinjam kerana perbuatan tersebut boleh membantu menyelesaikan masalah mereka yang memerlukan.} \tn 
% Row Count 13 (+ 3)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{d) Makruh : Hukum makruh akan terjadi dalam urusan memberi pinjaman sekiranya pinjaman diberi tidak mengikut keutamaan orang-orang yang ingin meminjam dan juga menjadi makruh jika diyakini bahawa orang yang meminjam akan membazirkannya.} \tn 
% Row Count 18 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{e) Harus : Harus memberi pinjaman jika urusan tersebut bukan untuk membantu orang yang berhajat tetapi hanya sekadar tujuan tertentu seperti memberi pinjaman semata-mata supaya pinjaman tersebut terjamin keselamatannya jika diberi pinjam kepada sesiapa yang boleh dipercayai.} \tn 
% Row Count 24 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Hukum Al-Qard ke Atas yang Meminjam (Al-Muqtarid)}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{a) Wajib : Meminjam sesuatu keperluan menjadi wajib jika pinjaman tersebut dilakukan untuk menyelamatkan nyawa seseorang.} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{b) Haram : Haram ke atas seseorang yang ingin meminjam sesuatu untuk digunakan dalam perkara yang haram.} \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{c) Sunat : Disunatkan meminjam sesuatu keperluan jika perkara itu boleh mengurangkan bebanan yang tertanggung.} \tn 
% Row Count 9 (+ 3)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{d) Makruh : Makruh hukumnya jika meminjam sesuatu semata-mata untuk berlebih-lebihan dalam sesuatu perkara.} \tn 
% Row Count 12 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{e) Harus : Diharuskan meminjam sesuatu keperluan sekiranya berhajat dan hajat tersebut tidak sampai ke tahap sunat atau wajib.} \tn 
% Row Count 15 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{SYARAT AL-QARD}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{Terdapat empat syarat yang mesti dipenuhi dalam akad al-qard :} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1. Akad Al-qard dilakukan dengan ijab dan qabul atau bentuk yang boleh menggantikannya, seperti muatah (kontrak dengan tindakan/saling memberi dan memahami antara satu sama lain)} \tn 
% Row Count 6 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{2. Kedua-dua pihak yang terlibat dalam akad Al-Qard mesti cukup syarat sah (munasabah, baligh dan tanpa paksaan). Berdasarkan syarat-syarat ini, akad al-qard sebagai akad tabrau' (amal / sosial), maka akad al-qard yang berlaku oleh kanak-kanak kecil, orang gila, orang bodoh atau orang yang diseksa, maka akad itu tidak sah.} \tn 
% Row Count 13 (+ 7)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{3. Menurut kalangan hanafiyah, harta yang dipinjamkan mestilah harta yang setara di pasaran, atau nilai yang setara manakala menurut jumhur ulama, harta yang dipinjamkan di dalam al-qard boleh menjadi harta yang digunakan sebagai tanggungan.} \tn 
% Row Count 18 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{4. Saiz, jumlah, jenis dan nilai harta yang dipinjamkan mestilah jelas supaya mudah dikembalikan. Ini adalah untuk mengelakkan pertikaian antara pihak-pihak yang menjalankan akad al-qard.} \tn 
% Row Count 22 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{RUKUN Al-QARD}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{1. Peminjam (muqtaridh) : Peminjam mestilah ahli muamalah, yang bermaksud dia harus matang, berakal, dan tidak kompeten (menurut undang-undang, tidak dibenarkan mengatur hartanya sendiri).} \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{2. Pemberi pinjaman (muqridh) : Pemberi pinjaman mestilah Ahliyat at-Tabarru' dengan maksud mempunyai kemampuan menggunakan hartanya secara mutlak mengikut pandangan syarak.  Dalam qardh, seorang muqridh meminjamkan dananya tanpa paksaan daripada pihak lain.} \tn 
% Row Count 10 (+ 6)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{3. Barang/hutang (Mauqud 'Alaih) : Barangan yang dijadikan objek dalam qardh hendaklah tertakluk kepada akad salam.  Dengan akad salam, barang tersebut dianggap sah untuk berhutang.} \tn 
% Row Count 14 (+ 4)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{4. Ijab Qabul : Lafaz dalam qabul hendaklah dibuat dengan jelas dan boleh difahami oleh kedua-dua pihak, supaya tidak menimbulkan salah faham.} \tn 
% Row Count 17 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Cara yang dibenarkan dalam islam untuk berhutang.}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{Terdapat empat cara yang dibenarkan dalam Islam untuk berhutang :} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1. Seseorang yang hendak berhutang dibenarkan menggadai hartanya untuk cagaran. Perkara ini dibenarkan dalam Islam.} \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{2. Dibenarkan mengadakan penjamin di antara mereka.} \tn 
% Row Count 7 (+ 2)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{3. Boleh dilakukan secara bertulis.} \tn 
% Row Count 8 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{4. Dibenarkan menggunakan saksi} \tn 
% Row Count 9 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{HIKMAH HUTANG}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{1. Untuk mewujudkan suasana tolong-menolong.} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{2. Mengeratkan lagi hubungan silaturrahim sesama umat islam.} \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{3.833cm}}{3. Mengajak mereka supaya berusaha menyelesaikan masalah secara bekerjasama.} \tn 
% Row Count 5 (+ 2)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{4. Untuk menghalang manusia mengambil kesempatan daripada kesusahan dan hajat orang lain.} \tn 
% Row Count 7 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}