Send html/css template by email with Laravel
<p>I made a form to send email on a website built on Laravel. It used to work without problems, but then I added an html/css template to the email. The user should receive an html/css template in the email, but is receiving only text.</p>

<p>This is my send function </p>

<pre><code>    public function sendmail(Request $request)
    {
        $str = preg_replace('/\s\s+/', ' ', $request-&gt;emails);
        $arr=explode(" ", $str);
        $emails = array_slice($arr, 1, -1);
        $subject = $request-&gt;subject;
        $body = $request-&gt;body;

        $sent = 0;
        $declined = 0;
        $decEmails=[];

        $send = 0;
        $declined = 0;

        foreach($emails as $email)
        {
           $send = Mail::send(['html' =&gt; 'pages.sendemail'],['subject'=&gt;$subject, 'body'=&gt;$body], function($message) use ($email, $subject)
            {
                $message-&gt;to($email)-&gt;subject($subject);
            });
           if( $send == 1 )
            {
                $sent++;
            }
            else
            {
                array_push($decEmails, $email);
                $declined++;                
            }
        }

        return view('sent', compact('sent','declined','decEmails') );
}
</code></pre>

<p>and this is my view</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
 &lt;title&gt;Ebay Georgia&lt;/title&gt;  
 &lt;!--&lt;link type="image/x-icon" rel="icon" href="images/icon.ico"&gt;--&gt;
 &lt;meta charset="utf-8" /&gt; 
 &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; 
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
 &lt;meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /&gt;
&lt;script&gt;
 document.createElement("header"); 
 document.createElement("nav");
 document.createElement("footer");
 document.createElement("section")
&lt;/script&gt;
&lt;style&gt;
*{ margin:0; padding:0}
html, body{width:100%; min-height:100%;}
a{ text-decoration:none;}
li{ list-style-type:none;}
img{border:0;}
@font-face {
 font-family: 'Conv_BPG DejaVu Sans ExtraLight 2012';
 src: url('fonts/BPG DejaVu Sans ExtraLight 2012.eot');
 src: local('☺'), url('fonts/BPG DejaVu Sans ExtraLight 2012.ttf') format('truetype'), url('../fonts/BPG DejaVu Sans ExtraLight 2012.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_BPG DejaVu Sans ExtraLight Caps 2012';
 src: url('fonts/BPG DejaVu Sans ExtraLight Caps 2012.eot');
 src: local('☺'), url('fonts/BPG DejaVu Sans ExtraLight Caps 2012.ttf') format('truetype'), url('../fonts/BPG DejaVu Sans ExtraLight Caps 2012.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*main css*/
#wrapper{
 width:92%;
 max-width:600px;
 padding:29px 4% 10px 4%;
 background:#1c75d7 url(../images/corner.png) no-repeat right bottom;
 background-size:auto 100%;
 margin:50px auto; 
}
#maincContent{
 -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.24);
 -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.24);
 box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.24);
 background-color:#fff;
 margin-bottom:13px;
 position:relative;
 clear:both;
 overflow:hidden;
 border-bottom-right-radius:40px;
}
#head{
 width:92%;
 max-width:550px;
 margin:25px auto;
}
#head h1{
 width:94px;
 height:47px;
 margin:25px 5.45%; 

}
#head h1 a{
 display:block;
 text-indent:-9999px;
 width:100%;
 height:100%;
 background: url(../images/logo.png) no-repeat center center; 
}
#content{
 width:92%;
 max-width:550px;
 margin:25px auto;
}
#content h2{
 color:#5c5c5c;
 font-size:15px; 
 margin-bottom:20px;
 font-family: 'Conv_BPG DejaVu Sans ExtraLight 2012';
 margin:0px 5.45% 25px 5.45%; 
}
#content .parpagraph{
 color:#5c5c5c;
 font-size:15px; 
 margin-bottom:20px;
 font-family: 'Conv_BPG DejaVu Sans ExtraLight 2012';
 font-weight:600;
 margin:0px 5.45% 25px 5.45%;
}
#content .parpagraphGreen{
 color:#86b817;
 font-size:14px; 
 margin-bottom:20px;
 font-family: 'Conv_BPG DejaVu Sans ExtraLight Caps 2012';
 font-weight:600;
 margin:0px 5.45% 44px 5.45%;
}
#content img{
 display:block;
 margin:0px 5.45% 60px 5.45%; 
}
#maincContent::after {
    content: "";
  position: absolute;
  z-index:2;
  bottom: 0;
  right: 0%;
  width: 0px;
  height: 0px;
  border-top:35px solid #dbdbdb;
  border-right: 35px solid #dbdbdb;
#footer{
 width:92%;
 max-width:550px;
 margin:0 auto;
}
#footer ul{
 margin-left:7%;
 overflow:hidden; 
}
#footer ul li{
 display:inline-block;
 float:left;
 width: 31px;
 height:35px;
 margin-right:2%;
}
#footer ul li a{
 display:block;
 width:100%;
 height:100%;
 text-indent:-9999px; 
 margin-bottom:8px;
}
#footer ul li a.mail{
 background:url(../images/mail.png) no-repeat center center;
}
#footer ul li a.fb{
 background:url(../images/fb.png) no-repeat center center;
}
#footer ul li a.link{
 background:url(../images/link.png) no-repeat center center;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;section id="wrapper"&gt;&lt;!--id="wrapper"--&gt;
     &lt;section id="maincContent"&gt;&lt;!--id="maincContent"--&gt;
         &lt;header id="head"&gt;&lt;!--header--&gt;
          &lt;h1&gt;&lt;a href="index.html" target="_blank"&gt;Ebay Georgia&lt;/a&gt;&lt;/h1&gt;           
         &lt;/header&gt;&lt;!--End of header--&gt;
         &lt;section id="content"&gt;&lt;!--id="content"--&gt;
                &lt;h2&gt; {!! $subject !!}&lt;/h2&gt;
                &lt;div class="parpagraph"&gt;
                {!! $body !!}     
                &lt;/div&gt;&lt;br&gt;
                &lt;div class="parpagraphGreen"&gt;
                 მადლობა ჩვენი სერვისით სარგებლობისთვის.
                &lt;/div&gt;
                &lt;img src="../images/line.png" alt="#" /&gt;
             &lt;/section&gt;&lt;!--End of id="content"--&gt;
           
        &lt;/section&gt;&lt;!--En dof id="maincContent"--&gt;
        &lt;footer id="footer"&gt;&lt;!--id="footer"--&gt;
         &lt;ul&gt;
             &lt;li&gt;&lt;a href="#" target="_blank"  class="mail"&gt;mail&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#" target="_blank" class="fb"&gt;facebook&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#" target="_blank" class="link"&gt;link&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/footer&gt;&lt;!--End of id="footer"--&gt;
    &lt;/section&gt;&lt;!--End of id="wrapper"--&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>