Documentation

Newzin - Newspaper & Magazine HTML Template

Newzin is a HTML Template perfect for news, magazine, blog and for all kinds of publishing websites. Responsive based on Bootstrap. All files and code has been well organized and nicely commented for easy to customize.

Version: 1.0
Author: ThemesCamp

Created: 23 February, 2023
Update: 23 February, 2023

If you have any questions that are beyond the scope of this help file, Please feel free to contact us via ThemesCamp.

Features

Build on HTML (with jQuery)
Build on Saas
Based on Bootstrap 5
Stunning Hompages
Huge Template Collection
Inner Pages
SEO Friendly
Working Contact Form
Fully Responsive
Modern Design
Premium Support
Free Updates
W3C Validated Code

Files Include

newzin_html Folder

Folder contains main template code & all jsx, json, scss, css, images, fonts, js files

Newzin-html-docs Folder

Documentation folder of "Newzin html" written in html css

Installation

Follow the steps below to setup your template:

Download the latest theme source code from the Marketplace.

Folder Structure

Newzin comes with a flexible file structure that can be easily used for small to large scope projects. This section will explain the entire file structure and how to adapt it to your project.

Root Folder

[root_folder] folder contains the whole project folders & files

Assets Folder

[root_folder]/assets/ source folder that contains all styles source files.

HTML Structure

Template is based on Bootstrap 5.0 and uses the default Bootstrap 12 column grid system. Bootstrap documentation

<div class="container">
    <div class="row">
      <div class="col-md-6">...</div>
      <div class="col-md-6">...</div>
    </div>
  </div>

For a more detailed explanation of the Bootstrap grid - see the Bootstrap documentation here

Simple coding structure of page

<!DOCTYPE html>
  <html dir="ltr" lang="en-US">
  
    <head>
      <!-- Your Stylesheets, Scripts & Title
      ============================================= -->
      ...
    </head>
    <body>
  
      <!-- Header
      ============================================= -->
      <div class="site-header">
        <nav class="navbar navbar-expand-lg">
        ...
        </nav>
      </div>
  
      <!-- Site Content
       ============================================= -->
      <div class="container">
        <div class="row">
          <div class="col-md-6">...</div>
          <div class="col-md-6">...</div>
        </div>
      </div>
  
      <!-- Footer
       ============================================= -->
       <footer>
        <div class="footer-top-area">
        ...
        </div>
  
        <div class="footer-bottom-area">
        ...
        </div>
      </footer>
  
      <!-- javascript files
      ============================================= -->
  
    </body>
    </html>

Source & Credits

Images:

Pexels - https://pexels.com
Unsplash - https://unsplash.com

Images are only for demo purpose and not included with the download bundle.

Fonts:

Inter - https://fonts.google.com/specimen/Inter

Scripts:

Bootstrap 5 - http://getbootstrap.com
Swiper Carousel - https://swiperjs.com

Thank you for select Newzin template

We truly appreciate and really hope that you'll enjoy our template!

If you like our template, plase rate us 5 star !