\documentclass{article}
\usepackage{fullpage}
\usepackage{parskip}
\usepackage{titlesec}
\usepackage{xcolor}
\usepackage[colorlinks = true,
            linkcolor = blue,
            urlcolor  = blue,
            citecolor = blue,
            anchorcolor = blue]{hyperref}
\usepackage[natbibapa]{apacite}
\usepackage{eso-pic}
\AddToShipoutPictureBG{\AtPageLowerLeft{\includegraphics[scale=0.7]{powered-by-Authorea-watermark.png}}}

\renewenvironment{abstract}
  {{\bfseries\noindent{\abstractname}\par\nobreak}\footnotesize}
  {\bigskip}

\titlespacing{\section}{0pt}{*3}{*1}
\titlespacing{\subsection}{0pt}{*2}{*0.5}
\titlespacing{\subsubsection}{0pt}{*1.5}{0pt}

\usepackage{authblk}

\usepackage{graphicx}
\usepackage[space]{grffile}
\usepackage{latexsym}
\usepackage{textcomp}
\usepackage{longtable}
\usepackage{tabulary}
\usepackage{booktabs,array,multirow}
\usepackage{amsfonts,amsmath,amssymb}
\providecommand\citet{\cite}
\providecommand\citep{\cite}
\providecommand\citealt{\cite}
% You can conditionalize code for latexml or normal latex using this.
\newif\iflatexml\latexmlfalse
\providecommand{\tightlist}{\setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}%

\AtBeginDocument{\DeclareGraphicsExtensions{.pdf,.PDF,.eps,.EPS,.png,.PNG,.tif,.TIF,.jpg,.JPG,.jpeg,.JPEG}}

\usepackage[utf8]{inputenc}
\usepackage[ngerman,english]{babel}



\begin{document}

\title{wordpress\_basic\_es\_01\_lezione02\_RebeccaGuzzo\\}


\author[ ]{Rebecca Guzzo}
\author[ ]{Camillo Frigeni}

\affil[ ]{}
\vspace{-1em}


\date{}

\begingroup
\let\center\flushleft
\let\endcenter\endflushleft
\maketitle
\endgroup




\textbf{ESERCIZIO\_01}\\

Il sito di cui mi sono occupata \selectlanguage{ngerman}è Wired.it\\

\emph{``La rivista tratta tematiche di carattere tecnologico e di come
queste influenzino la cultura, l'economia, la politica e la vita
quotidiana.''}\\

\emph{- \url{https://it.wikipedia.org/wiki/Wired}}\\\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=0.70\columnwidth]{figures/05/05}
\caption{{Homepage del sito uffuciale ~ ~ ~%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/01/01}
\caption{{Home page creata con Wordpress%
}}
\end{center}
\end{figure}



\par\null\par\null

Siccome la struttura della navigazione del sito web ufficiale \selectlanguage{ngerman}è molto
complicata e presenta più menu, mi sono concentrata su la voce
SELEZIONI, inserendo le seguenti CATEGORIE:

- Attualità;

- Mobile;

- Internet;

- Gadget;

- Lol;

- Play;

- Scienza;

- Economia;

- Lifestyle.

\par\null\par\null\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/02/02}
\caption{{Visualizzazione del menu a tendina con le categorie ( hover
personalizzato giallo ) ~ ~ ~ ~%
}}
\end{center}
\end{figure}

\par\null\par\null\par\null

Oltre a questa sezione ho creato 2 pagine statiche una voce REDAZIONE e
una SEARCH:

\par\null\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/03/03}
\caption{{\hypertarget{auto-label-caption-151339}{}
\emph{Pagina Redazione}
\hypertarget{auto-label-caption-698586}{}
\hypertarget{auto-label-caption-709368}{}
\emph{}
\hypertarget{auto-label-caption-690461}{}
\hypertarget{auto-label-caption-808205}{}%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/04/04}
\caption{{Pagina Search%
}}
\end{center}
\end{figure}

Per ogni categoria del menu ho realizzato un articolo:\\\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/07/07}
\caption{{Internet ~ ~ ~
~%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/08/08}
\caption{{Gadget ~
~ ~ ~%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/09/09}
\caption{{\emph{Mobile}
\emph{}%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/10/10}
\caption{{Scienza%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/11/11}
\caption{{Economia ~ ~ ~ ~%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/12/12}
\caption{{Lifestyle
~ ~ ~ ~%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/13/13}
\caption{{Play
~ ~ ~ ~%
}}
\end{center}
\end{figure}\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=1.00\columnwidth]{figures/06/06}
\caption{\selectlanguage{ngerman}{\hypertarget{auto-label-caption-216819}{}
attualità%
}}
\end{center}
\end{figure}\selectlanguage{ngerman}

Nella pagina di personalizzazione del sito ho caricato la Favicon
ufficiale di wired, riprendendo anche il motto ufficiale

\par\null\selectlanguage{english}
\begin{figure}[h!]
\begin{center}
\includegraphics[width=0.70\columnwidth]{figures/14/14}
\caption{{Wired - Un mondo migliore. Un mondo nuovo. Ogni giorno. ~ ~%
}}
\end{center}
\end{figure}

\selectlanguage{english}
\FloatBarrier
\end{document}

