Get started
Item name: Eliah - Beauty Salon & Cosmetic HTML Template
Creator: Khanh Vu
Owned by: Avitex Studio
Created at: 01/10/2020
Lastest update: 01/10/2020
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 hello@avitex.vn
Template Installation
FTP Upload
- Open up your FTP manager and connect to your hosting
- Browse to required directory (Normally public_html)
- Upload the files inside Eliah/app folder.
Avaiable pages
Hompages
- Homepage 01: index.html
- Homepage 02: homepage2.html
- Homepage 03: homepage3.html
- Homepage 04: homepage4.html
- Homepage 05: homepage5.html
- Homepage 06: homepage6.html
Shop
- Shop Fullwidth 4 Column: shop-fullwidth-4col.html
- Shop Fullwidth 5 Column: shop-fullwidth-5col.html
- Shop Fullwidth Left Sidebar: shop-fullwidth-left-sidebar.html
- Shop Fullwidth Right Sidebar: shop-fullwidth-right-sidebar.html
- Shop Grid 3 Column: shop-grid-3col.html
- Shop Grid 4 Column: shop-grid-4col.html
- Shop Grid Sidebar: shop-grid-sidebar.html
- Shop List Sidebar: shop-list-sidebar.html
- Product detail: product-detail.html
- Shopping cart: cart.html
- Checkout: checkout.html
- Wishlist: wishlist.html
Blog
- Blog layout: blog.html
- Blog detail: post-detail.html
Pages
- About us: about.html
- Contact us: contact.html
- Services: services.html
Fonts
If you want to use other font family you may want to find one on Google Fonts
To choose & change your favourite font family from google font you can follow this instruction
Source files
CSS files:
//Main font family <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spartan:wght@300;400;500;700;900&display=swap"/> //Boostrap <link rel="stylesheet" href="assets/css/bootstrap.css"/> //Animate.css <link rel="shortcut icon" type="image/png" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/> //Slick slider <link rel="stylesheet" href="assets/css/slick.min.css"/> //Fontawesome icon font <link rel="stylesheet" href="assets/css/fontawesome.css"/> //Jquery Modal <link rel="stylesheet" href="assets/css/jquery.modal.min.css"/> //Drawer jquery <link rel="stylesheet" href="assets/css/bootstrap-drawer.min.css"/> //Main style file <link rel="stylesheet" href="assets/css/style.css"/>
Javascript files:
//Jquery <script rel="script/javascript" src="./assets/js/jquery-3.5.1.min.js"></script> //Parallax.js <script rel="script/javascript" src="./assets/js/parallax.min.js"></script> //Slick slider <script rel="script/javascript" src="./assets/js/slick.min.js"></script> //Jquery validate <script rel="script/javascript" src="./assets/js/jquery.validate.min.js"></script> //Jquery modal <script rel="script/javascript" src="./assets/js/jquery.modal.min.js"></script> //Drawer <script rel="script/javascript" src="./assets/js/bootstrap-drawer.min.js"></script> //Jquery countdown <script rel="script/javascript" src="./assets/js/jquery.countdown.min.js"></script> //Main javascript file <script rel="script/javascript" src="./assets/js/main.min.js"></script>
Color
How to change main color
- Go to path app/assets/sass/abstracts
- Open varible.scss file
-
Find variable $colors and edit colors to what color you want
- Finally, go to root folder, open terminal & run gulp build
Customization
How to change logo image source ?
You can change logo source by replace src source
How to change copyright ?
You can change copyright by replace text in "p" tag
Compile SCSS, Pug files
If you have knowledge of template engine and css preprocessors, you can edit the source code file in pug, sass folder to have a theme with a higher degree of customization than editing HTML / CSS files. We use PugJs as template engine, and SCSS as css Preprocessors. You can learn more about them here
To compile theme to html & css files we using build tool named gulp.js. Using it, first open terminal on root foler, next run gulp command
Everytime, you save pug or scss file gulp will auto reload
Thanks
Thank you for purchasing our Template
Deer creative