Introduction
Gameforest built with Bootstrap 4- the world’s most popular framework for building responsive, mobile-first sites and applications. Inside you’ll find high quality HTML, CSS, SASS, TWIG and JavaScript to make starting any project easier than ever.
What's included
Within Gameforest theme you’ll find the following directories and files, grouping common resources and providing both compiled and minified distribution files, as well as raw source files.
- build
- js
- theme.js
- scss
- mixins
- _alerts.scss
- _badges.scss
- _breakpoints.scss
- _buttons.scss
- _forms.scss
- _grid.scss
- _grid-framework.scss
- _utilities.scss
- _accordion.scss
- _alerts.scss
- _animation.scss
- _badge.scss
- _buttons.scss
- _cards.scss
- _carousel.scss
- _comments.scss
- _custom.scss
- _demo.scss
- _dropdown.scss
- _footer.scss
- _forms.scss
- _forums.scss
- _gallery.scss
- _grid.scss
- _header.scss
- _heading.scss
- _hero.scss
- _layouts.scss
- _lightbox.scss
- _mixins.scss
- _modals.scss
- _notification.scss
- _pagination.scss
- _plugins.scss
- _popover.scss
- _posts.scss
- _progress.scss
- _responsive.scss
- _section.scss
- _tables.scss
- _tabs.scss
- _type.scss
- _utilities.scss
- _variables.scss
- _widgets.scss
- theme.scss
- mixins
- twig
- views
- footer.twig
- header.twig
- layout.twig
- 404.twig
- blank-page.twig
- blog.twig
- blog-cards.twig
- blog-columns.twig
- blog-medium.twig
- blog-post.twig
- blog-post-audio.twig
- blog-post-carousel.twig
- blog-post-disqus.twig
- blog-post-facebook.twig
- blog-post-medium.twig
- blog-post-video.twig
- blog-sidebar.twig
- blog-timeline.twig
- components-accordions.twig
- components-alerts.twig
- components-badges.twig
- components-buttons.twig
- components-cards.twig
- components-carousel.twig
- components-charts.twig
- components-columns.twig
- components-data-tables.twig
- components-dropdowns.twig
- components-form-controls.twig
- components-form-layouts.twig
- components-form-plugins.twig
- components-google-maps.twig
- components-hero.twig
- components-icons.twig
- components-lightbox.twig
- components-media-player.twig
- components-modals.twig
- components-notifications.twig
- components-pagination.twig
- components-popovers.twig
- components-progress-bars.twig
- components-promo-boxes.twig
- components-social.twig
- components-tables.twig
- components-tabs.twig
- components-text-editor.twig
- components-typography.twig
- components-utilities.twig
- components-video-background.twig
- components-widgets.twig
- contact.twig
- faq.twig
- forum-create.twig
- forum-post.twig
- forums.twig
- forum-topic.twig
- full-width.twig
- gallery.twig
- game-post.twig
- games.twig
- home-blog.twig
- home-coming-soon.twig
- home-magazine.twig
- home-streamer.twig
- home-videos.twig
- index.twig
- login.twig
- login-2.twig
- profile.twig
- register.twig
- review-post.twig
- reviews.twig
- video-post.twig
- videos.twig
- views
- gulpfile.js
- package.js
- js
- upload
- css
- custom.css
- theme.css
- theme.min.css
- img
- js
- theme.js
- theme.min.js
- plugins
- animate
- animate.min.css
- bootstrap
- css
- bootstrap.min.css
- js
- bootstrap.min.js
- css
- countdown
- jquery.countdown.min.js
- datatables
- dataTables.bootstrap4.min.js
- dataTables.bootstrap4.min.css
- jquery.dataTables.min.js
- easypiechart
- jquery.easing.1.3.js
- jquery.easypiechart.min.js
- flatpickr
- flatpickr.css
- flatpickr.js
- flatpickr.min.css
- flatpickr.min.js
- font-awesome
- css
- font-awesome.css
- font-awesome.min.css
- fonts
- FontAwesome.otf
- fontawesome-webfont.eot
- fontawesome-webfont.svg
- fontawesome-webfont.ttf
- fontawesome-webfont.woff
- fontawesome-webfont.woff2
- css
- jquery
- jquery-3.2.1.min.js
- lightbox
- lightbox.js
- morris
- morris.css
- morris.js
- morris.min.js
- raphael-2.1.0.min.js
- notification
- notification.js
- owl-carousel
- css
- ajax-loader.gif
- owl.carousel.css
- owl.carousel.min.css
- owl.video.play.png
- js
- owl.carousel.js
- owl.carousel.min.js
- css
- prettify
- prettify.css
- prettify.js
- select2
- css
- select2.css
- select2.min.css
- js
- select2.js
- select2.full.js
- select2.full.min.js
- select2.min.js
- css
- sticky
- jquery.sticky.js
- summernote
- font
- summernote.eot
- summernote.ttf
- summernote.woff
- lang
- plugin
- summernote-bs4.css
- summernote-bs4.js
- animate
- switchery
- switchery.min.css
- switchery.min.js
- ytplayer
- images
- jquery.mb.YTPlayer.min.css
- jquery.mb.YTPlayer.min.js
- css
- 404.html
- blank-page.html
- blog.html
- blog-cards.html
- blog-columns.html
- blog-medium.html
- blog-post.html
- blog-post-audio.html
- blog-post-carousel.html
- blog-post-disqus.html
- blog-post-facebook.html
- blog-post-medium.html
- blog-post-video.html
- blog-sidebar.html
- blog-timeline.html
- components-accordions.html
- components-alerts.html
- components-badges.html
- components-buttons.html
- components-cards.html
- components-carousel.html
- components-charts.html
- components-columns.html
- components-data-tables.html
- components-dropdowns.html
- components-form-controls.html
- components-form-layouts.html
- components-form-plugins.html
- components-google-maps.html
- components-hero.html
- components-icons.html
- components-lightbox.html
- components-media-player.html
- components-modals.html
- components-notifications.html
- components-pagination.html
- components-popovers.html
- components-progress-bars.html
- components-promo-boxes.html
- components-social.html
- components-tables.html
- components-tabs.html
- components-text-editor.html
- components-typography.html
- components-utilities.html
- components-video-background.html
- components-widgets.html
- contact.html
- faq.html
- forum-create.html
- forum-post.html
- forums.html
- forum-topic.html
- full-width.html
- gallery.html
- game-post.html
- games.html
- home-blog.html
- home-coming-soon.html
- home-magazine.html
- home-streamer.html
- home-videos.html
- index.html
- login.html
- login-2.html
- profile.html
- register.html
- review-post.html
- reviews.html
- video-post.html
- videos.html
HTML markup
The basic template is a guideline for how to structure your pages when building with the Gameforest Theme. Included below are all the necessary bits for using the theme’s CSS and JS, as well as some friendly reminders.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Gameforest - Gaming Theme HTML</title>
<!-- vendor css -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="plugins/animate/animate.min.css">
<!-- theme css -->
<link rel="stylesheet" href="css/theme.min.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body class="fixed-header">
<h1>Hello, world!</h1>
<!-- vendor js -->
<script src="plugins/jquery/jquery-3.2.1.min.js"></script>
<script src="plugins/popper/popper.min.js"></script>
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- theme js -->
<script src="js/theme.min.js"></script>
</body>
</html>Copy the HTML below to begin working with a minimal Gameforest theme.
Browser Support
The following table lists the versions that Gameforest is tested on. "Latest" means that it works just fine on all recent versions of that browser. With many browser moving towards a rolling release strategy, pinning down browser support to a specific version has become a little tricky in recent years. Gameforest will work on pretty much any modern browser.
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Latest | Latest | Latest | 11 | 7.1+ | Latest |