title: How to use a html page in here which seems to be bootstrap Laravel
body: <p>In here the &quot;Welcome to Webshooter&quot;-part <a href="https://imgur.com/IL4Hyg4" rel="nofollow noreferrer">https://imgur.com/IL4Hyg4</a>
  has this code: (dashboard.blade.php)</p>
  <pre><code>&lt;div class=&quot;col-sm-6 col-sm-offset-3&quot;&gt;
      &lt;div class=&quot;panel panel-primary&quot;&gt;
          &lt;div class=&quot;panel-heading&quot;&gt;
                  {{_('Welcome to Webshooter')}}
          &lt;/div&gt;
              &lt;div class=&quot;panel-body&quot;&gt;
              &lt;i class=&quot;fa fa-2x fa-wrench&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                  &lt;p&gt;Webshooter is a tool that facilitates the management of competitions for your association and you as a member.&lt;/p&gt;
                  &lt;p&gt;Our experience says that there are a few tools that are suitable for complete management of competitions, registered participants and result lists. Although local installations, spreadsheets of various formats and foreign web solutions satisfy basic needs, we are convinced that a common portal is the right solution.&lt;/p&gt;
                  &lt;p&gt;Webshooter development takes place on an ongoing basis in the order in which users request functions. No matter what you have on your mind that you want to share with us or that you are wondering about, we would like you to get in touch. We answer all questions and concerns that come to us!&lt;/p&gt;
                  &lt;h4&gt;We warmly welcome you!&lt;/h4&gt;
              &lt;/div&gt;
      &lt;/div&gt; 
      
  </code></pre>
  <p>It seems to be some sort of bootstrap-code.
  Now, I want to replace this with a HTML-page showing a map but how to do that?
  I want to keep the menu-bar to be able to chose from.
  It's a Laravel9 project.</p>
  <p>I have put this code into the page instead of the &quot;Welcome to Webshooter&quot;-part: (taken from here: <a href="http://bl.ocks.org/d3noob/7644920" rel="nofollow noreferrer">http://bl.ocks.org/d3noob/7644920</a>)</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Simple Leaflet Map&lt;/title&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://d19vzq90twjlae.cloudfront.net/leaflet-0.7/leaflet.css&quot; /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id=&quot;map&quot; style=&quot;width: 600px; height: 400px&quot;&gt;&lt;/div&gt;
  
      &lt;script src=&quot;https://d19vzq90twjlae.cloudfront.net/leaflet-0.7/leaflet.js&quot;&gt;
      &lt;/script&gt;
  
      &lt;script&gt;
          var map = L.map('map').setView([-41.2858, 174.78682], 14);
          mapLink = 
              '&lt;a href=&quot;http://openstreetmap.org&quot;&gt;OpenStreetMap&lt;/a&gt;';
          L.tileLayer(
              'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
              attribution: '&amp;copy; ' + mapLink + ' Contributors',
              maxZoom: 18,
              }).addTo(map);
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  But I'm getting no map. It looks that it reserve space for the map.
  It seems that the script's doesn't work for some reason.
  </code></pre>