\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{najua}
\pdfinfo{
  /Title (jua-fiqhmuamalat.pdf)
  /Creator (Cheatography)
  /Author (najua)
  /Subject (Jua FiqhMuamalat 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}{FF2D0D}
\definecolor{LightBackground}{HTML}{FFF1EF}
\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{Jua FiqhMuamalat Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{najua} via \textcolor{DarkBackground}{\uline{cheatography.com/123414/cs/23203/}}}
\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}najua \\
  \uline{cheatography.com/najua} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 13th June, 2020.\\
   Updated 13th 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}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{KONSEP PINJAMAN MENURUT PERSPEKTIF ISLAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{Konsep}}} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}Pada penelitian perundangan islam, pinjaman terbahagi kepada dua bahagian iaitu  {\emph{al-'ariyah}} dan {\emph{al-qard}}.} \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{Definisi}}} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}{\bf{Al-'ariyah}} ialah pinjaman yang melibatkan pemberian sesuatu barangan atau harta oleh pemberi pinjaman kepada peminjam bagi tujuan penggunaan manfaat barang atau harta tersebut secara percuma.} \tn 
% Row Count 10 (+ 6)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}🐝 Barang yang dipinjam hendaklah dipulangkan kepada tuannya dan bukan memulangkan gantian barang tersebut.} \tn 
% Row Count 13 (+ 3)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}🐝 Hak pemilikan pemberi pinjam ke atas barang tersebut masih kekal dan peminjam tidak bertanggungjawab terhadap sebarang kerosakan bagi barang tersebut kecuali kecuaian adalah berpunca daripada peminjam sendiri.} \tn 
% Row Count 18 (+ 5)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{} \tn 
\mymulticolumn{1}{x{5.377cm}}{\hspace*{6 px}\rule{2px}{6px}\hspace*{6 px}{\bf{Al-qard}} dari segi bahasa bermaksud {\emph{al-qat'u (potong)}}. Harta yang diberikan kepada orang yang berhutang dinamakan qard kerana pemiutang memotong (mengambil) sebahagian hartanya untuk diberikan kepada penghutang. Dari segi istilah pula, al-qard merujuk kepada hutang sesuatu barang atau harta daripada pemiutang kepada penghutang dengan syarat barang tersebut atau sesuatu yang sama nilai dengannya akan digantikan kembali kepada pemilik asal tanpa sebarang penambahan.} \tn 
% Row Count 29 (+ 11)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Rukun-rukun Al-a'riyah (pinjaman)}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{🌈 {\emph{Pemberi pinjam}} - Dia mestilah memiliki perkhidmatan barang yang dipinjamkan.} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{🌈 {\emph{Peminjam}} - mestilah dilakukan dengan sukarela dan menyatakan hasratnya dengan khusus.} \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{🌈 {\emph{Sighah}} - Mestiah mempunyai lafaz ijab dan qabul yang membawa maksud pemberian pinjaman.} \tn 
% Row Count 6 (+ 2)
\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}{{\bf{Rukun Al Qard (berhutang)}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
🌸 Pemiutang (orang yang memberikan pinjaman) & - Seorang ahli tabarru' yang boleh menguruskan harta, berurus niaga (ahliyyah al-mu'amalah) dan memiliki harta tersebut. \tn 
% Row Count 7 (+ 7)
% Row 1
\SetRowColor{white}
 & -Tiada unsur paksaan (redha). \tn 
% Row Count 9 (+ 2)
% Row 2
\SetRowColor{LightBackground}
🌸 Penghutang/peminjam & - Bukan orang yang gila atau kanak-kanak. \tn 
% Row Count 12 (+ 3)
% Row 3
\SetRowColor{white}
 & -  Tiada unsur paksaan (redha). \tn 
% Row Count 14 (+ 2)
% Row 4
\SetRowColor{LightBackground}
 & - Berkemampuan untuk membayar balik pinjaman yang dibuat. \tn 
% Row Count 17 (+ 3)
% Row 5
\SetRowColor{white}
🌸 Barang yang dipinjam & - Mazhab Maliki, Syafi'i dan Hambali mengatakan harus diberi hutang bagi barang-barang yang boleh disukat atau ditimbang seperti emas. \tn 
% Row Count 24 (+ 7)
% Row 6
\SetRowColor{LightBackground}
🌸 sighah & - Mestiah mempunyai lafaz ijab dan qabul yang membawa maksud pemberian hutang. \tn 
% Row Count 28 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Hukum Al-A'riyah}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Hukum memberi pinjam kepada seseorang yang memerlukan adalah {\bf{sunat}}.} \tn 
% Row Count 2 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Hukum al-Qard al-Hasan}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Hukum pelaksanaan al-Qard al-hasan adalah sunat.  Jelas bahawa hukum memberi hutang kepada seseorang yang memerlukan adalah sunat manakala harus bagi seseorang untuk berhutang bagi tujuan untuk membebaskan dirinya daripada kesempitan hidup. Jelaslah disini bahawa Islam merupakan satu agama yang menyediakan ruang dan jalan penyelesaian terhadap kesulitan yang dihadapi oleh umat manusia. Ia selaras dengan prinsip utama yang mendasari akad qard iaitu ta'awun iaitu saling bantu-bantu di kalangan sesama insan.} \tn 
% Row Count 11 (+ 11)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Dalil Pengharaman riba}}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{ٱلَّذِينَ يَأۡڪُلُونَ ٱلرِّبَوٰاْ لَا يَقُومُونَ إِلَّا كَمَا يَقُومُ ٱلَّذِى \seqsplit{يَتَخَبَّطُهُ} \seqsplit{ٱلشَّيۡطَـٰنُ} مِنَ ٱلۡمَسِّ‌ۚ ذَٲلِكَ بِأَنَّهُمۡ قَالُوٓاْ إِنَّمَا ٱلۡبَيۡعُ مِثۡلُ \seqsplit{ٱلرِّبَوٰاْ‌ۗ} وَأَحَلَّ ٱللَّهُ ٱلۡبَيۡعَ وَحَرَّمَ \seqsplit{ٱلرِّبَوٰاْ‌ۚ} فَمَن جَآءَهُ ۥ مَوۡعِظَةٌ۬ مِّن رَّبِّهِۦ فَٱنتَهَىٰ فَلَهُ ۥ مَا سَلَفَ وَأَمۡرُهُ ۥۤ إِلَى ٱللَّهِ‌ۖ وَمَنۡ عَادَ \seqsplit{فَأُوْلَـٰٓٮِٕكَ} أَصۡحَـٰبُ ٱلنَّارِ‌ۖ هُمۡ فِيہَا خَـٰلِدُونَ (٢٧٥)} \tn 
% Row Count 17 (+ 17)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{Terjemahan: "Orang-orang yang memakan (mengambil) riba itu tidak dapat berdiri betul melainkan seperti berdirinya orang yang dirasuk syaitan dengan terhuyung-hayang kerana sentuhan (syaitan) itu. Yang demikian ialah disebabkan mereka mengatakan: "Bahawa sesungguhnya berniaga itu sama sahaja seperti riba". Padahal Allah telah menghalalkan berjual-beli (berniaga) dan mengharamkan riba. Oleh itu, sesiapa yang telah sampai kepadanya peringatan (larangan) dari Tuhannya lalu is berhenti (dari mengambil riba), maka apa yang telah diambilnya dahulu (sebelum pengharaman itu) adalah menjadi haknya, dan perkaranya terserahlah kepada Allah. Dan sesiapa yang mengulangi lagi (perbuatan mengambil riba itu) maka itulah ahli neraka, mereka kekal di dalamnya."} \tn 
% Row Count 33 (+ 16)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Dalil pensyariatan al-Qard }}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{مَّن ذَا ٱلَّذِى يُقۡرِضُ ٱللَّهَ قَرۡضًا حَسَنً۬ا \seqsplit{فَيُضَـٰعِفَهُ} ۥ لَهُ ۥۤ أَضۡعَافً۬ا \seqsplit{ڪَثِيرَةً۬‌ۚ} وَٱللَّهُ يَقۡبِضُ وَيَبۡصُۜطُ وَإِلَيۡهِ تُرۡجَعُونَ (٢٤٥)} \tn 
% Row Count 7 (+ 7)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{Terjemahan: "Siapakah orangnya yang (mahu) memberikan pinjaman kepada Allah sebagai pinjaman yang baik (yang ikhlas) supaya Allah melipat gandakan balasannya dengan berganda-ganda banyaknya dan (ingatlah), Allah jualah yang menyempit dan yang meluaskan (pemberian rezeki) dan kepadaNyalah kamu semua dikembalikan."} \tn 
% Row Count 14 (+ 7)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{{\bf{Prinsip al-Qard al-Hasan (pinjaman yang baik) }}}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{🌼 Prinsip muamalah Islam secara jelas mengharamkan sebarang bentuk pinjaman wang yang mempunyai faedah. Sebarang tambahan nilai atau lebihan daripada jumlah pinjaman yang asal adalah dianggap sebagai riba.} \tn 
% Row Count 5 (+ 5)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{🌼  Islam hanya membenarkan transaksi pemberian hutang atau pinjaman wang yang bebas daripada unsur riba dan mengutamakan kebajikan dan keadilan sosial.} \tn 
% Row Count 9 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}