Looking to start your project quickly? Just unzip the Conference-v2.0.0.zip. We have precompiled and packaged everything in the pages directory for you. Start editing the pages/page-starter.html with a text or code editor, save it, and open the file in your favourite browser to see the changes.

Unzip the Conference-v2.0.0.zip to any folder and open a command line or terminal at that location. theme's dev tools require Node and Git . If you do not have them in your machine, please install their latest stable version from their corresponding website. As you have Node and Git installed and accessible from your terminal or command line, install Gulp CLI package globally with the following command:

npm i gulp-cli -g

When you’re done, install the rest of the theme’s dependencies with:

npm i

Now run:

gulp

Running gulp will compile the SCSS, transpile the javascript, copy all required libraries form node_modules to the corresponding pages/assets/ directory and will open a browser window to pages/index.html

All of the following folders are monitored for changes, which will tell the browser to reload automatically after any changes are made:

pages/*.html
pages/assets/fonts/
pages/assets/video/
pages/assets/img/
scss/ 
js/

Now you can edit any html file from pages, change SCSS variable with _user-variables.scss, or write your own SCSS code in scss/_user.scss

js/bootstrap/
scss/bootstrap/
pages/assets/css/
pages/assets/js/
pages/assets/lib/

Hit Ctrl+C or just close the command line window to stop the server.

Happy editing!

To make broader changes to the design of the theme, such as changing the color scheme or font sizes, use scss/_user-variables.scss. Any variable from scss/bootstrap/_variables.scss or scss/custom/_variables.scss can be overridden with your own value.

To compile theme-rtl.css directly with the built tools run:

product scss:rtl

To set your build tool in rtl mode, change the following code located at the last line of your gulpfile.js

From:

gulp.task('default', product.series('copy:dependency', 'scss', 'js', product.parallel('watch', 'serve')));

to:

gulp.task('default', product.series('copy:dependency', 'scss:rtl', 'js', product.parallel('watch', 'serve')));

And Also update the gulp watch to call the scss:rtl task by updating the following code at line 401 in your gulpfile.js:

From:

gulp.watch(Paths.SCSS.ALL, product.series('scss'));

to:

gulp.watch(Paths.SCSS.ALL, product.series('scss:rtl'));

Place your new plugin in pages/assets/lib folder. Eg: to add the typed.js plugin, we will download it from here, unzip it and place the typed.js-master folder in pages/assets/lib folder.

Suppose we are installing the typed.js plugin. Here are the steps:

Step 1:

Paths = {
	... 
	DEPENDENCIES: {
		...
		'typed.js': {
			FROM: 'node_modules/typed.js/lib/*.*',
			TO: lib,
		},
	},
	...
},

Here, lib refers to pages/assets/lib, where gulp will copy files from the typed.js plugin. We actually use the lib folder to store neccassary plugins

Step 3:

Run the following command:

gulp copy:dependency

An accordion allows users to toggle the display of sections of content.

A simple and html agnostic date countdown plugin for jQuery

JavaScript lightbox library for presenting various types of media. Responsive, touch-enabled and customizable.

Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.

A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo.