Xpressmag is ultra fast clean and responsive Magazine & News portal HTML template. Xpressmag can be used to build any Magazine, Newspaper, News portal, Editorial websites & Blogs.
The below documentation guide a beginner to develop their website.
Before you start to edit on the file first you should know about the folder components
Below is the screeshot of the template folder itself.
According to the folder structure, Assets folder is where we have kept our images, fonts, scss, css and Js.
CASE 1 : We believe that you already have little knowledge of gulp. Gulp.js file is include in the main package file. Check the gulp.js file you will come to know that plugins are needed to be installed. Let me guide little with the process.
CASE 2 : We belive you are reading this case because you couldn't use gulp. We will now help you to understand the folder structure and link the required assets file in you HTML files.
if you have knowledge of SASS go ahead and start using Source SASS files which are inside SRC folder. You can use KOALA compiler OR similar app to compile the SASS to CSS.
If you do not have knowledge of SASS then you can simply create a style file inside DIST / CSS folder, name it as you want. Link that to the HTML files & start writing your own CSS. Make sure you link that below our CSS file in HTML file.
We have placed all source js files inside SRC/JS directory. Where Custom is directory for custom js, Plugins directory for external library & JQuery directory for jQuery library. If you want to add external libary make sure you put that inside plugin folder and run Gulp. It will bundle all js outputs to DIST/JS/bundle.min.js file.
In the figure below you can check how we have placed our source js file.
We have placed our SCSS files inside SRC/SCSS, Where main.scss acts as a master importer & custom stylesheet is inside custom/styles.scss. Make sure to play a little bit with masin.scss file you can easily understand the scss flow. We have used few mixins and tried our best to write Scss like in palin css.
You can find table of content for custom stylesheet inside scss file at custom/_styles.scss
Icon fonts file can be found inside dist/fonts directory. CSS of fonts file is included through SCSS file. FontAwesome is uded for icons.
All the images that are used for template are placed inside dist/img/ directory.
Looking for support ? Shoot us email at email@example.com. We will be happy yo assist you.