Baikal is ideal for your

Business or
Organization

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
<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.

<p class="dropcap lead">
	Your paragraph goes here.
</p>
<p class="lead">
	Your paragraph goes here.
</p>

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 .zformlike <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"/>
Other reserved name fields are: subject, email, name

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

Maps

Tooltip title

A nice description about your place
Customize it as you want.

HTML
<div data-latlng="41.8333925,-88.0123393" data-scrollwheel="false" data-icon="assets/images/hotel-icon.png" data-zoom="15" data-theme="Default" style="min-height: 300px" class="googlemap">
	<div class="marker-content py-3">
		<h5>Tooltip title</h5>
		<p>A nice description about your place<br/>Customize it as you want.</p>
	</div>
</div>
JavaScript
<script src="assets/js/googlemap.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>
Map color schemes

Change the value ofdata-theme=''to any of the followings

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

Colors

.color-primary
.background-primary
.color-info
.background-info
.color-success
.background-success
.color-warning
.background-warning
.color-danger
.background-danger
.color-black
.background-black
.color-1
.background-1
.color-2
.background-2
.color-3
.background-3
.color-4
.background-4
.color-5
.background-5
.color-6
.background-6
.color-7
.background-7
.color-8
.background-8
.color-9
.background-9
.color-10
.background-10
.color-11
.background-11
.color-white
.background-white
459 broadway, new york(212) 555-0123placeholder@gmail.com

Powered by ThemeWagon