\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{muhammad syukri}
\pdfinfo{
  /Title (nota-syukri.pdf)
  /Creator (Cheatography)
  /Author (muhammad syukri)
  /Subject (nota syukri 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}{B30404}
\definecolor{LightBackground}{HTML}{FCF7F7}
\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{nota syukri Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{muhammad syukri} via \textcolor{DarkBackground}{\uline{cheatography.com/123428/cs/23228/}}}
\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}muhammad syukri \\
  \uline{cheatography.com/muhammad-syukri} \\
  \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*}{2}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Konsep pinjaman dalam islam}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{pinjaman dibahagikan  kepada 2 kategori iaitu al-'ariyah dan al-qard.} \tn 
% Row Count 2 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Konsep pinjaman dalam islam}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Dalam perundangan islam, pinjaman dibahagikan  kepada 2 kategori iaitu al-'ariyah dan al-qard.} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{-Al-'ariyah merujuk  kepada pinjaman yang melibatkan pemberian sesuatu barangan  atau harta oleh pemberi pinjaman kepada peminjam.} \tn 
% Row Count 5 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{} \tn 
% Row Count 5 (+ 0)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{al-qard ialah pinjaman yang melibatkan  pemindahan pemilikan barangan atau komoditi yang boleh  dianggarkan dan diganti mengikut bilangan, sukatan atau  timbangan.} \tn 
% Row Count 9 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Definisi al-qard}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{} \tn 
% Row Count 0 (+ 0)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{-Al-qard dari segi bahasa bermaksud al-qat'u (potong).} \tn 
% Row Count 2 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{} \tn 
% Row Count 2 (+ 0)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{-Dari segi istilah, al-qard  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 8 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Objektif pelaksanaan al-Qard al-Hasan}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{1. Membantu golongan yang memerlukan. \newline % Row Count 1 (+ 1)
2. Merapatkan jurang perbezaan antara golongan yang kaya dan miskin melalui pengagihan kekayaan  \newline % Row Count 3 (+ 2)
    dan sumber dalam  \newline % Row Count 4 (+ 1)
    masyarakat. \newline % Row Count 5 (+ 1)
3. Memupuk semangat persaudaraan, keprihatinan, ehsan  dan saling bantu membantu di kalangan  \newline % Row Count 7 (+ 2)
    umat Islam. \newline % Row Count 8 (+ 1)
4. Mengukuhkan sektor sosio ekonomi negara. \newline % Row Count 9 (+ 1)
5. Menghapuskan diskriminasi sosial dan ekonomi dalam  \newline % Row Count 11 (+ 2)
    masyarakat.% Row Count 12 (+ 1)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Rukun al-Qard}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{1.Pemiutang (orang yang memberikan pinjaman) \newline % Row Count 1 (+ 1)
   -(a) Seorang ahli tabarru'(orang yang menguruskan harta.  \newline % Row Count 3 (+ 2)
   -(b) (b) Tiada unsur paksaan (redha). \newline % Row Count 4 (+ 1)
2.Penghutang/peminjam. \newline % Row Count 5 (+ 1)
    -(a) Bukan seorang yang mahjur 'alaih kerana safih, orang  \newline % Row Count 7 (+ 2)
           gila atau kanak-kanak. \newline % Row Count 8 (+ 1)
    -(b) Tiada unsur paksaan (redha). \newline % Row Count 9 (+ 1)
    -(c)Berkemampuan untuk membayar balik pinjaman yang  \newline % Row Count 11 (+ 2)
         dibuat. \newline % Row Count 12 (+ 1)
3. Barang yang dipinjam.  \newline % Row Count 13 (+ 1)
4. Sighah( lafaz ijab qabul)% Row Count 14 (+ 1)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Prinsip-prinsip umum ketika berhutang}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{*Mazhab Hanbali mengatakan "sedekah adalah lebih baik  \newline % Row Count 2 (+ 2)
daripada hutang dan tidak berdosa seseorang yang meminta tetapi  \newline % Row Count 4 (+ 2)
tidak berhutang" . \newline % Row Count 5 (+ 1)
i. Setiap hutang hendaklah ditulis. \newline % Row Count 6 (+ 1)
ii.Tidak boleh mengenakan sebarang bayaran tambahan  \newline % Row Count 8 (+ 2)
   terhadap pinjaman yang diberikan atas sebab kelewatan membuat  \newline % Row Count 10 (+ 2)
   pembayaran balik. \newline % Row Count 11 (+ 1)
iii.Perwarisan iaitu sebelum sesuatu harta pusaka  \newline % Row Count 13 (+ 2)
   dibahagikan secara faraid, segala hutang piutang si mati hendaklah  \newline % Row Count 15 (+ 2)
   dibereskan terlebih dahulu. \newline % Row Count 16 (+ 1)
iv.Hutang merupakan hak individu tertentu yang wajib  \newline % Row Count 18 (+ 2)
   dipulangkan dalam tempoh sebagaimana yang dijanjikan.% Row Count 20 (+ 2)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Larangan riba'}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{Firman Allah S.W.T dalam kitabnya: \newline % Row Count 1 (+ 1)
("Wahai orang-orang yang beriman! Janganlah kamu makan atau  \newline % Row Count 3 (+ 2)
mengambil riba dengan berlipat-lipat ganda, dan hendaklah kamu  \newline % Row Count 5 (+ 2)
bertaqwa kepada Allah supaya kamu berjaya").% Row Count 6 (+ 1)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Kesimpulan}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Islam telah mensyariatkan instrumen pemberian pinjaman  kewangan yang tidak membebankan pengguna menerusi prinsip alqard al-hasan. sebagai salah satu asas  dalam menggerakkan sistem ekonomi Islam yang bebas daripada  elemen riba.Jelaslah bahawa agama islam menitikberatkan tentang pengharaman riba dan jenis pinjaman yang sah disisi agama agar dapat mewujudkan negara yang bebas riba' dan aman serta dapat mewujudkan sesebuah negara agama islam yang harmoni.} \tn 
% Row Count 10 (+ 10)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Rukun al-Qard}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{1. Pemiutang (orang yang memberikan pinjaman)} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{*(a) Seorang ahli tabarru':yang boleh menguruskan harta.} \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{3.} \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{8.4cm}}{4.} \tn 
% Row Count 5 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{8.4cm}}{\bf\textcolor{white}{Definisin al-qard}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{8.4cm}}{Al-qard dari segi bahasa bermaksud al-qat'u (potong).} \tn 
% Row Count 2 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}