File size: 11.88Kb
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Mediax - Health & Medical HTML Template - Documentation</title>
<meta name="author" content="themeholy">
<meta name="description" content="Mediax - Health & Medical HTML Template">
<meta name="keywords" content="Mediax - Health & Medical HTML Template">
<meta name="robots" content="INDEX,FOLLOW">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Google Web Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<!-- 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="192x192" href="assets/img/favicons/android-icon-192x192.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">
<!-- All CSS -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body data-spy="scroll" data-target="#main-menu ul" data-offset="300">
<!-- Mobile Menu -->
<div class="th-menu-wrapper ">
<div class="th-menu-area">
<button class="th-menu-toggle">✕</button>
<div class="th-mobile-menu"></div><!-- Menu Will Append With Javascript -->
</div>
</div>
<!-- Header Area -->
<header>
<div class="container-fluid">
<nav class="main-menu navbar justify-content-center" id="main-menu">
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="#installation">Template Installation</a></li>
<li class="nav-item"><a class="nav-link" href="#pageList">Pages</a></li>
<li class="nav-item"><a class="nav-link" href="#fonts">Fonts</a></li>
<li class="nav-item"><a class="nav-link" href="#fileCss">Source File (CSS)</a></li>
<li class="nav-item"><a class="nav-link" href="#fileJs">Source File (JS)</a></li>
<li class="nav-item"><a class="nav-link" href="#customization">Customization</a></li>
</ul>
</nav>
<!-- Mobile Menu Toggle -->
<button class="th-menu-toggle d-inline-block d-lg-none">☵</button>
</div>
</header>
<!-- Header Area end -->
<!-- Hero Area -->
<div class="hero-area background-image d-flex align-items-center" data-as-img="assets/img/hero_bg_1_1.jpg">
<div class="container">
<div class="row text-center justify-content-center">
<div class="col-xl-7">
<!-- Hero Content -->
<div class="hero-content">
<a href="index.html">
<img src="assets/img/logo-white.svg" alt="Logo" class="mb-4">
</a>
<h1 class="main-title">Mediax - Health & Medical HTML Template</h1>
<span class="meta">Created: 01/01/2024</span>
<p class="text">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 <a href="https://themeforest.net/user/themeholy">support forum</a></p>
<a href="https://themeforest.net/user/themeholy" class="def-btn">24/7 Support: Send Us a message from Our Profile</a>
</div>
<!-- Hero Content end -->
</div>
</div>
</div>
</div>
<!-- Hero Area end -->
<section class="section-padding" id="installation">
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h2 class="title">Template Installation</h2>
</div>
<h3 class="inner-title">FTP Upload:</h3>
<ul>
<li>Open up your FTP manager and connect to your hosting</li>
<li>Browse to required directory (Normally public_html)</li>
<li>Upload the files inside <strong>Mediax </strong> folder.</li>
</ul>
</div>
</section>
<section class="section-padding" id="pageList">
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h2 class="title">Pages</h2>
</div>
<h3 class="inner-title">Total 20 Pages</h3>
<ul>
<li><strong>3 Home Pages</strong>
<ul>
<li>Medical Clinic</li>
<li>Dental Care</li>
<li>Medical Shop</li>
</ul>
<br>
</li>
<li><strong>17 Inner Pages</strong>
<ul>
<li>About Us</li>
<li>Blog</li>
<li>Blog Details</li>
<li>Service</li>
<li>Service Details</li>
<li>Price Plan</li>
<li>Appointments</li>
<li>Team</li>
<li>Team Details</li>
<li>Faq Page</li>
<li>Shop Page</li>
<li>Shop Details</li>
<li>Cart Page</li>
<li>Checkout</li>
<li>Wishlist</li>
<li>Contact</li>
<li>Error Page</li>
</ul>
</li>
</ul>
</div>
</section>
<section class="section-padding" id="fonts">
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h2 class="title">Fonts</h2>
</div>
<h3 class="inner-title">Google free fonts:</h3>
<ul class="mb-3">
<li>Title Font: <a href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap"><strong>'Outfit', sans-serif;</strong></a></li>
<li>Body Font: <a href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Lexend:wght@300;400;500;600;700;800;900&family=Lobster&display=swap"><strong>'DM Sans', sans-serif;</strong></a></li>
</ul>
<p>Open <strong>assets/css/style.css</strong>
file to find the fonts name from typography area. That's it...</p>
</div>
</section>
<section class="section-padding" id="fileCss">
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h2 class="title">Source File (CSS)</h2>
</div>
<div class="code-block">
<div>
<div><!--==============================</div>
<div> All CSS File</div>
<div>============================== --></div>
<div><!-- Bootstrap --></div>
<div><link rel="stylesheet" href="assets/css/bootstrap.min.css"></div>
<div><!-- Fontawesome Icon --></div>
<div><link rel="stylesheet" href="assets/css/fontawesome.min.css"></div>
<div><!-- Magnific Popup --></div>
<div><link rel="stylesheet" href="assets/css/magnific-popup.min.css"></div>
<div><!-- Swiper Js --></div>
<div><link rel="stylesheet" href="assets/css/swiper-bundle.min.css"></div>
<div><!-- datetimepicker --></div>
<div><link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css"></div>
<div><!-- Theme Custom CSS --></div>
<div><link rel="stylesheet" href="assets/css/style.css"></div>
</div>
</div>
<div class="img-box mt-40">
<img src="assets/img/pages/css.png" alt="CSS Source">
</div>
</div>
</section>
<section class="section-padding" id="fileJs">
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h2 class="title">Source File (Js)</h2>
</div>
<div class="code-block">
<div>
<div><!--==============================</div>
<div> All Js File</div>
<div>============================== --></div>
<div><!-- Jquery --></div>
<div><script src="assets/js/vendor/jquery-3.7.1.min.js"></script></div>
<div><!-- Swiper Js --></div>
<div><script src="assets/js/swiper-bundle.min.js"></script></div>
<div><!-- Bootstrap --></div>
<div><script src="assets/js/bootstrap.min.js"></script></div>
<div><!-- Magnific Popup --></div>
<div><script src="assets/js/jquery.magnific-popup.min.js"></script></div>
<div><!-- Counter Up --></div>
<div><script src="assets/js/jquery.counterup.min.js"></script></div>
<div><!-- datetimepicker --></div>
<div><script src="assets/js/jquery.datetimepicker.min.js"></script></div>
<div><!-- Range Slider --></div>
<div><script src="assets/js/jquery-ui.min.js"></script></div>
<div><!-- Isotope Filter --></div>
<div><script src="assets/js/imagesloaded.pkgd.min.js"></script></div>
<div><script src="assets/js/isotope.pkgd.min.js"></script></div>
<div><!-- Main Js File --></div>
<div><script src="assets/js/main.js"></script></div>
</div>
</div>
<div class="img-box mt-40">
<img src="assets/img/pages/js.png" alt="JS Source">
</div>
</div>
</section>
<section class="section-padding" id="customization">
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h2 class="title">Customization</h2>
</div>
<!-- Logo Change -->
<div class="inner-section">
<h3>How to Change Logo</h3>
<p>Open <strong>assets\img</strong> folder and paste your logo. Then go to the header section of html and replace the directory link.</p>
<div class="img-box">
<img src="assets/img/pages/logo-change.png" alt="Demo of How To Change Logo">
</div>
</div>
<!-- Links Change -->
<div class="inner-section">
<h3>How to Change Menu Links</h3>
<div class="img-box">
<img src="assets/img/pages/links-change.png" alt="Demo of How To Change Menu Links">
</div>
</div>
<!-- Links Change -->
<div class="inner-section">
<h3>How to Change Email Address</h3>
<div class="img-box">
<img src="assets/img/pages/email.png" alt="Demo of How To Change Menu Links">
</div>
</div>
</div>
</section>
<footer class="background-image pt-5 " data-as-img="assets/img/footer-bg.jpg">
<div class="container text-center my-5">
<div class="footer-content mb-5">
<h3 class="title"><strong>Once again thank you for purchasing one of our Templates</strong></h3>
<h3 class="sub-title">Best Regards</h3>
<span class="company-name"><a href="https://themeforest.net/user/themeholy">themeholy</a></span>
</div>
</div>
<div class="copyright">
<p class="text">Copyright <a href="https://themeforest.net/user/themeholy">themeholy</a> 2023. <span class="underline">Documentation v1.0</span></p>
</div>
</footer>
<!-- scroll to top -->
<a href="#" class="scrollToTop">⇧</a>
<!-- Code End -->
<!-- js file start -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Mobile Menu -->
<script src="assets/js/themeholymenu.min.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
<!-- End js file -->
</body>
</html>