Jovenca | Modern Jewelry Store HTML Template

by: htmlbeans
email: htmlbeans@gmail.com

Thank you for your purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to email us via ...

Page Head

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Jovenca | Modern Jewelry Store HTML Template</title>
        <link rel="stylesheet" href="./assets/css/bootstrap.css">
        <link rel="stylesheet" href="./style.css">
        <link rel="stylesheet" href="./assets/css/responsive.css">
        <link rel="stylesheet" href="./assets/css/plugin.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
        <link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
        <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer></script>
        <script src="assets/js/popper.js" defer></script>
        <script src="assets/js/bootstrap.js" defer></script>
        <script src="assets/js/custom.js" defer></script>
    </head>

Page Body

            
        <body>
            <div id="pageWrapper">
                <header id="pageHeader">
                </header>
                <main>
                </main>
                <div class="footerAreaWrap">
            </div>
        </body>

This template uses CSS for stylesheets.

CSS files are located in the Elegant directory.

style.css - Main style file (all styles are located in this file CSS directory)
responsive.css - Responsive style file (all responsive styles are located in this file CSS directory)
color.css - Color style file (all color styles are located in this file CSS directory)
plugin.css - Plugin style file (all plugins styles are located in this file CSS directory)

This template imports several JS files.

The Javascript files are loaded in the footer to increase the site speed and rendering.

The Javascript files used in this template are the following:

jQuery
Bootstrap
Other Javascript plugins (Check details in the Sources section)
jquery.main (jquery.main.js) - It contains the global scripts we are using for every pages in the template. To get a detailed understanding of this, please have a look at this file that contains an explanation written in comment.
ALL plugins to use in some specified pages.

Slick Slider

We use Slick Slider for all sliders in this template.

We can make responsive image carousel using Slick Slider. http://kenwheeler.github.io/slick/

Iso Top

We use Iso Top for portfolio images in this template.

We can make responsive image . http://isotope.metafizzy.co

Fancybox

We use Fancybox for popup images in this template.

We can make responsive image . http://fancyapps.com

Homepage 1

About US

Blog Grid

Blog single

Shop Right Sidebar

Shop Accordion

Cart Page

Checkout Page

FAQ

Contact Us

Images

Any Images or logos used in previews are not included in this item or final purchase and you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects.

We used http://placehold.it/ for placeholders.

Jovenca | Modern Jewelry Store HTML Template

HTML Structure

Page Head

Page Body

CSS Structure

Javascript

All Plugins