\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{Nurr Syazanaa}
\pdfinfo{
  /Title (fiqh-muamalat-bay-al-salam.pdf)
  /Creator (Cheatography)
  /Author (Nurr Syazanaa)
  /Subject (Fiqh Muamalat Bay' Al Salam 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}{1AA383}
\definecolor{LightBackground}{HTML}{F0F9F7}
\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{Fiqh Muamalat Bay' Al Salam Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{Nurr Syazanaa} via \textcolor{DarkBackground}{\uline{cheatography.com/146222/cs/31591/}}}
\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}Nurr Syazanaa \\
  \uline{cheatography.com/nurr-syazanaa} \\
  \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 9th 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*}{3}

\begin{tabularx}{5.377cm}{x{1.74195 cm} x{3.23505 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{Dari Segi Bahasa:}} & Al-Salam ialah al-Salaf yang bermaksud al-taqdim iaitu {\emph{pendahuluan atau mendahulukan.}} Di dalam kitab al-Fiqh 'ala Mazahib al-'Arba'ah menyatakan al-Salam ialah bahasa penduduk Hijjaz manakala al-Salaf ialah bahasa penduduk Iraq. \tn 
% Row Count 10 (+ 10)
% Row 1
\SetRowColor{white}
{\bf{Dari Segi Istilah:}} & Menjual sesuatu barang yang bertangguh dengan yang segera, ataupun menjual suatu yang disifatkan dalam tanggungan iaitu dengan mendahulukan bayarannya dan menangguhkan barangan untuk ke suatu tempoh tertentu. Dengan perkataan lain, menyerahkan tukaran yang ada untuk tukaran yang ditetapkan sifatnya dalam tanggungan sehingga ke suatu tempoh tertentu. \tn 
% Row Count 24 (+ 14)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{DALIL AL-QURAN BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{Dalil yang dipetik melalui ayat al-quran adalah seperti yang berikut. Firman Allah SWT:}}} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{يَا أََيُّهَا الَّذِينَ اَمَنُوا إِذَا \seqsplit{تَدَايَنْتُمْ} بِدَيْنٍ إِلَى أَجَلٍ مُسَمَّى فَاكْتُبُوهز} \tn 
% Row Count 6 (+ 4)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{"Wahai orang-orang yang beriman,apabila kamu berhutang untuk waktu yang ditentukan maka hendaklah kamu menulisnya."} \tn 
% Row Count 9 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{DALIL AL-SUNNAH BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{Dalil al-sunnah yang memperkatakan mengenai al-salam:}}} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{حدثنا عن إبن عباس, قال: قدم رسول الله صلى الله عليه وسلم المدينة, وهم يسلفون في الثمار, السنة والسنتين, فقال: ((من اسلف في تمر, فاليسلف في كيل معلوم ووزن معلوم إلى أجل مسمى))} \tn 
% Row Count 9 (+ 7)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{Dikhabarkan kepada kami oleh Ibn Abbas RA,katanya semasa Nabi Muhammad SAW datang ke Madinah nabi mendapati orang-orang Islam di sini menempah atau mengeluar buah-buahan semasa setahun ataupun dua tahun iaitu mereka membayar tunai harganya untuk memperoleh buah-buahan selepas setahun ataupun dua tahun. Maka nabi bersabda: "Sesiapa yang ingin menempah atau mengedar,hendaklah dia mengikut sukatan tertentu,timbangan tertentu dan tempoh tertentu.} \tn 
% Row Count 19 (+ 10)
\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}{RUKUN BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{Al-Aaqidaan (العاقدان):}} & Pihak yang mengikat perjanjian, mereka terdiri dari pembeli dan penjual. \tn 
% Row Count 4 (+ 4)
% Row 1
\SetRowColor{white}
{\bf{Al-Sighah (الصيغة):}} & {\emph{Ijab}} (الإيجاب : Penawaran) dan {\emph{qabul}} (القبول : Persetujuan). \tn 
% Row Count 8 (+ 4)
% Row 2
\SetRowColor{LightBackground}
{\bf{Ra's al-Maal (رأس المال):}} & Modal atau harga. \tn 
% Row Count 10 (+ 2)
% Row 3
\SetRowColor{white}
 & {\emph{- Kadar dan bentuk pembayaran mestilah diketahui oleh kedua-dua pihak.}} \tn 
% Row Count 14 (+ 4)
% Row 4
\SetRowColor{LightBackground}
 & {\emph{- Penyerahan dan penerimaan modal sebagai motif dalam jual salam perlulah dilakukan semasa akad.}} \tn 
% Row Count 19 (+ 5)
% Row 5
\SetRowColor{white}
{\bf{Al-Muslam fih (المسلم فيه):}} & Barang yang ditempah. \tn 
% Row Count 21 (+ 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}{SYARAT BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{i.}} Barang-barang tersebut mestilah boleh dinyatakan sifat-sifatnya dan ciri-cirinya.} \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{ii.}} Barangan tersebut mestilah dikenalpasti jenis,kuantiti dan sifat oleh kedua-dua pihak.} \tn 
% Row Count 4 (+ 2)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{iii.}} Barang tersebut tidak dicampuradukkan dengan barang lain yang berlainan jenis.} \tn 
% Row Count 6 (+ 2)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{iv.}} Barangan tersebut mestilah berstatuskan hutang dan hanya dinyatakan sifat tanpa merujuk barang tersebut.} \tn 
% Row Count 9 (+ 3)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{v.}} Barangan tersebut mampu diserahkan.} \tn 
% Row Count 10 (+ 1)
% Row 5
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{vi.}} Tempoh penyerahan perlu ditetapkan.} \tn 
% Row Count 11 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{vii.}} Tempat penyerahan perlu ditentukan.} \tn 
% Row Count 12 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{APLIKASI SEMASA BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{1) Pembiayaan Salam Secara Campuran (Hybrid).}}} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\emph{- Kenal Pasti Penjual.}}} \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\emph{- Permohonan Dan Janji.}}} \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\emph{- Bay' Al-Salam.}}} \tn 
% Row Count 4 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\emph{- Jual Bayaran Tangguh (Muajjal).}}} \tn 
% Row Count 5 (+ 1)
% Row 5
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{2) Produk Al-Salam Sebagai Pembiayaan Modal Kerja (Working Capital).}}} \tn 
% Row Count 7 (+ 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}{KESIMPULAN BAY' AL-SALAM}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{● Jual beli Al-Salam atau Bay Al-Salam adalah {\emph{salah satu cara jual beli yang dibenarkan di dalam Islam.}}} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{● Dalam jual beli Al-Salam, Islam telah {\emph{menetapkan beberapa peraturan-peraturan yang perlu dipenuhi.}}} \tn 
% Row Count 6 (+ 3)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{● Islam mendatangkan {\emph{lima tujuan utama}} untuk memeliharanya:} \tn 
% Row Count 8 (+ 2)
% Row 3
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{1) Memelihara Agama (الدين حفظ).}}} \tn 
% Row Count 9 (+ 1)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{2) Memelihara Diri (حفظ النفس).}}} \tn 
% Row Count 10 (+ 1)
% Row 5
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{3) Memelihara Akal (حفظ العقل).}}} \tn 
% Row Count 11 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{{\bf{4) Memelihara Keturunan (حفظ النسْل).}}} \tn 
% Row Count 12 (+ 1)
% Row 7
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{{\bf{5) Memelihara Harta (حفظ المال).}}} \tn 
% Row Count 13 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}