Loader

iDocumentor HTML — Responsive Multipurpose HTML Template

Welcome

Objectively monetize robust “outside the box” thinking without multidisciplinary bandwidth. Professionally customize B2B innovation and 24/365 technology. Dynamically embrace client-centered models through holistic e-services. Authoritatively strategize exceptional experiences after unique niche markets.

Installation

After you’ve downloaded our html template from the envato marketplace ‘themeforest’, you can extract the zip file. The extracted folder structure looks something like this:

  • Documentations
    • assets
    • index.html
  • Package
    • idocumentor

We’re interested in the ‘idocumentor’ folder for now which is highlighted in the folder structure above.

FTP Upload:

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the files inside idocumentor folder.

Pages

  • index.html
  • index-2.html
  • index-3.html
  • about-us.html
  • contact-us.html
  • blog-2-col.html
  • blog-3-col.html
  • blog-list.html
  • blog-detail.html

Structures

Understanding the html & page structures help you get started quickly:

Copy 
<head>
    <!-- All CSS files here
            ============================================ -->
    <!-- Google fonts -->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- all other resources goes here -->
</head>
<body>
    <div class="page-wrapper">
        ...
    </div>

    <!-- All JS files here
            ============================================ -->
     <!-- jQuery JS -->
     <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
</body>
page structure will help you modify contents easily.

1. Google Fonts

Copy 
<!--Google font-->  
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,800%7CRaleway:300,400,400i,700" rel="stylesheet">

2. CSS Files

Copy 
All the CSS Files here.

<!--Stylesheets -->  
<link href="assets/css/bootstrap.min.css" rel="stylesheet">  
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/icofont.css" rel="stylesheet">  
<link href="assets/css/animate.css" rel="stylesheet">  
<link href="assets/css/jquery-ui.min.css" rel="stylesheet">  
<link href="assets/css/slick.css" rel="stylesheet">  
<link href="assets/css/slick-theme.css" rel="stylesheet"> 
<link href="assets/css/fractionslider.css" rel="stylesheet">
<link href="assets/css/lightcase.css" rel="stylesheet"> 
<link href="style.css" rel="stylesheet">  
<link href="assets/css/responsive.css" rel="stylesheet">

3. Header Structure

Copy 
<!-- header==================================================-->
<header class="header">
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">
					<img alt="Brand" src="...">
				</a>
			</div>
		</div>
	</nav>
</header>

4. Content Structure

Copy 
<main class="main">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-9">
				...
			</div>
			<div class="col-md-3">
				...
			</div>
		</div>
	</div>
</main>

5. Footer Structure

Copy 
<footer class="site-footer">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-3">
				...
			</div>
			<div class="col-md-3">
				...
			</div>
			<div class="col-md-3">
				...
			</div>
			<div class="col-md-3">
				...
			</div>
		</div>
	</div>
</footer>

6. JS Files

Copy 
<!--All JS Files -->  
<script src="assets/js/jquery-3.2.1.min.js"></script>  
<script src="assets/js/bootstrap.min.js"></script>  
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/slick.min.js"></script>  
<script src="assets/js/jquery.countdown.min.js"></script>  
<script src="assets/js/masonry.pkgd.min.js"></script> 
<script src="assets/js/lightcase.js"></script>  
<script src="assets/js/script.js"></script>

Changelogs 

======================
Version 1.0.0
  -- Initial release

Credits

Fonts
jQuery Plugins
Images
Note: All images are just used for Preview Purpose Only. They are not part of the HTML Template and are NOT included in the final purchase files.

Once again, thank you so much for purchasing this template.
We’d be glad to help you if you have any questions relating to this template. We’ll do our best to assist.

If you have any questions please feel free to ask from our profile.

Thanks