\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{Alina Firzana}
\pdfinfo{
  /Title (konsep-pinjaman-menurut-islam.pdf)
  /Creator (Cheatography)
  /Author (Alina Firzana)
  /Subject (Konsep Pinjaman Menurut 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}{CC52C8}
\definecolor{LightBackground}{HTML}{F8E9F8}
\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{Konsep Pinjaman Menurut Islam Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Alina Firzana} via \textcolor{DarkBackground}{\uline{cheatography.com/123431/cs/23227/}}}
\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}Alina Firzana \\
  \uline{cheatography.com/alina-firzana} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 20th June, 2020.\\
   Updated 20th 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*}{4}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Pandangan Islam Mengenai Hutang}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Islam {\bf{tidak menggalakkan}} umatnya berhutang atau membuat pinjaman kewangan untuk tujuan melebihi asas kehidupan.% Row Count 3 (+ 3)
} \tn 
\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
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{{\bf{Pemiutang}} (orang yang memberi pinjaman)-  \newline % Row Count 1 (+ 1)
a) Seorang yang boleh menguruskan harta, berurus niaga \& memiliki harta tersebut. Bukan seorang kanak kanak, gila atau bukan orang yang disekat daripada uruskan harta. \newline % Row Count 5 (+ 4)
b) Tiada unsur paksaan. \newline % Row Count 6 (+ 1)
{\bf{Penghutang}} \newline % Row Count 7 (+ 1)
a)Bukan seorang yang gila, kanak kanak. \newline % Row Count 8 (+ 1)
b)Tiada unsur paksaan. \newline % Row Count 9 (+ 1)
c)Berkemampuan bayar hutang. \newline % Row Count 10 (+ 1)
{\bf{Barang yang dipinjam}} \newline % Row Count 11 (+ 1)
a)Barang yang boleh ditimbang, disukat dan mempunyai saiz spt telur dan sbgainya. \newline % Row Count 13 (+ 2)
{\bf{Sighah}} \newline % Row Count 14 (+ 1)
a)Lafaz ijab \& qabul.% Row Count 15 (+ 1)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Konsep pinjaman dalam Islam}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1){\bf{ Al 'Ariyah}} - merujuk kepada pinjaman yang melibatkan pemberian sesuatu barangan atau harta oleh pemberi pinjaman kepada peminjam.  \newline % Row Count 3 (+ 3)
2) {\bf{Al Qard}} -  pinjaman yang melibatkan pemindahan pemilikan barangan atau komoditi yang boleh \newline % Row Count 5 (+ 2)
dianggarkan dan diganti mengikut bilangan, sukatan atau timbangan.% Row Count 7 (+ 2)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Objektif pelaksanaan {\emph{Al Qard Al Hasan}}}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Membantu golongan yang memerlukan. \newline % Row Count 1 (+ 1)
2)Mengukuhkan sektor sosio ekonomi negara. \newline % Row Count 2 (+ 1)
3)Menghapuskan diskriminasi sosial dan ekonomi dalam masyarakat.  \newline % Row Count 4 (+ 2)
4)Mendapat keberkatan dan ganjaran berterusan di dunia dan akhirat.% Row Count 6 (+ 2)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Kesimpulan}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Islam telah menyediakan hamparan jalan kehidupanyang syumul dengan menganjurkan umatnya bijak menguruskan kewangan. \newline % Row Count 3 (+ 3)
2) Tidak menjadikan berhutang sebagai budaya atau amalan melainkan dalam keadaan terdesak atau memerlukan. \newline % Row Count 6 (+ 3)
3) Kesan apabila suka berhutang, mengakibatkan seseorang hidup tidak tenang, masalah kekeluargaan dan sentiasa dalam kegusaran.  \newline % Row Count 9 (+ 3)
4) Hiduplah dalam bersederhana dan bersyukur dengan apa yang ada.  \newline % Row Count 11 (+ 2)
5)Berhati hati lah dalam melibatkan diri dalam kancag berhutang agar tidak bertentangan dengan garis panduan Islam.% Row Count 14 (+ 3)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{x{1.7165 cm} x{1.7165 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{3.833cm}}{\bf\textcolor{white}{Definisi Al Qard}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{Dari segi bahasa}}:{\emph{Al Qat'u}} (potong).Harta yang diberikan kepada orang yang berhutang dinamakan qard kerana pemiutang memotong (mengambil) sebahagian hartanya untuk diberikan kepada penghutang & {\bf{Dari segi istilah}}: merujuk kepada penyerahan 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 13 (+ 13)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Prinsip prinsip umum ketika berhutang}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Setiap hutang yang dibuat hendaklah ditulis bagi memastikan pihak-pihak yang berkontrak khususnya penghutang menyedari komitmen masing-masing untuk membayar kembali hutang tersebut bagi mengelakkan berlakunya penipuan.  \newline % Row Count 5 (+ 5)
2)Tidak boleh mengenakan sebarang bayaran tambahan terhadap pinjaman yang diberikan atas sebab kelewatan membuat pembayaran balik hutang walaupun telah dipersetujui.% Row Count 9 (+ 4)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Larangan riba}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{ٱلَّذِينَ يَأۡكُلُونَ ٱلرِّبَوٰاْ لَا يَقُومُونَ إِلَّا كَمَا يَقُومُ ٱلَّذِي \seqsplit{يَتَخَبَّطُهُ} ٱلشَّيۡطَٰنُ مِنَ ٱلۡمَسِّۚ ذَٰلِكَ بِأَنَّهُمۡ قَالُوٓاْ إِنَّمَا ٱلۡبَيۡعُ مِثۡلُ ٱلرِّبَوٰاْۗ وَأَحَلَّ ٱللَّهُ ٱلۡبَيۡعَ وَحَرَّمَ ٱلرِّبَوٰاْۚ فَمَن جَآءَهُۥ مَوۡعِظَةٞ مِّن رَّبِّهِۦ فَٱنتَهَىٰ فَلَهُۥ مَا سَلَفَ وَأَمۡرُهُۥٓ إِلَى ٱللَّهِۖ وَمَنۡ عَادَ \seqsplit{فَأُوْلَٰٓئِكَ} أَصۡحَٰبُ ٱلنَّارِۖ هُمۡ فِيهَا خَٰلِدُونَ ٢٧٥  \newline % Row Count 16 (+ 16)
Terjemahan: \newline % Row Count 17 (+ 1)
"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. \newline % Row Count 21 (+ 4)
Yang demikian ialah disebabkan mereka mengatakan: "Bahawa sesungguhnya berniaga itu sama sahaja seperti riba". Padahal Allah telah menghalalkan berjual-beli (berniaga) dan mengharamkan \newline % Row Count 25 (+ 4)
riba. Oleh itu, sesiapa yang telah sampai kepadanya peringatan (larangan) dari Tuhannya lalu  berhenti (dari mengambil riba), \newline % Row Count 28 (+ 3)
maka apa yang telah diambilnya dahulu (sebelum pengharaman itu) \newline % Row Count 30 (+ 2)
} \tn 
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Larangan riba (cont)}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{adalah menjadi haknya, dan perkaranya terserahlah kepada Allah. \newline % Row Count 2 (+ 2)
Dan sesiapa yang mengulangi lagi (perbuatan mengambil riba itu) \newline % Row Count 4 (+ 2)
maka itulah ahli neraka, mereka kekal di dalamnya." \newline % Row Count 6 (+ 2)
Allah SWT juga telah memberi peringatan kepada orang% Row Count 8 (+ 2)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{Gejala ceti haram}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Kegiatan ceti haram atau ah long secara jelas bertentangan dengan ajaran Islam kerana perkhidmatan pinjaman kewangan yang ditawarkan mengandungi unsur riba dengan mengenakan \newline % Row Count 4 (+ 4)
bayaran bunga atau faedah. \newline % Row Count 5 (+ 1)
- Kerajaan perlu mengambil tindakan untuk memantau dan mengawal dengan pelbagai agensi seperti pihak berkuasa tempatan, Polis DiRaja Malaysia dan NGO.  \newline % Row Count 9 (+ 4)
{\bf{Langkah}} \newline % Row Count 10 (+ 1)
1) melalui tindakan memberhentikan pemberian lesen kepada peminjam wang berlesen. \newline % Row Count 12 (+ 2)
2)kempen kesedaran, khidmat nasihat  \newline % Row Count 13 (+ 1)
3) usaha besar besaran menurunkan iklan ah long di kawasan perumahan.% Row Count 15 (+ 2)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}