Valom - Business Consultancy HTML Template v1.0


First of all, thank you for purchasing the Valom HTML5 Template. You can find the detailed information about the template in this document. If there is anything you cannot find in this document, you can send an e-mail via the Profile page.

OVERVIEW

Valom - The Business Consultancy HTML Template designed exclusively for consulting firms, agencies, business strategists, and professional advisory services. Built with precision and elegance, Valom offers full responsiveness, ensuring a polished and professional appearance across all devices and screen sizes. This template provides a streamlined platform to showcase your consultancy expertise, services, and solutions, with thoughtfully crafted sections tailored to meet the needs of modern businesses in the consulting industry.

Rest assured, Valom is rigorously tested for flawless performance and compatibility across all major browsers, including Chrome, Firefox, Safari, and Edge. Its intuitive design, powered by Bootstrap 5.x, ensures effortless customization, allowing you to create a standout website that aligns perfectly with your brand identity.

If you're seeking a template that elevates your consultancy's online presence, fosters trust, and engages your audience effectively, Valom is your ultimate solution.

Dedicated Support

We provide a comprehensive support center to address all your needs, including detailed documentation and a responsive ticket system. Our team typically responds within 12–24 hours to ensure your queries are resolved promptly.

Valom currently features 5 stunning homepages, with future updates introducing additional layouts at no extra cost.

Main Features

  • Bootstrap 5.x Framework: Leverage the world's most popular responsive framework
  • 5 Modern Homepages + 20+ Inner Pages: Professionally designed layouts
  • Dark/Light Mode Switcher: Flexible viewing options
  • Pixel-Perfect Responsiveness: Optimized for all devices and retina-ready
  • Cross-Browser Compatibility: Chrome, Firefox, Safari, Edge
  • Lifetime Updates & Support: 6 months included (extendable)
  • W3C Validated Code: Clean and SEO-friendly structure
  • Google Mobile-Friendly Certified: Optimal performance guaranteed

What You Get

  • HTML template files
  • Detailed documentation

Note

Images shown are for demonstration only and are not included in the template download.

Valom is a HTML5 template, not a WordPress theme.

Valom is the ideal choice for consultancy professionals who value simplicity, professionalism, and adaptability. Empower your business with a digital presence that reflects your expertise - today and in the future.

Valom in a Brief

Valom Business Consultancy HTML Template
In download folder you will find Two folders:


Remember, when you want to use the shortCode/element in any pages you need to adjust the section spacing by giving margin or padding. Don't get panic if you messed up anything when you edit the template. We are always available to support our customer.

01Installation

Follow the steps below to setup your site template:

  1. Unzip the downloaded package and open the Template folder to find all the template files. You wil get Valom folder in there. You need to upload this folder to your hosting web server using FTP or cPanel in order to use it on your website. Without Live or Local server you may see something broken on your website. Because some plugin are not working without server.
  2. Below is the folder structure you will see in your website root directory:
    • Valom/assets/scss - Scss files
    • Valom/assets/css - Stylesheet files
    • Valom/assets/fonts - Icon/fonts files
    • Valom/assets/img - Image files
    • Valom/assets/js - JS files
  3. You need to upload all or specific HTML files as per your need.
  4. And now you are ready to go to generate your website with this awesome template.

02HTML Structure

We are used Bootstrap Latest Version v5.3.2 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.

    
        <!doctype html>
        <html class="no-js" lang="en">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="x-ua-compatible" content="ie=edge">
            <title>Valom - Business Consultancy HTML Template</title>
            <meta name="description" content="">
            <meta name="viewport" content="width=device-width, initial-scale=1">

            <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
            <!-- Place favicon.ico in the root directory -->

            <!-- CSS here -->
            <link rel="stylesheet" href="assets/css/.....">
            <link rel="stylesheet" href="assets/css/.....">
            <link rel="stylesheet" href="assets/css/....">
            <link rel="stylesheet" href="assets/css/...">
        </head>
        <body>



            <!-- header-area -->
            <header id="home">


            </header>
            <!-- header-area-end -->



            <!-- main-area -->
            <main class="main-area fix">

                <!-- All Section Here -->

            </main>
            <!-- main-area-end -->



            <!-- Footer-area -->
            <footer class="footer-area">

            </footer>
            <!-- Footer-area-end -->



            <!-- JS here -->
            <script src="assets/js/vendor/....."></script>
            <script src="assets/js/...."></script>
            <script src="assets/js/..."></script>
        </body>
        </html>

03All Pages

Introduce Valom All Pages

04Favicon Settings

Favicon Will be found in <head> section.

    
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

05Logo Settings

The Logo will be found in the <nav class="navbar"> tag.


        <div class="logo"><a href="index.html"><img src="img/logo/logo.svg" alt="logo"></a></div>

You can replace any .jpg .png .svg logo. And set the width according to your logo size.

06Fonts Settings

In Valom we use Inter & Exo font.
You can change both fonts form assets/scss/utils/_typography.scss file: 

        @import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

07Activeted PHP Contact Form

You can edit your form simply and quickly. Open mail.php from Valom folder and add your email into $recipient field


<?php

// Only process POST reqeusts.

if ($_SERVER["REQUEST_METHOD"] == "POST") {

// Get the form fields and remove MORALspace.
$name = strip_tags(trim($_POST["name"]));

$name = str_replace(array("\r","\n"),array(" "," "),$name);

$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);

$message = trim($_POST["message"]);


// Check that data was sent to the mailer.

if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {

// Set a 400 (bad request) response code and exit.

http_response_code(400);

echo "Please complete the form and try again.";

exit;

}

// Set the recipient email address.

// FIXME: Update this to your desired email address.

$recipient = "founder@stthemes.com";


?>

08CSS Structure

The main.css file contains all of the specific stylings for the page. The file is separated into sections using:

09JavaScripts

10Credits

11Thanks

Once again thank you for purchasing one of our Templates

Best Regards

Alithemes Team