Bulma v9 website (#3249)

* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute

docs/alternative-to-bootstrap.html

@@ -1,6 +1,6 @@
 ---
 fulltitle: "Bulma: an alternative to Bootstrap"
-layout: more
+layout: default
 breadcrumb:
 - home
 - more
@@ -56,12 +56,23 @@ bootstrap:
   content: "Bulma has introduced some support for accessibility, but Bootstrap has strong and pervasive compatibility with **WCAG 2.0** guidelines."
 ---
 
-<div class="bd-bootstrap-message notification is-radiusless">
-  <h2 class="subtitle">
-    Both Bulma and Bootstrap are <strong>CSS frameworks</strong> that allow developers to quickly <strong>build web interfaces</strong> with ease. While they have fairly similar features, they still differ in some ways, and you might wonder why you should choose one framework over the other. This page is here to help answer that.
-  </h2>
-</div>
+{% include global/navbar.html id="AlternativeToBootstrap" %}
 
+{%
+  include components/hero.html
+  color="bootstrap"
+  icon="fas fa-exchange-alt"
+  title="Bulma: an **alternative** to Bootstrap"
+  subtitle="See how Bulma can replace your Bootstrap setup"
+%}
+
+{%
+  include components/call.html
+  color="primary"
+  text='Both Bulma and Bootstrap are <strong>CSS frameworks</strong> that allow developers to quickly <strong>build web interfaces</strong> with ease. While they have fairly similar features, they still differ in some ways, and you might wonder why you should choose one framework over the other. This page is here to help answer that.'
+%}
+
+<div class="container">
 <div class="bd-bootstrap-table">
   <div class="columns is-desktop">
     <div class="column is-half-desktop">
@@ -135,3 +146,4 @@ bootstrap:
     </tbody>
   </table>
 </div>
+</div>