Uxora v1.0


Welcome to the Uxora multipurpose HTML Template Documentation. Thank you so much for purchasing this template and for being my loyal customer. This documentation will guide you through every step of customizing and using the template effectively. Please go through the documentation carefully to understand its structure, features, and customization options and how to use this properly. If there is anything you cannot find in this document, you can send an e-mail via the Profile page.

Uxora – a versatile and feature-rich HTML template designed for multipurpose, multipage, and one-page websites. Whether you're building a corporate site, portfolio, agency, startup, or any other type of website, Uxora provides the flexibility and modern design you need to create a stunning online presence. With its clean, responsive, and well-structured layout, Uxora ensures seamless performance across all devices.

The template includes impressive pre-made web demos and stunning pre-made inner pages for each demo, allowing you to quickly set up a professional website with minimal effort. Built with HTML5, CSS3, and Bootstrap, Uxora makes customization effortless and development efficient. Whether you need a single-page scroll experience or a multi-page structured website, Uxora adapts to your needs.

Uxora in a Brief

Uxora - multipurpose HTML Template Documentation.
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 Uxora folder in there. You need to upload these files & folder to your hosting web server using FTP or cPanel in order to use it on your website.
  2. Below is the folder/files structure and needs to be uploaded to your website root directory:
    • Uxora/assets/css - Stylesheet files
    • Uxora/assets/css/remixicon.css - Icon/fonts files
    • Uxora/assets/fonts - Fonts files
    • Uxora/assets/images - Image files
    • Uxora/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.1.3 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>Uxora - Sass startup </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>

03Favicon Settings

Favicon Will be found in <head> section.

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

04Logo Settings

The Logo will be found in the <div class="brand-logo"> tag.


        <div class="brand-logo"><a href="index.html"><img src="assets/images/logo/logo-white.svg" alt="logo"></a></div>

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

05Color Schemes

It's easy to change the colours on your website. Simply use this short code to add your colour scheme to the assets/css/app.css file:

            :root {
                --heading-color: #181B0E;
                --accent-color: #0A23F4;
                --accent-bg: #0A23F4;
                --body-color: #A3BDFF;
                --white-color: #ffffff;
                --white-bg: #ffffff;
                --light-color: #F4F7EA;
                --light-color2: #EAEDE0;
            }

06Fonts Settings

In Uxora we use Syne & Inters font.
You can change both fonts form app.css Top: 


                <link href="https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">

07JavaScripts

Uxora comes with lots of helpful JavaScript plugins to make your website more user-friendly. These plugins add useful features for your website visitors. We built the JavaScript (JS) on a strong foundation using Object functions, making it sturdy and efficient. You can locate the JS plugin files in the js/ folder.

            <script type="text/javascript" src="js/main.js"></script>

Note - Make sure that JS Files are always loaded at the bottom of the Page as in the Default HTML Files.

08Credits

09Thanks

Once again thank you for purchasing one of our Templates

Best Regards

mthemeus