Magasin will be your smart news and magazine template which will draw the maximum number of news/magazine feeds by this template. Here, you will get most versatile template where you can play with the color scheme and which is structured upon HTML5 & CSS3 layout, bootstrap v4.0.0, and clean codes which provides fully responsive layout and that can be easily customizable.

Magasin will definitely provide the layout for online newspaper and magazine which is adorned with eye-catching template look that is displayed with owl carousel. This page template comes with different sections like home (2 layouts) , post (4 styles and 1 detailed page), pages (2 gallery styles and 404 error page) and contact details.

How to Use

  • Download zip folder of Magasin- News & Magazine HTML Template.
  • Extract the folder of Magasin- News & Magazine HTML Template.
  • Just replace the dummy content according to your need.
  • Your Magasin- News & Magazine HTML Template is ready.

2.General Information

Software requirements

  • Sublime Text 3 used to edit the .HTML, .CSS and .SCSS files.
  • Grunt used as precompiler for SCSS to CSS convert.

The following scheme displays the template files structure.

  • Documentation – contains documentation of design customization and support
  • Template – contains the main files of the Magasin- News & Magazine HTML Template is a News and Magazine HTML template
    • CSS – contains all Stylesheets used for UI.
    • Images – contains all the images.
    • SASS – contains all SCSS and variable files.
    • index.html – contains all UI code.
    • home-2.html – contains all UI code.
    • detail-page.html – contains all UI code.
    • gallery-style-1.html – contains all UI code.
    • gallery-style-2.html – contains all UI code.
    • blog-listing-1.html – contains all UI code.
    • blog-listing-2.html – contains all UI code.
    • blog-listing-3.html – contains all UI code.
    • blog-listing-4.html – contains all UI code.
    • contact-us.html – contains all UI code.
    • 404-error-page.html – contains all UI code.
  • readme.txt- contains the information about the project.

3. File Strucutre

HTML Structure

This snippet has a responsive layout.


CSS Structure

If any styles need to be changed just replace it with the wanted styles in the respective block in your style.css.


Js Structure

The JS file is custom.js


4.Reference File

In this design, we have used google font “Laila”, “Open Sans”. You can learn more about using Google Web Fonts by checking the tutorial on how to work with Google Web Fonts.

JQuery Plugin:
  • JQuery (js/jquery.js)
  • Bootstrap (js/bootstrap.min.js)
  • Ticker (js/ticker.min.js)
  • Masonry (js/masonry.min.js)
  • Shuffle (js/shuffle.min.js)
  • Magnific (js/magnific.min.js)
  • Owl Carousel (js/owl.carousel.min.js)
Stylesheet (CSS) Reference File
  • Bootstrap (css/bootstrap.min.css)
  • Font-awesome (css/font-awesome.min.css)
  • Magnific Popup(css/magnific.popup.css)
  • Owl-carousel (css/owl.carosuel.min.css)

5.Pages Nomenclature

We have designed different pages.

  1. index.html
  2. home-2.html
  3. detail-page.html
  4. gallery-style-1.html
  5. gallery-style-2.html
  6. blog-listing-1.html
  7. blog-listing-2.html
  8. blog-listing-3.html
  9. blog-listing-4.html
  10. contact-us.html
  11. 404-error-page.html



Magasin- News & Magazine HTML Template is based on HTML and css so you can edit it yourself.

Magasin- News & Magazine HTML Template use bootstrap to make it very easy for anybody to understand and we have created all the design in separate section. If user want to use any effect then pick that particular section and use it.


7.Upload Document

Unzip package in an directory where you will see Magasin- News & Magazine HTML Template folder. In this folder, change according to you then upload this folder on server root directory.

8.Help & Support

Thank you for purchasing Magasin- News & Magazine HTML Template. If you have any question that is beyond the scope of this documentation, Please feel free to email us [email protected]

Suggest Edit