\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{syukri shadzli}
\pdfinfo{
  /Title (syukri-shadzli.pdf)
  /Creator (Cheatography)
  /Author (syukri shadzli)
  /Subject (syukri shadzli 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}{290A0A}
\definecolor{LightBackground}{HTML}{F8F7F7}
\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{syukri shadzli Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{syukri shadzli} via \textcolor{DarkBackground}{\uline{cheatography.com/123708/cs/23419/}}}
\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}syukri shadzli \\
  \uline{cheatography.com/syukri-shadzli} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Published 23rd June, 2020.\\
   Updated 23rd 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}{PENDAHULUAN}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Manusia pada era kini telah bekerja untuk mencapai keselesaan hidup dan telah menjadi lumrah manusia untuk mendambakan kehidupan yang mewah seperti anak raja dan sebagainya. Walau bagaimanapun, tidak semua yang orang bekerja keras dapat merasakan nikmat syurga dunia ini meski sudah berhempas pulas dalam mengecapi impiannya. Ini semua kerana takdir yang telah diatur oleh Allah yang Maha Mengetahui kerana di dunia ini tidak ada yang kebetulan melainkan berbetulan kerana Allah telah mengaturkan rezeki yang terbaik untuk setiap hambanya.% Row Count 11 (+ 11)
} \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}}{وَأَحَلَّ اللّهُ الْبَيْعَ وَحَرَّمَ الرِّبَا \newline % Row Count 2 (+ 2)
Maksud: Padahal Allah telah menghalalkan jual beli dan mengharamkan riba \newline % Row Count 4 (+ 2)
(Al-Baqarah:275) \newline % Row Count 5 (+ 1)
Orang tidak memakan riba terdiri daripada orang-orang yang berjaya. \newline % Row Count 7 (+ 2)
Rasulullah juga melaknat orang yang memakan riba dan seangkatan dengannya. \newline % Row Count 9 (+ 2)
Dosa bagi orang yang memakan riba amatlah berat disisi Allah.% Row Count 11 (+ 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}{FATWA PENGHARAMAN RIBA}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Semua ahli fatwa telah bersepakat bahawa setiap penambahan atau faedah keatas semua bentuk pinjaman adalah riba dan haram.% 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}{KESIMPULAN}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Islam telah mengajar bahawa amalan berhutang tidak digalakkan kerana terdapat unsur riba jika tidak mengikut cara yang betul. Hal ini juga boleh menyebabkan keruntuhan akhlak dalam diri seseorang dan perkara ini perlu dibendung dan selesaikan dengan cara yang betul mengikut hukum syarak.% Row Count 6 (+ 6)
} \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}{PANDANGAN ISLAM MENGENAI AMALAN BERHUTANG}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Amalan berhutang tidak digalakkan dalam Islam kerana memudaratkan diri sendiri dan juga ahli keluarga. \newline % Row Count 3 (+ 3)
2) Amalan berhutang amat ditegah kerana agama Islam menganjurkan umatnya menjalani kehidupan secara wasatiyyah dan mengutamakan sikap qana'ah.% Row Count 6 (+ 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}{PRINSIP DAN HUKUM Al-QARD AL-HASAN}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Al-qard al-hasan bermaksud pinjaman yang baik. \newline % Row Count 1 (+ 1)
Peminjam hanya perlu membayar jumlah wang yang dipinjam sahaja tanpa dikenakan faedah. \newline % Row Count 3 (+ 2)
Hukum melaksanakan al-qard al-hasan adalah sunat.% Row Count 4 (+ 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}{RUKUN AL-QARD}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Pemberi pinjam \newline % Row Count 1 (+ 1)
2) Barang yang dipinjam \newline % Row Count 2 (+ 1)
3) Peminjam \newline % Row Count 3 (+ 1)
4) Sighah% Row Count 4 (+ 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}{OBJEKTIF PELAKSANAAN AL-QARD AL-HASSAN}}  \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) Merapatkan jurang perbezaan antara golongan yang kaya. \newline % Row Count 4 (+ 2)
4) Menghapuskan diskriminasi sosial dan ekonomi dalam masyarakat. \newline % Row Count 6 (+ 2)
5) Mendapat keberkatan dan ganjaran berterusan di dunia dan akhirat.% Row Count 8 (+ 2)
} \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}{KONSEP PINJAMAN DALAM ISLAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\emph{AL-'ARIYAH}} & {\emph{AL-QARD}} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
Pemberian satu barangan oleh pemberi pinjam kepada peminjam. & Pinjaman yang melibatkan pemidahan barangan yang boleh dianggarkan dan diganti mengikut bilangan. \tn 
% Row Count 6 (+ 5)
% Row 2
\SetRowColor{LightBackground}
Hak pemilikan masih kekal pada pemberi pinjam. & Orang Arab menyebut salaf iaitu pinjaman yang dibayar balik tanpa syarat keuntungan. \tn 
% Row Count 11 (+ 5)
% Row 3
\SetRowColor{white}
Pemberi pinjam tidak bertanggungjawab jika ada kerosakan pada barang disebabkan kecuaian peminjam. & Kesan transaksi ini wujudlah hutang daripada pemberi hutang dan penghutang. \tn 
% Row Count 16 (+ 5)
% Row 4
\SetRowColor{LightBackground}
Pinjaman 'ariyah hanya melibatkan barangan atau benda yang tidak musnah apabila digunakan. & Penghutang mestilah memulangkan barang yang dipinjam dalam bentuk gantian dan bukan asal. \tn 
% Row Count 21 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{3.833cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{3.833cm}}{\bf\textcolor{white}{INSTRUMEN PENJANA SOSIO EKONOMI UMMAH}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Telah dilaksanakan di Malaysia untuk meringankan beban golongan yang terdesak. \newline % Row Count 2 (+ 2)
2) Prinsip al-qard al-hasan telah digunakan secara meluas dalam ar-rahnu. \newline % Row Count 4 (+ 2)
3) Skim pinjaman kewangan dan pembiayaan untuk menunaikan haji dan umrah.% 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}{DEFINISI AL-QARD}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Bahasa: al-qat'u (potong) \newline % Row Count 1 (+ 1)
Istilah: penyerahan suatu barang dengan syarat barang tersebut sama nilai tanpa sebarang tambahan apabila dipulangkan. \newline % Row Count 4 (+ 3)
Kategori: akad tabarru' iaitu kontrak yang berteraskan konsep kebajikan.% 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}{PRINSIP-PRINSIP UMUM KETIKA BERHUTANG}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{1) Semua hutang hendaklah ditulis. \newline % Row Count 1 (+ 1)
2) Tidak mengenakan sebarang bayaran tambahan kepada peminjam. \newline % Row Count 3 (+ 2)
3) Kepentingan menyelesaikan semua hutang turut disyaratkan dalam perwarisan. \newline % Row Count 5 (+ 2)
4) Hutang merupakan hak individu tertentu yang wajib dipulangkan dalam tempoh tertentu.% 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}{BANTUAN KEPADA ASNAF AL-GHARIMIN}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{3.833cm}}{Institusi zakat mainkan peranan yang besar bagi mewujudkan keseimbangan dalam aspek sosial dan ekonomi dengan cara golongan yang berkemampuan mengeluarkan zakat bagi membantu golongan yang kurang berkemampuan,% Row Count 5 (+ 5)
} \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 ialah bertentangan dengan ajaran Islam kerana mengandungi unsur riba dengan mengenakan bayaran bunga atau faedah serta tidak telus struktur pinjaman dan pembayaran balik. Hal ini sering dikaitkan dengan keganasan serta kekerasan apabila tidak dapat bayar balik dan banyak berlaku keruntuhan rumahtangga dan perpecahan keluarga.% Row Count 8 (+ 8)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}