Luxrio - The Fashion & Watch E-Commerce HTML5 Template
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum
luxrio/assets/css - Stylesheet filesluxrio/assets/fonts - Fonts filesluxrio/assets/img - Image filesluxrio/assets/js - JS filesluxrio/assets/sass - SCSS filesmail.php - PHP files for Contact FormWe are used Bootstrap Latest Version v5.3.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="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Luxrio - The Fashion & Watch E-Commerce HTML5 Template | Vecuro | Home 1 </title>
<meta name="author" content="vecuro">
<meta name="description" content="Luxrio - The Fashion & Watch E-Commerce HTML5 Template">
<meta name="keywords" content="Luxrio - The Fashion & Watch E-Commerce HTML5 Template">
<meta name="robots" content="INDEX,FOLLOW">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons - Place favicon.ico in the root directory -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!--==============================
Google Fonts
============================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Italiana&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!--==============================
All CSS File
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Slick Slider -->
<link rel="stylesheet" href="assets/css/slick.min.css">
<!-- Animation CSS -->
<link rel="stylesheet" href="assets/css/animate.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="vs-body">
<!-- [if lte IE 9] -->
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- ********************************
Code Start From Here
******************************** -->
<!-- ==============================
Preloader
============================== -->
<div class="preloader">
</div>
<!-- ==============================
Mobile Menu
============================== -->
<div class="vs-menu-wrapper">
</div>
<!-- ==============================
Offcanvas
============================== -->
<div class="sidemenu-wrapper">
</div>
<!-- ==============================
Sticky Navbar
============================== -->
<div id="navbars" class="header-sticky navbars">
</div>
<!-- ==============================
Popup Subscription
============================== -->
<div id="popup" class="popup-overlay d-none">
</div>
<!-- ==============================
Popup Search Box
============================== -->
<div class="popup-search-box">
</div>
<!-- ==============================
Sticky Navbar
============================== -->
<div id="navbars" class="header-sticky navbars">
</div>
<!-- ==============================
Main Section Wrapper
============================== -->
<main class="main">
<!-- ==============================
Header Area
============================== -->
<header class="vs-header layout2"></header>
<section></section>
.
.
.
.
<section></section>
<!-- ==============================
Footer Area
============================== -->
<footer class="footer-layout1"></footer>
</main>
<!-- ==============================
Main Section Wrapper End
============================== -->
<a href="#" class="scrollToTop scroll-btn"><i class="far fa-arrow-up"></i></a>
<!-- ********************************
Code End Here
******************************** -->
<!-- ==============================
All Js File
============================== -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Jquery UI -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- Slick Slider -->
<script src="assets/js/slick.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- WOW.js Animation -->
<script src="assets/js/wow.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Image Loaded Jquery -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- Gsap -->
<script src="assets/js/gsap.min.js"></script>
<!-- ScrollTrigger -->
<script src="assets/js/ScrollTrigger.min.js"></script>
<!-- ScrollToPlugin -->
<script src="assets/js/ScrollToPlugin.min.js"></script>
<!-- SplitText -->
<script src="assets/js/SplitText.min.js"></script>
<!-- Lenis -->
<script src="assets/js/bundled-lenis.min.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
</body>
</html>
Favicon Will be found in <head> section.
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
Font Will be found in <head> section.
<!--==============================
Google Fonts
============================== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Italiana&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
Logo Will be found in <header> Layout.
<div class="header-logo">
<a href="index.html"><img src="assets/img/logo.svg" alt="Luxrio" class="logo"></a>
</div>
index.html is ====> Home Page Oneindex-2.html is ====> Home Page Twoindex-3.html is ====> Home Page Three404.html is ====> Error Pageabout.html is ====> About Pageblog-details.html is ====> Blog Details Pageblog-list.html is ====> Blog List Pageblog.html is ====> Blog Pagecart.html is ====> Cart Pagecheckout.html is ====> Checkout Pagecontact.html is ====> Contact Pagefaq.html is ====> FAQ's Pageshop-details.html is ====> Shop Details Pageshop-sidebar.html is ====> Shop Sidebar Pageshop.html is ====> Shop PageOpen assets/css/style.css file to find the fonts name from typography area. That's it...
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Slick Slider -->
<link rel="stylesheet" href="assets/css/slick.min.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="assets/css/animate.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Jquery -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Jquery UI -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- Slick Slider -->
<script src="assets/js/slick.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- WOW.js Animation -->
<script src="assets/js/wow.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Gsap -->
<script src="assets/js/gsap.min.js"></script>
<!-- ScrollTrigger -->
<script src="assets/js/ScrollTrigger.min.js"></script>
<!-- ScrollToPlugin -->
<script src="assets/js/ScrollToPlugin.min.js"></script>
<!-- SplitText -->
<script src="assets/js/SplitText.min.js"></script>
<!-- Lenis -->
<script src="assets/js/bundled-lenis.min.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
