full bootstrap 5 upgrade

themes/hellug-bootstrap/layouts/_default/meetups.html

@@ -3,15 +3,21 @@
 {{ partial "header.html" . }}
   <!-- Header End -->
 
-<div class="pagewrap">
-<div align="center" style="margin:4px;">
-{{ partial .Params.bannertemplate . }}
+<div class="container center mt-3 mb-3">
+  {{ if .Params.bannertemplate }}
+    {{ partial .Params.bannertemplate . }}
+  {{else}}
+    {{ partial "hellug-banner.html" . }}
+  {{end}}
 </div>
 
-<div id="column1">
-  {{ partial "breadcrump.html"}}
+{{ partial "breadcrump.html"}}
 
-  <h1 class="title">{{ .Title }}</h1>
+<main>
+<div class="container">
+        <div class="row">
+            <div class="col-md-9">
+  <h2 class="title">{{ .Title }}</h2>
   <span class="article-date">{{ dateFormat "02/01/2006" .Date }}</span><hr>
   <ul class="list-inline">
     {{ if .Params.meetupdate }}
@@ -24,17 +30,17 @@
     <li class="list-inline-item"><b>🏛</b> {{ .Params.meetuplocation }}</li>
     {{ end }}
   </ul>
-  <div id="content-area">
 
-  {{.Content}}
+  {{.Content | safeHTML }}
 
-  </div>
 </div>
 
     <!-- Column 2 start -->
 {{ partial "column2.html" . }}
     <!-- Column 2 end -->
 </div>
+</div>
+</main>
 <!-- Footer Start -->
 {{ partial "footer.html" . }}
 <!-- Footer End -->