\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{taufiq qusairi}
\pdfinfo{
  /Title (taufiq-sanan.pdf)
  /Creator (Cheatography)
  /Author (taufiq qusairi)
  /Subject (taufiq sanan 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}{A3A3A3}
\definecolor{LightBackground}{HTML}{F3F3F3}
\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{taufiq sanan Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{taufiq qusairi} via \textcolor{DarkBackground}{\uline{cheatography.com/123671/cs/23514/}}}
\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}taufiq qusairi \\
  \uline{cheatography.com/taufiq-qusairi} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 25th 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}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{Pengenalan}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Waqaf merupakan satu amalan yang disyariatkan oleh Islam kerana dapat membantu sesama insan yang memerlukan serta dapat dijadikan ibadat. Ia juga dikenali sebagai sedekah muhmarat menurut Imam Syafie. Menurut Imam Syarbini dan Imam Ramli, waqaf ialah terhalangnya harta yang boleh dimanfaatkan daripada harta tersebut dengan mengekalkan zat serta hilang pengawasan terhadap harta itu atas tindakan yang diharuskan.} \tn 
% Row Count 9 (+ 9)
\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}{Pendekatan kontrak musaqah}}  \tn
% Row 0
\SetRowColor{LightBackground}
1. Membangunkan tanah waqaf bagi memberi peluang pekerjaan kepada golongan miskin untuk tujuan perladangan. & 2. Musaqah merupakan kerjasama pengurusan dalam pertanian dan dari segi bahasa bererti saling menyiram. Dari segi syara' ianya bermaksud satu kontrak penyerahan tanaman kepada orang yang akan menguruskannya dengan agihan hasil. \tn 
% Row Count 12 (+ 12)
% Row 1
\SetRowColor{white}
3. Kontrak Musaqah bersesuaian dengan institusi waqaf di Malaysia kerana dapat membangunkan tanah-tanah waqaf terbiar sekaligus dapat membantu golongan miskin untuk menjana hasil pendapatan dari aspek pertanian. & 4. Hasil penggunaan kontrak ini dapat diagihkan berdasarkan faktor agihan sumber kepada golongan miskin yang sihat tubuh badan dan sempurna fizikal untuk bekerja. \tn 
% Row Count 23 (+ 11)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{5. Kontrak Musaqah ini secara tidak langsung dapat mewujudkan persekitaran yang harmoni dan dapat memupuk semangat ingin bekerja dalam kalangan orang miskin.} \tn 
% Row Count 27 (+ 4)
\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 musaqah}}  \tn
% Row 0
\SetRowColor{LightBackground}
1. kedua pihak yang berkontrak - Kontrak seseorang perlulah berurusan dengan orang yang berakal dan baligh & 2. Objek Musaqah - Imam Syafie mensyaratkan buah kurma dan anggur. Ulama' Hanbali melihat kepada pohon buah yang mana pengurusnya dapat mendapat bahagian daripada hasil buah pohon yang diuruskan. Imam Malik pula Musaqah boleh dilakukan untuk semua tumbuhan yang memiliki batang walaupun darurat. \tn 
% Row Count 15 (+ 15)
% Row 1
\SetRowColor{white}
3. Buah - Imam Syafie dan Hanbali sepakat bahawa kontrak Musaqah dikira sah apabila pohonnya mulai berbuah walaupun belum masak namun boleh terbatal sekiranya pengurusan pokok sejak kecil jika dilakukan kedua belah pihak. & 4. Kerja  - Pengurus diberi kuasa mutlak ke atas kerja tersebut dan memberi ruang kepada pengurus tentang cara pengurusannya. \tn 
% Row Count 27 (+ 12)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{5. Ijab Dan Qabul - Ulama' Syafie berpendapat bahawa ungkapan sewa tidak boleh digunakan dalam kontrak Musaqah kerana ungkapan sewa jelas berbeza dengan ungkapan kontrak lain.} \tn 
% Row Count 31 (+ 4)
\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}{Operasi musaqah dalam pembangunan wakaf pertanian}}  \tn
% Row 0
\SetRowColor{LightBackground}
1. Pengumpulan modal dibuat melalui orang ramai dengan membuat kutipan waqaf dan sumbangan saham waqaf pokok. & 2. Pihak majlis agama dan pihak berkuasa menapis golongan miskin yang layak bekerja dari segi mental dan fizikal tubuh badan \tn 
% Row Count 7 (+ 7)
% Row 1
\SetRowColor{white}
3. Pihak majlis agama menyediakan tanah yang boleh digunakan oleh golongan miskin untuk dibangunkan selain memberi sejumlah modal untuk proses tanaman dari permulaan sehingga proses akhir bagi memudahkan urusan pertanian. & 4. Pengusaha menguruskan adang tersebut dari sudut penjagaan seperti meracun, membaja dan sebagainya sehingga buah tersebut boleh dituai dan dijual. \tn 
% Row Count 19 (+ 12)
% Row 2
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{5. Setelah buah dijual, hasil perlulah diagihkan di antara pengusaha dan pihak berkuasa berdasarkan persetujuan awal kontrak.} \tn 
% Row Count 22 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{p{0.4977 cm} p{0.4977 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{5.377cm}}{\bf\textcolor{white}{kesimpulan}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{5.377cm}}{Waqaf merupakan instrumen yang penting dalam memacu pembangunan sosial ekonomi umat Islam dan negara kita. Selain itu, konsep Musaqah dapat mengurangkan golongan miskin sekaligus meningkatkan ekonomi negara terutamanya dalam bidang ekonomi.} \tn 
% Row Count 5 (+ 5)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}