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.
- 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
This snippet has a responsive layout.
If any styles need to be changed just replace it with the wanted styles in the respective block in your style.css.
The JS file is custom.js
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 (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)
We have designed different pages.
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.
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 firstname.lastname@example.org