\documentclass[oneside]{article}
\usepackage{calc}
\usepackage{lipsum}
\usepackage{graphicx}
\usepackage{marginnote}
\usepackage{marginfix}

\addtolength{\marginparwidth}{3cm}
\addtolength{\textwidth}{-3cm}

\newlength{\fullwidth}
\setlength{\fullwidth}{\textwidth+\marginparwidth+\marginparsep}

% Two different possibilities to define a wide environment.

\newenvironment{widetext}{%
  \par\hsize=\fullwidth \linewidth=\hsize \textwidth=\hsize \columnwidth=\hsize}%
  {\par}

  \newenvironment{wide}
  {\begin{list}{}{\setlength{\leftmargin}{0pt}\setlength{\rightmargin}{-\marginparwidth-\marginparsep}}\item\null}
  {\end{list}}

\newlength{\lefttextwidth}
\setlength{\lefttextwidth}{\textwidth}
\usepackage{paracol}
\setcolumnwidth{\lefttextwidth,\marginparwidth}
\newcommand{\twocols}[2]
{\begin{widetext}
    \begin{paracol}{2}%
      \switchcolumn[0]
        #1
        \switchcolumn[1]
        #2
      \switchcolumn*
  \end{paracol}
\end{widetext}}
    
\begin{document}
\section{Introduction}
\label{sec:introduction}

Some intro text

\marginnote{\includegraphics[width=\linewidth]{example-image}}
\lipsum[1]

\marginpar{\texttt{A marginpar.} \\
Nam dui ligula, fringilla a, euis- mod sodales, sollicitudin vel, wisi. Morbi auctor lorem non justo. Nam lacus libero, pretium at, lobortis vitae, ultricies et, tel- lus. Donec aliquet, tortor sed ac- cumsan bibendum, erat ligula ali- quet magna, vitae ornare odio me- tus a mi. Morbi ac orci et nisl hendrerit mollis.}
\textbf{With marginpar.} \lipsum[3]
\begin{widetext}
  \section{A heading spanning both ``columns'' using the \texttt{widetext} environment. This is some more filler text.}
\end{widetext}
\lipsum[4]\marginnote{Some more text in the margin positioned a bit upwards.}[-5\baselineskip]
\newpage
\begin{wide}
  \bfseries \Large Another heading spanning both ``columns''. Now using the \texttt{wide} environment. This is some more text.
\end{wide}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placerat ac, adipiscing vitae, felis. Curabitur dictum gravida mauris. Nam arcu libero, nonummy eget, consectetuer id, vulputate a, magna. Donec vehicula augue eu neque. Pellentesque habitant morbi tris- tique senectus et netus et malesuada fames ac turpis egestas. \marginpar{Mauris ut leo. Cras viverra metus rhoncus sem. Nulla et lectus vestibulum urna fringilla ultrices. Phasellus eu tellus sit amet tortor gravida placerat. Integer sapien est, iaculis in, pretium quis, viverra ac, nunc. Praesent eget sem vel leo ultrices bibendum. Aenean faucibus. Morbi dolor nulla, malesuada eu, pulvinar at, mollis ac, nulla. Curabitur auc- tor semper nulla. Donec varius orci eget risus. Duis nibh mi, congue eu, accumsan eleifend, sagittis quis, diam. Duis eget orci sit amet orci dignissim rutrum.}

Nam dui ligula, fringilla a, euismod sodales, sollicitudin vel, wisi. Morbi auctor lorem non justo. Nam lacus libero, pretium at, lobortis vitae, ultricies et, tellus. Donec aliquet, tortor sed accumsan bibendum, erat ligula aliquet magna, vitae ornare odio metus a mi. Morbi ac orci et nisl hendrerit mollis. Suspendisse ut massa. Cras nec ante. Pellentesque a nulla. Cum sociis natoque penatibus et magnis dis par- turient montes, nascetur ridiculus mus. Aliquam tincidunt urna. \marginpar{Nulla ullamcorper vestibulum turpis. Pellentesque cursus luctus mauris.}
Nulla malesuada porttitor diam. Donec felis erat, congue non, volutpat at, tincidunt tristique, libero. Vivamus viverra fermentum felis. Donec nonummy pellentesque ante. Phasel- lus adipiscing semper elit. Proin fermentum massa ac quam. Sed diam turpis, molestie vitae, placerat a, molestie nec, leo. Maecenas lacinia. Nam ipsum ligula, eleifend at, accumsan nec, suscipit a, ipsum. Morbi blandit ligula feugiat magna. Nunc eleifend consequat lorem. Sed lacinia nulla vitae enim. Pellentesque tincidunt purus vel magna. Integer non enim. Praesent euismod nunc eu purus. Donec bibendum quam in tellus. Nullam cursus pulvinar lectus. Donec et mi. Nam vulputate metus eu enim. Vestibulum pellentesque felis eu massa.
Quisque ullamcorper placerat ipsum. Cras nibh. Morbi vel justo vitae lacus tincidunt ultrices. Lorem ipsum do- lor sit amet, consectetuer adipiscing elit. In hac habitasse

\end{document}
