Documentation v.1.2

Created: 12-02-2021

Start

Thank you for purchasing Mireya.

We hope you will find all answers to your questions in this Documentation.
However, if you still need support, please, go to your envato profile and use this form to send a message or drop us a line to mail address shown above. We are happy to answer shortly.

We appreciate, if you will have few minutes for rating. Please log in to your themeforest account and leave a rating in your Downloads section. Many thanks!

Overview

Mireya is a multipurpose, 100% responsive, modern and clean premium template built with HTML5, CSS3, jQuery using Bootstrap4 so looks great on any device. Can be suitable for architecture, interior design, photographer or any portfolio related project. With the help of Mireya you can present your portfolio on a modern and impressive way.

  • html main folder
    • css folder of stylesheets
    • img folder of images
    • js folder of JavaScripts
  • documentation

Important

Page transitions and php script (email sending) work only when your project is hosted on a server.

HTML structure

The HTML structure is divided by separate areas shown below.

HTML structure
Allow special characters on the HTML form

The input on the HTML form can be managed by patterns. You can allow or block special characters. The following code can be found in index html files at the end of the input fields. If you need special characters add them like in example below or simply delete the whole data-parsley-pattern="^[A-Za-z\s]+$" element. Put or remove the "required" keyword at the end of the input tags if you want to manage the input field to be or not to be required.

  • data-parsley-pattern="^[ÁÉÚŐÓA-Za-z\s]+$" required input WITH special characters
  • data-parsley-pattern="^[A-Za-z\s]+$" required input WITHOUT special characters
  • data-parsley-pattern="^[A-Za-z\s]+$" this input is NOT required input

CSS structure

CSS code which is responsible for the look and feel can be found in css folder. These files are containing the separate color variations:

  • style-light.css Light style
  • style-dark.css Dark style

The structure is the same in css files above.

/* ======= Mireya Style Structure =======

1. Common
    - Defaults
    - Text
    - Background Canvas
    - Cursor and Trigers
    - Buttons
    - Space
2. Frame
    - App Markup
    - Menu Button
    - Menu
    - Frame after 768px
    - Frame after 550px
4. Content
    - Backgrounds
    - Titles
    - Slider Project
    - Slider Project after 992px
    - Slider Project after 768px
    - Slider Navigation
    - Slider Navigation  after 768px
    - Slider Navigation  after 590px
    - Scroll Hint
    - Slider Arrows
    - Video
    - Team
    - Testimonials
    - Blog Pagination
    - Contact
    - Contact after 768px
    - Quote
    - Footer
    - Footer after 768px
4. Portfolio
    - Filter
    - Work item
    - Sizes
    - Grid    
    - Grid after 992px
    - Grid after 768px
5. Custom
    - Swiper
    - Mapbox
    - Fancybox
    - Smooth Scrollbar

6. Form Validation

7. Success Submit

================================= */
Change style

If you want to change the style from light to dark the following has to be changed.

<!DOCTYPE html>
<html lang="en">
<head>    
    ...
    /* ======= main css ======= */
    <link type="text/css" rel="stylesheet" href="css/style-light.css"> 
</head>

Below the default light is changed to dark.

<!DOCTYPE html>
<html lang="en">
<head>    
    ...
    /* ======= main css ======= */
    <link type="text/css" rel="stylesheet" href="css/style-dark.css"> 
</head>

JavaScript structure

JavaScript code which is responsible for functionality can be found in js folder.

  • plugins folder contains the plugin javascript files
  • main.js main functions
Change map location

The map location can be changed in js/main.js.

Change map location

PHP structure

PHP code which is responsible for email sending can be found in send.php file.

Change mail sending

In order to change the mail sending you have to set your email address in send.php file under "Mail Sending" section. 


$to = "websolutions.ultimate@gmail.com";

Sources and Credits

We've used the following images, icons or other files, sources as listed.

Updates

Version 1.2 04-07-2021

  • Fixed the bug what slowed the site down.

Version 1.1 01-03-2021

  • Added validation and improved mail sending via contact form.

Version 1.0 12-02-2021

  • Initial release.