\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{lachy}
\pdfinfo{
  /Title (protractor.pdf)
  /Creator (Cheatography)
  /Author (lachy)
  /Subject (Protractor 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{Protractor Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{lachy} via \textcolor{DarkBackground}{\uline{cheatography.com/20131/cs/2968/}}}
\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}lachy \\
  \uline{cheatography.com/lachy} \\
  \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 13th May, 2016.\\
   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}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Element Selectors}}  \tn
\SetRowColor{LightBackground}
\mymulticolumn{1}{x{5.377cm}}{protractor.By \newline protractor.By.binding \newline protractor.By.select \newline protractor.By.selectedOption \newline protractor.By.input \newline protractor.By.repeater \newline protractor.By.className \newline protractor.By.class name \newline protractor.By.css \newline protractor.By.id \newline protractor.By.js \newline protractor.By.linkText \newline protractor.By.link text \newline protractor.By.name \newline protractor.By.partialLinkText \newline protractor.By.partial link text \newline protractor.By.tagName \newline protractor.By.tag name \newline protractor.By.xpath} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Browser Commands}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{browser.controlFlow \newline % Row Count 1 (+ 1)
browser.schedule \newline % Row Count 2 (+ 1)
browser.getSession \newline % Row Count 3 (+ 1)
browser.getCapability \newline % Row Count 4 (+ 1)
browser.quit \newline % Row Count 5 (+ 1)
browser.actions \newline % Row Count 6 (+ 1)
browser.executeScript \newline % Row Count 7 (+ 1)
\seqsplit{browser.executeAsyncScript} \newline % Row Count 8 (+ 1)
browser.call \newline % Row Count 9 (+ 1)
browser.wait \newline % Row Count 10 (+ 1)
browser.sleep \newline % Row Count 11 (+ 1)
browser.getWindowHandle \newline % Row Count 12 (+ 1)
\seqsplit{browser.getAllWindowHandles} \newline % Row Count 13 (+ 1)
browser.getPageSource \newline % Row Count 14 (+ 1)
browser.close \newline % Row Count 15 (+ 1)
browser.getCurrentUrl \newline % Row Count 16 (+ 1)
browser.getTitle \newline % Row Count 17 (+ 1)
browser.findDomElement\_ \newline % Row Count 18 (+ 1)
browser.isElementPresent \newline % Row Count 19 (+ 1)
browser.takeScreenshot \newline % Row Count 20 (+ 1)
browser.manage \newline % Row Count 21 (+ 1)
browser.navigate \newline % Row Count 22 (+ 1)
browser.switchTo \newline % Row Count 23 (+ 1)
browser.driver \newline % Row Count 24 (+ 1)
browser.baseUrl \newline % Row Count 25 (+ 1)
browser.moduleNames\_ \newline % Row Count 26 (+ 1)
browser.moduleScripts\_ \newline % Row Count 27 (+ 1)
browser.waitForAngular \newline % Row Count 28 (+ 1)
browser.findElement \newline % Row Count 29 (+ 1)
browser.findElements \newline % Row Count 30 (+ 1)
} \tn 
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{X}
\SetRowColor{DarkBackground}
\mymulticolumn{1}{x{5.377cm}}{\bf\textcolor{white}{Browser Commands (cont)}}  \tn
\SetRowColor{white}
\mymulticolumn{1}{x{5.377cm}}{browser.addMockModule \newline % Row Count 1 (+ 1)
browser.clearMockModules \newline % Row Count 2 (+ 1)
browser.get% Row Count 3 (+ 1)
} \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}-}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}