HTML Structure
Common HTML structure of this project
A common HTML code which is used in most of the HTML pages in this project. It is also a basic skeleton of this project
HTML Structure of this Project
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tag -->
<meta charset="utf-8">
...
<title>Listen App - Online Music Streaming App</title>
<!-- Favicon -->
<link href="..." rel="icon"/>
<!-- IOS Touch Icons -->
<link rel="apple-touch-icon" href="...">
...
<!-- Styles -->
<link href="..." rel="stylesheet" type="text/css"/>
...
</head>
<body>
<!-- Begin | Page Loader [[ Find in scss/framework/base/loader/loader.scss ]] -->
<div id="loading">...</div>
<!-- End | Page Loader -->
<!-- Begin | Wrapper [[ Find in scss/framework/base/wrapper/wrapper.scss ]] -->
<div id="wrapper" data-scrollable="true">
<!-- Begin | Sidebar [[ Find at scss/framework/base/sidebar/left/sidebar.scss ]] -->
<aside id="sidebar">...</aside>
<!-- End | Sidebar -->
<!-- Begin | Page Wrapper [[ Find at scss/framework/base/wrapper/wrapper.scss ]] -->
<main id="pageWrapper">
<!-- Begin | Header [[ Find at scss/framework/base/header/header.scss ]] -->
<header id="header">...</header>
<!-- End | Header -->
<!-- Page Banner [[ Find at scss/base/core.scss ]] -->
<div class="banner bg-home">...</div>
<!-- Begin | Main Container [[ Find at scss/base/core.scss ]] -->
<div class="main-container" id="appRoute">...</div>
<!-- End | Main Container -->
<!-- Begin | Footer [[ Find at scss/framework/base/footer/footer.scss ]] -->
<footer id="footer" class="bg-img">...</footer>
<!-- End | Footer -->
<!-- Begin | Audio Player [[ Find at scss/framework/base/audio-player/audio-player.scss ]] -->
<div id="audioPlayer" class="player-primary">...</div>
<!-- End | Audio Player -->
</main>
<!-- End | Page Wrapper -->
<!-- Begin | Right Sidebar [[ Find at scss/framework/base/sidebar/right/sidebar.scss ]] -->
<aside id="rightSidebar">...</aside>
<!-- End | Right Sidebar -->
</div>
<!-- End | Wrapper -->
<!-- Script -->
<script src="...">...</script>
</body>
</html>