initialize template

.gitignore

@@ -0,0 +1,8 @@
+Thumbs.db
+.DS_Store
+.dist
+.tmp
+.sass-cache
+npm-debug.log
+node_modules
+package-lock.json

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Themefisher
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,71 @@
+# Bingo By Themefisher
+BINGO is a powerful Bootstrap Business Template from the Themefisher team. By using this theme, it will be possible for you to make your startup website / business website and more on.
+
+
+<!-- demo -->
+## Example Site
+| [![](screenshots/homepage.png)](https://demo.themefisher.com/themefisher/bingo/) | [![](screenshots/about.png)](https://demo.themefisher.com/themefisher/bingo/about.html) | [![](screenshots/service.png)](https://demo.themefisher.com/themefisher/bingo/service.html) |
+|:---:|:---:|:---:|
+| **Homepage 1**  | **About**  | **Service**  |
+| [![](screenshots/portfolio.png)](https://demo.themefisher.com/themefisher/bingo/portfolio.html) | [![](screenshots/contact.png)](https://demo.themefisher.com/themefisher/bingo/contact.html) | [![](screenshots/404.png)](https://demo.themefisher.com/themefisher/bingo/404.html) |
+| **Portfolio** | **Contact** | **404** |
+
+👉🏻[View Live Preview](https://demo.themefisher.com/themefisher/bingo/)
+
+
+<!-- download -->
+## Download And installation
+Download this template from any following options:
+
+* Download from [Github](https://github.com/themefisher/Bingo-Bootstrap-Business-Template/archive/master.zip)
+* Clone the repository: `git clone https://github.com/themefisher/Bingo-Bootstrap-Business-Template.git`
+* Download from [Themefisher](https://themefisher.com/products/bingo-bootstrap-business-template/)
+
+
+<!-- installation -->
+### Basic Usage
+After downloading template, you can simply edit the HTML and CSS files from the `theme` folder. To preview the changes you make to the code, you can open the index.html file in your web browser.
+
+### Advanced Usage
+For advanced usage you have some dependencies to install. Then you can run it on your localhost. You can view the package.json file to see which scripts are included.
+
+#### Install Dependencies
+* **Node Installation:** [Install node js](https://nodejs.org/en/download/)
+* **Gulp Installation:** Install gulp globally from your terminal 
+```
+npm install --global gulp-cli
+```
+Or visit original [docs](https://gulpjs.com/docs/en/getting-started/quick-start)
+
+#### Run Theme
+After succesfully install those dependencies, open this theme with any IDE [[VS Code](https://code.visualstudio.com/) recommended], and then open internal terminal of IDE [vs code shortcut <code>ctrl/cmd+\`</code>]
+
+* Install node package modules
+```
+npm install
+```
+* Run gulp
+```
+gulp
+```
+After that, it will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved.
+
+👉🏻 [visit documentation](https://docs.themefisher.com/bingo/)
+
+
+<!-- reporting issue -->
+## Reporting Issues
+We use GitHub Issues as the official bug tracker for the Meghna Template. Please Search [existing issues](https://github.com/themefisher/Bingo-Bootstrap-Business-Template/issues). It’s possible someone has already reported the same problem.
+If your problem or idea has not been addressed yet, feel free to [open a new issue](https://github.com/themefisher/Bingo-Bootstrap-Business-Template/issues).
+
+<!-- support -->
+## Technical Support or Questions (Paid)
+If you have questions or need help integrating the product please [contact us](mailto:[email protected]) instead of opening an issue.
+
+<!-- licence -->
+## License
+Copyright &copy; 2020 Designed & Developed by [Themefisher](https://themefisher.com)
+
+**Code License:** Released under the [MIT](https://github.com/themefisher/Bingo-Bootstrap-Business-Template/blob/master/LICENSE) license.
+
+**Image license:** The images are only for demonstration purposes. They have their own licence, we don't have permission to share those image.

gulpfile.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var gulp         = require('gulp');
+var sass         = require('gulp-sass');
+var sourcemaps   = require('gulp-sourcemaps');
+var fileinclude  = require('gulp-file-include');
+var autoprefixer = require('gulp-autoprefixer');
+var runSequence  = require('run-sequence');
+var bs           = require('browser-sync').create();
+var rimraf       = require('rimraf');
+
+var path = {
+  src: {
+    html    : 'source/*.html',
+    others  : 'source/*.+(php|ico|png)',
+    htminc  : 'source/partials/**/*.htm',
+    incdir  : 'source/partials/',
+    plugins : 'source/plugins/**/*.*',
+    js      : 'source/js/*.js',
+    scss    : 'source/scss/**/*.scss',
+    images  : 'source/images/**/*.+(png|jpg|gif|svg)'
+  },
+  build: {
+    dirDev : 'theme/'
+  }
+};
+
+// HTML
+gulp.task('html:build', function () {
+  return gulp.src(path.src.html)
+    .pipe(fileinclude({
+      basepath: path.src.incdir
+    }))
+    .pipe(gulp.dest(path.build.dirDev))
+    .pipe(bs.reload({
+      stream: true
+    }));
+});
+
+// SCSS
+gulp.task('scss:build', function () {
+return gulp.src(path.src.scss)
+  .pipe(sourcemaps.init())
+  .pipe(sass({ outputStyle: 'expanded' }).on('error', sass.logError))
+  .pipe(autoprefixer())
+  .pipe(sourcemaps.write('/'))
+  .pipe(gulp.dest(path.build.dirDev + 'css/'))
+  .pipe(bs.reload({
+    stream: true
+  }));
+});
+
+// Javascript
+gulp.task('js:build', function () {
+return gulp.src(path.src.js)
+  .pipe(gulp.dest(path.build.dirDev + 'js/'))
+  .pipe(bs.reload({
+    stream: true
+  }));
+});
+
+// Images
+gulp.task('images:build', function () {
+return gulp.src(path.src.images)
+  .pipe(gulp.dest(path.build.dirDev + 'images/'))
+  .pipe(bs.reload({
+    stream: true
+  }));
+});
+
+// Plugins
+gulp.task('plugins:build', function () {
+return gulp.src(path.src.plugins)
+  .pipe(gulp.dest(path.build.dirDev + 'plugins/'))
+  .pipe(bs.reload({
+    stream: true
+  }));
+});
+
+// Other files like favicon, php, sourcele-icon on root directory
+gulp.task('others:build', function () {
+return gulp.src(path.src.others)
+  .pipe(gulp.dest(path.build.dirDev))
+});
+
+// Clean Build Folder
+gulp.task('clean', function (cb) {
+  rimraf('./theme', cb);
+});
+
+// Watch Task
+gulp.task('watch:build', function () {
+  gulp.watch(path.src.html, ['html:build']);
+  gulp.watch(path.src.htminc, ['html:build']);
+  gulp.watch(path.src.scss, ['scss:build']);
+  gulp.watch(path.src.js, ['js:build']);
+  gulp.watch(path.src.images, ['images:build']);
+  gulp.watch(path.src.plugins, ['plugins:build']);
+});
+
+// Build Task
+gulp.task('build', function () {
+  runSequence(
+    'clean',
+    'html:build',
+    'js:build',
+    'scss:build',
+    'images:build',
+    'plugins:build',
+    'others:build',
+    'watch:build',
+    function () {
+      bs.init({
+        server: {
+          baseDir: path.build.dirDev
+        }
+      });
+    }
+  );
+});
+
+gulp.task("default", ["build"]);

package.json

@@ -0,0 +1,21 @@
+{
+  "name": "themefisher-theme-kit",
+  "version": "1.1.0",
+  "description": "Gulp environment for running HTML themes by themefisher",
+  "keywords": [
+    "gulp",
+    "frontend"
+  ],
+  "author": "Themefisher",
+  "license": "MIT",
+  "devDependencies": {
+    "browser-sync": "^2.24.5",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^5.0.0",
+    "gulp-file-include": "^2.0.1",
+    "gulp-rimraf": "^0.2.2",
+    "gulp-sass": "^4.0.1",
+    "gulp-sourcemaps": "^2.6.4",
+    "run-sequence": "^2.2.1"
+  }
+}

source/404.html

@@ -0,0 +1,17 @@
+@@include('header.htm')
+
+<section class="page-404 section text-center">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-12">
+				<h1>404</h1>
+				<h2>Page Not Found</h2>
+				<p>Sorry, but the page you were trying to view does not exist.</p>
+				<a href="index.html" class="btn btn-main mt-20">Go Home</a>
+			</div>
+		</div>
+	</div>
+</section>
+
+
+@@include('footer.htm')

source/about.html

@@ -0,0 +1,100 @@
+@@include('header.htm')
+
+@@include('blocks/navigation.htm',{
+"active" : "about"
+})
+
+@@include('blocks/page-header.htm', {
+"page-name": "About Us"
+})
+
+<section class="about-shot-info section-sm">
+	<div class="container">
+		<div class="row">
+			<div class="col-lg-6 mt-20">
+				<h2 class="mb-3">We Create Designs<br> and technology</h2>
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat voluptate molestias, quaerat quo natus
+					dolor harum voluptatibus modi dicta ducimus.</p>
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quae officia earum dolore est quaerat
+					cupiditate voluptatibus id, magni alias veniam voluptate, libero explicabo, distinctio atque!</p>
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, fugit itaque ratione incidunt voluptas.
+					Quaerat quidem dolor, quisquam amet inventore quas adipisci ea sint qui placeat beatae molestias aut, aperiam!
+				</p>
+			</div>
+			<div class="col-lg-6 mt-4 mt-lg-0">
+				<img loading="lazy" class="img-fluid" src="images/company/company-image.jpg" alt="">
+			</div>
+		</div>
+	</div>
+</section>
+
+
+<section class="company-mission section-sm bg-gray">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-6">
+				<h3>Our Mission</h3>
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere in suscipit voluptatum totam dolores
+					assumenda vel, quia earum voluptatem blanditiis vero accusantium saepe aliquid nulla nemo accusamus, culpa
+					inventore! Culpa nemo aspernatur tenetur, at quam aliquid reprehenderit obcaecati dicta illum mollitia,
+					perferendis hic, beatae voluptates? Ex labore, obcaecati harum nam.</p>
+				<img loading="lazy" src="images/company/company-image-2.jpg" alt="" class="img-fluid mt-30">
+			</div>
+			<div class="col-md-6 mt-5 mt-md-0">
+				<h3>Our Vision</h3>
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere in suscipit voluptatum totam dolores
+					assumenda vel, quia earum voluptatem blanditiis vero accusantium saepe aliquid nulla nemo accusamus, culpa
+					inventore! Culpa nemo aspernatur tenetur, at quam aliquid reprehenderit obcaecati dicta illum mollitia,
+					perferendis hic, beatae voluptates? Ex labore, obcaecati harum nam.</p>
+				<img loading="lazy" src="images/company/company-image-3.jpg" alt="" class="img-fluid mt-30">
+			</div>
+		</div>
+	</div>
+</section>
+
+
+@@include('blocks/about-video.htm')
+
+@@include('blocks/call-to-action.htm')
+
+<section class="section grallery">
+	<div class="container-fluid">
+		<div class="row justify-content-center">
+			<div class="col-xl-6 col-lg-8">
+				<div class="title text-center">
+					<h2>Sneak Peak Gallery</h2>
+					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore numquam esse vitae recusandae qui
+						aspernatur, blanditiis, laboriosam dignissimos dolore facere provident ex? Porro, praesentium consectetur
+						tempore. Nulla, error eius dolorem.</p>
+						<div class="border"></div>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-12">
+				<div class="company-gallery">
+					<img loading="lazy" src="images/company/gallery-1.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-2.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-3.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-4.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-5.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-5.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-1.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-2.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-3.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-4.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-5.jpg" alt="">
+					<img loading="lazy" src="images/company/gallery-5.jpg" alt="">
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
+
+@@include('blocks/team.htm')
+@@include('blocks/counter.htm')
+@@include('blocks/call-to-action-2.htm')
+
+@@include('blocks/footer.htm')
+
+@@include('footer.htm')