Heading 1

<h1> Heading 1</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>
<h4> Heading 4</h4>
<h5> Heading 5</h5>
<h6> Heading 6</h6>

Paragraphs

This is a paragraph text. Following text are dummy copy text. Donec feugiat lorem dolor, eu fringilla urna tincidunt quis. In vitae dignissim lectus. Maecenas varius libero non metus rhoncus sagittis. Proin posuere iaculis auctor. Vivamus orci lorem, sollicitudin at convallis in, feugiat eget felis. Integer maximus, metus sit amet imperdiet semper, erat felis vulputate odio, nec malesuada metus.

<p>Your paragraph text goes here.</p>

Lead Paragraph and Drop cap

Make a paragraph stand out by adding.lead and for drop cap, use.dropcap class.

Aliquam a fermentum tortor, nec fringilla eros. Donec molestie lorem elit, eget eleifend neque dignissim nec. Suspendisse ullamcorper dapibus dolor eget auctor. Etiam tempor dui nec eros blandit tincidunt.

Curabitur ut sapien pretium nulla porttitor porta sit amet eu neque. Nunc nec erat odio. Praesent tristique pulvinar erat, quis cursus sem ultricies sed. Suspendisse ullamcorper dapibus dolor eget auctor. Ut quis egestas nibh. Aliquam a fermentum tortor, nec fringilla eros. Donec molestie lorem elit, eget eleifend neque dignissim nec. Etiam tempor dui nec eros blandit tincidunt.

PHP - AJAX form

Baikal has a built-in universal php-ajax form that can grab dynamic amounts of inputs and send it to any given email address. To make the form work, simply add the class .zform like <form class="zform">.

You can also specify where to send the data via an hidden input:

<input type="hidden" name="to" value="username@domain.extension">

See the sample code under the form bellow for better understanding.

Maps

<div class="googlemap" data-latlng="48.8583701,2.2922873,17" data-scrollwheel="false" data-icon="assets/images/map-marker.png" data-zoom="15" data-theme="Default" style="height: 400px;">
  <div class="py-3">
    <h5 class="fs-0">Eiffel Tower</h5>
    <p class="fs--1 mb-0">Gustave Eiffel's iconic,<br>wrought-iron 1889 tower<br>with steps and elevators<br>to observation decks.</p>
  </div>
</div>
<h5 class="mt-4 mb-3">HTML</h5>

Javascript

<script src="assets/js/googlemap.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&amp;callback=initMap"></script>

Map color schemes

Change the value of data-theme to any of the followings

• Default
• Gray
• Midnight
• Hopper
• Beard
• AssassianCreed
• SubtleGray

Colors