Getting Started
Welcome to the Dev documentation. Follow this quick guide to integrate our designer prerequisite into your digtal design project.
1. Download and Install VS Code go to: https://code.visualstudio.com/ download and install it.
2. Recommeded Mozilla Firefox for preview and debugging go to: https://www.firefox.com/ download and install it.
HTML5
Open VS Code create new file and type "HTML:5" and Enter/Return key you will get following complete HTML5 structure tags.
<Head></Head>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
Styles & Plugins
Copy scripts below and paste into your HTML project (inside <head/><head/> tag).
CSS
<!-- jQuery UI -->
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/jquery-ui-1.13.1/jquery-ui.min.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/font-awesome-5-pro/css/all.css">
<link rel="stylesheet" href="https://eventmall.app/fonts/Linearicons/Linearicons/Font/demo-files/demo.css">
<link rel="stylesheet" href="https://eventmall.app/fonts/icomoon/iconmoon.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/bootstrap/4.6.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/owl-carousel2-2.3.4/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/owl-carousel2-2.3.4/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/slick-1.8.1/slick/slick.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/lightGallery-1.10.0/dist/css/lightgallery.min.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/jquery-bar-rating-1.2.2/dist/themes/fontawesome-stars.css">
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/select2/dist/css/select2.min.css">
<!--Nineslider-->
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/nineslider/css/nineslider.css">
<!--Toastr-->
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/toastr/css/toastr.css">
<!--Custom CSS-->
<link rel="stylesheet" href="https://eventmall.app/assets/js/vendors/flag-icon-css-master/css/flag-icon.min.css">
<!--Google Web 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=Koh+Santepheap:wght@100;300;400;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Battambang:wght@100;300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Hanuman:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kdam+Thmor&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://eventmall.app/assets/css/app.min.css?v=2026-08-17_161604">
Scripts & Plugins
Copy scripts below and paste into your HTML project (bottom of <body></body> tag).
Javascript
<!-- Eventmall Scripts -->
<script src="https://eventmall.app/js/app.min.js"></script>
<script src="https://eventmall.app/js/common.min.js"></script>
<script src="https://eventmall.app/js/event.min.js"></script>
<!-- Youtube iFrame Api -->
<script src="https://www.youtube.com/iframe_api"></script>
<!-- google Map Api -->
<script async="" src="https://maps.googleapis.com/maps/api/js?loading=async&key=AIzaSyAL9Rzm7doRCJvBmAZ4Lex6tkoHvbv2VHY&libraries=maps,marker"></script>
<!-- Template -->
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<!-- jQuery & Plugins -->
<script src="https://eventmall.app/assets/js/vendors/jquery/3.5.1/jquery.min.js"></script>
<script src="https://eventmall.app/assets/js/vendors/popper.js/1.16.1/popper.min.js"></script>
<script src="https://eventmall.app/assets/js/vendors/bootstrap/4.6.2/js/bootstrap.min.js"></script>
Local vs Public URL
The project resources files in local are different path from after they are uploaded to server.
| Type | Local | Public |
|---|---|---|
| Image | /images/image.jpg | https://cdn.eventmall.app/files/userid/project_name/images/image.jpg |
| Video | /videos/video.mp4 | https://cdn.eventmall.app/files/userid/project_name/videos/video.mp4 |
| Audio | /audio/audio.mp3 | https://cdn.eventmall.app/files/userid/project_name/audios/audoi.mp3 |
Files preparation
You must replace all local files path (images, videos, audio) with Public URL:
Local URL <img src="/image.jpg">
Public URL <img src="https://cdn.eventmall.app/userid/files/project_name/images/image.jpg">
Search and replace all your local file/image urls (eg. "/images/image.jpg") with Public URL above.