# How to create a Fancy Notes-Box in half of the Page along with text

I can draw the following type of Notes-Box:

Can someone please suggest me how to draw this type of Notes-Box:

The second one is different from the first one in 2 ways:

• We can add text below the picture (In the first one, picture occupies the left frame completely)

• The second box does not cover the entire space. We can write text on Left side as well.

Thanks.

You can use a minipage inside a \fcolorbox; the wrapfigure environment from the wrapfig package can be used to let the text wrap around the box; inside the minipage, the positioning for the image and the title can be achieved using, for example, \parboxes. In the following example I defined a new environment mybox with the help of the environ package; the mandatory argument is used for the title of the box:

\documentclass{article}
\usepackage[verbose]{wrapfig}
\usepackage{bclogo}
\usepackage{environ}
\usepackage{lipsum}

\NewEnviron{mybox}[1]
{\wrapfigure{r}{.5\textwidth}
\setlength\fboxrule{1.5pt}
\fcolorbox{blue!70}{white}{%
\begin{minipage}{\dimexpr\linewidth-2\fboxsep-2\fboxrule\relax}
\parbox[t][1cm][t]{1cm}{\bccrayon}%
\parbox[t][1cm][t]{\dimexpr\linewidth-1cm\relax}{\bfseries#1}
\BODY
\end{minipage}}%
\endwrapfigure}

\begin{document}

\begin{mybox}{The Title}
\lipsum[2]
\end{mybox}
\lipsum[1-3]
\end{document}


Since the environment uses the wrapfig package, the idiosyncrasies of wrapfig apply here too (refer to the package documentation for details).
{"extraction_info": {"found_math": true, "script_math_tex": 0, "script_math_asciimath": 0, "math_annotations": 0, "math_alttext": 0, "mathml": 0, "mathjax_tag": 0, "mathjax_inline_tex": 0, "mathjax_display_tex": 0, "mathjax_asciimath": 1, "img_math": 0, "codecogs_latex": 0, "wp_latex": 0, "mimetex.cgi": 0, "/images/math/codecogs": 0, "mathtex.cgi": 0, "katex": 0, "math-container": 0, "wp-katex-eq": 0, "align": 0, "equation": 0, "x-ck12": 0, "texerror": 0, "math_score": 0.9642212390899658, "perplexity": 984.9214593464807}, "config": {"markdown_headings": true, "markdown_code": true, "boilerplate_config": {"ratio_threshold": 0.18, "absolute_threshold": 10, "end_threshold": 15, "enable": true}, "remove_buttons": true, "remove_image_figures": true, "remove_link_clusters": true, "table_config": {"min_rows": 2, "min_cols": 3, "format": "plain"}, "remove_chinese": true, "remove_edit_buttons": true, "extract_latex": true}, "warc_path": "s3://commoncrawl/crawl-data/CC-MAIN-2019-39/segments/1568514573735.34/warc/CC-MAIN-20190919204548-20190919230548-00050.warc.gz"}