<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Hope – Health & Medical HTML5 Template</title>
<!-- Favicon icon -->
<link rel="icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="stylesheet" href="assets/jquery.fancybox.min.css" />
<link
href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="assets/bootstrap.min.css" />
<link
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>
<div class="body-wrapper container-fluid p-0">
<!-- nav area -->
<div class="nav-wrapper">
<div class="logo-wrapper">
<h1 class="logo-title">Hope – Health & Medical HTML5 Template</h1>
</div>
<div class="navigation" id="nav">
<div class="nav-item active">
<a class="nav-list-item"><i class="fa fa-play"></i>Get started</a>
<div class="sub-nav">
<a class="sub-nav-item active" href="#introduction"
>Introduction</a
>
<a class="sub-nav-item" href="#filesincluded">Files Included</a>
</div>
</div>
<div class="nav-item">
<a class="nav-list-item"
><i class="fa fa-upload"></i>Template Installation</a
>
<div class="sub-nav">
<a class="sub-nav-item" href="#install-steps"
>Installation Steps</a
>
</div>
</div>
<div class="nav-item">
<a href="#folder-structure" class="nav-list-item"
><i class="fa fa-folder-o"></i>Folder Structure</a
>
<div class="sub-nav">
<a class="sub-nav-item" href="#root-folder-structure"
>Root Folder Structure</a
>
<a class="sub-nav-item" href="#src-folder-structure"
>Src Folder Structure</a
>
</div>
</div>
<div class="nav-item">
<a class="nav-list-item"
><i class="fa fa-code"></i>Code Structure</a
>
<div class="sub-nav">
<a class="sub-nav-item" href="#page-structure">Page Structure</a>
<a class="sub-nav-item" href="#sourcefile-structure"
>Source File Structure</a
>
</div>
</div>
<div class="nav-item">
<a class="nav-list-item"><i class="fa fa-cog"></i>Customization</a>
<div class="sub-nav">
<a class="sub-nav-item" href="#logo-change">Change Logo</a>
<a class="sub-nav-item" href="#content-change"
>Change Content & Images</a
>
<a class="sub-nav-item" href="#map-change">Change Map Location</a>
<a class="sub-nav-item" href="#copyright-change"
>Change Copyrigt Text</a
>
<a class="sub-nav-item" href="#mail-change">Change Mail</a>
</div>
</div>
</div>
</div>
<!-- content area -->
<div class="content-wrapper" id="content">
<div class="doc-hero-wrap">
<div class="hero-wrap-inner">
<h2 class="title">Hope – Health & Medical HTML5 Template</h2>
<a
class="btn btn-dark text-white btn-lg text-capitalize"
target="_blank"
href="https://hasthemes.com/contact-us/"
>contact us</a
>
</div>
</div>
<div class="need-support">
<a href="https://hasthemes.com/contact-us/" target="_blank"
><i class="fa fa-support"></i>Need Support</a
>
</div>
<!-- Getting start -->
<div class="content-section" id="introduction" style="display: block">
<h3>Introduction</h3>
<h5>Template Name:Hope – Health & Medical HTML5 Template</h5>
Thank you very much for choosing our template. We truly appreciate and
really hope that you'll enjoy our template! <br />
<strong
>If you like this template, Please support us by rating us 5
stars..</strong
> <i class="fa fa-star"></i
><i class="fa fa-star"></i><i class="fa fa-star"></i
><i class="fa fa-star"></i><i class="fa fa-star"></i><br /><br />
<p>
Hope Health & Medical HTML5 Template is a neat and contemporary
medical website template built with the Bootstrap 5 framework. It is
a full-blown solution for your medical business if you will. With
this unique web template, you will get a great chance to showcase
your medical services and reach out to more people. With Hope Health
& Medical HTML5 Template, creating a sophisticated medical website
is much easier than you think as it takes care of all and everything
that medical practitioners and patients need for smooth web
operations.
</p>
<p>
This high-quality and modern web template deals with various
medical-related services. Therefore, you can set up any clinical,
doctors, hospitals, or other medical consulting service-related
websites stunningly and efficiently. It comprises 07+ HTML pages
with a stunning homepage demo to attract your web visitors. Inner
pages include Service Page, Service Details Page, Blog Page, Contact
Page, etc. On the homepage, you will find a stunning slideshow
created with a swiper slider which will give your site a great first
impression to the audience. Moreover, on the homepage, you can
showcase the services you offer, let the visitors book an
appointment easily with a Contact Form, and show doctor profiles,
testimonials from satisfied patients and the pricing list, etc.
</p>
<p>
Hope Health & Medical HTML5 Template offers you smashing features
and functionalities, including Appointment Doctor Form, Well
Documentation, W3C Validate, Clean Code, Working Contact Form, Icon
Fonts, Google Map, Newsletter, well responsiveness and many more
goodies.
</p>
<p>
Offer your medical services on the internet like a pro without
breaking a single drop of sweat by using this spectacular and
top-quality web template to make an excellent website. For your
better online experience, we will provide lifetime free updates of
this template. Plus, you will get dedicated customer support in case
of facing a problem.
</p>
<ul>
<li>By: HasThemes</li>
<li>
URL:
<a target="_blank" href="https://hasthemes.com/"
>https://hasthemes.com/</a
>
</li>
<li>
HelpDesk:
<a target="_blank" href="https://hasthemes.com/contact-us/"
>https://hasthemes.com/contact-us/</a
>
</li>
</ul>
<h3>Template features</h3>
<ul>
<li>Build with Bootstrap 5</li>
<li>1 Homepage</li>
<li>1 Unique Header Style</li>
<li>7+ HTML pages</li>
<li>Made with SASS (SCSS)</li>
<li>Icon font (FontAwesome, icofont)</li>
<li>Google Fonts</li>
<li>W3C Validated Code</li>
<li>Clean Code</li>
<li>Creative and Modern Design</li>
<li>Fully Responsive</li>
<li>Smooth animations</li>
<li>Easy to customize</li>
<li>Cross Browser Support</li>
<li>Well Documented</li>
<li>No console error</li>
</ul>
<h5>Need Support?</h5>
If you have any questions regarding to theme issues, please submit a
ticket at
<a href="https://hasthemes.com/contact-us/" target="_blank"
>https://hasthemes.com/contact-us/</a
>
</div>
<div class="content-section" id="filesincluded">
<h3>Files Included</h3>
<ul>
<li>Documentation</li>
<li>Template Files - <strong>Buzne</strong></li>
</ul>
<a
class="popup_image"
data-fancybox="install-file"
href="images/installation/1.png"
><img src="images/installation/1.png" alt=""
/></a>
</div>
<div class="content-section" id="root-folder-structure">
<h3>Root Folder Structure</h3>
<br />
<br />
<a
class="popup_image"
data-fancybox="install-file"
href="images/folder-structure/1.png"
><img src="images/folder-structure/1.png" alt=""
/></a>
<br />
<br />
</div>
<div class="content-section" id="install-steps">
<h3>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 all files inside <strong>Buzne</strong> folder.</li>
</ul>
<a
class="popup_image"
data-fancybox="install-file"
href="images/folder-structure/2.png"
><img src="images/folder-structure/2.png" alt=""
/></a>
<br />
<br />
</div>
<div class="content-section" id="page-structure">
<h3>Page Structure</h3>
<br />
<br />
<ul>
<li>index.html is for Home page one</li>
<li>Services.html is for Service page</li>
<li>service-details.html is for service details page</li>
<li>blog.html is for Blog Page</li>
<li>blog-details.html is for Blog details Page</li>
<li>about.html is for About page</li>
<li>contact.html is for Contact page</li>
</ul>
</div>
<div class="content-section" id="sourcefile-structure">
<h3>Source File Structure</h3>
<br />
<br />
<h4>Fonts Source File structure</h4>
<p>Remember to change the font into <strong>main.css</strong></p>
<pre class="pre-format">
<!--All Google Fonts-->
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800,900,|Libre+Baskerville:400,400i,700);
@import url("https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
</pre>
<br />
<br />
<h4>CSS Source File structure</h4>
<p>
These are the css files that are loaded into templates in
<strong>Head Section</strong>.
</p>
<pre class="pre-format">
<!-- ::::::::::::::All CSS Files here :::::::::::::: -->
<!-- <!-- Vendor CSS Files --> -->
<link rel="stylesheet" href="assets/css/style.css/@import url(bootstrap.min.css);">
<link rel="stylesheet" href="assets/css/style.css/@import url(icofont.css);">
<link rel="stylesheet" href="assets/css/style.css/@import url(animate.css);">
<link rel="stylesheet" href="assets/css/style.css/@import url(aos.css);">
<link rel="stylesheet" href="assets/css/style.css/@import url(swiper.min.css);">
<link rel="stylesheet" href="assets/css/style.css/@import url(plugin-collection.css);">
</pre>
<br />
<br />
<h4>Javascript Source File structure</h4>
<p>
These are the list of Javascript files that are loaded into
templates in end of the <strong>Body Section.</strong>
</p>
<pre class="pre-format">
<!-- ::::::::::::::All Javascripts here ::::::::::::::-->
<script src="assets/js/modernizr.js"></script>
<script src="assets/js/jquery-main.js"></script>
<script src="assets/js/jquery-migrate.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/js/bootstrap.min.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/plugincollection.js"></script>
<script src="assets/js/custom.js"></script>
</pre
>
<br />
<br />
</div>
<div class="content-section" id="logo-change">
<h3>How to change Logo?</h3>
<br />
<br />
<a
class="popup_image"
data-fancybox="install-file"
href="images/customization/logo.png"
><img src="images/customization/logo.png" alt=""
/></a>
<br />
<br />
</div>
<!-- <div class="content-section" id="content-change">
<h3>How to Change Background Image?</h3>
<br />
<br />
<a class="popup_image" data-fancybox="install-file" href="images/customization/data.png"><img
src="images/customization/data.png" alt="" /></a>
<br />
<br />
</div>
<div class="content-section" id="map-change">
<h3>How to Change Map Location?</h3>
<p>
You can change map iframe from here
</p>
<br />
<br />
<a class="popup_image" data-fancybox="install-file" href="images/customization/map.png"><img
src="images/customization/map.png" alt="" /></a>
<br />
<br />
<br />
<br />
</div> -->
<div class="content-section" id="copyright-change">
<h3>How to Change Copyright?</h3>
<p>You can change copyright text from here.</p>
<br />
<br />
<a
class="popup_image"
data-fancybox="install-file"
href="images/customization/copyright.png"
><img src="images/customization/copyright.png" alt=""
/></a>
<br />
<br />
</div>
<div class="content-section" id="mail-change">
<h3>How to Change Mail?</h3>
<p>You can pass dynamic email in the contact form and newsletter.</p>
<br />
<br />
<a
class="popup_image"
data-fancybox="install-file"
href="images/customization/newsletter.png"
><img src="images/customization/newsletter.png" alt=""
/></a>
<br />
<br />
</div>
</div>
</div>
<!-- body-wrapper -->
<script src="assets/jquery.js"></script>
<script src="assets/bootstrap.min.js"></script>
<script src="assets/jquery.fancybox.min.js"></script>
<script src="assets/script.js"></script>
</body>
</html>