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.
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">
Other reserved name
fields are: subject
, email
, name
See the sample code under the form bellow for better understanding.
Maps
Eiffel Tower
Gustave Eiffel's iconic,
wrought-iron 1889 tower
with steps and elevators
to observation decks.
HTML
<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&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
.text-primary
.bg-primary
.text-secondary
.bg-secondary
.text-success
.bg-success
.text-info
.bg-info
.text-warning
.bg-warning
.text-danger
.bg-danger
.text-dark
.bg-dark
.text-black
.bg-black
.text-1100
.bg-1100
.text-1000
.bg-1000
.text-900
.bg-900
.text-800
.bg-800
.text-700
.bg-700
.text-600
.bg-600
.text-500
.bg-500
.text-400
.bg-400
.text-300
.bg-300
.text-200
.bg-200
.text-100
.bg-100
.text-light
.bg-light
.text-white
.bg-white
459 BROADWAY, NEW YORK(212) 555-0123PLACEHOLDER@GMAIL.COM
Powered by ThemeWagon