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) 2021 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,85 @@
+# Rapoo By Themefisher
+Rapoo is set of landing and support pages aimed at helping companies promote new products and business launches.
+
+
+<!-- demo -->
+## Example Site
+| [![](screenshots/index1.png)](https://demo.themefisher.com/rappo/) | [![](screenshots/index2.png)](https://demo.themefisher.com/rappo/index-2.html) | [![](screenshots/index3.png)](https://demo.themefisher.com/rappo/index-3.html) |
+|:---:|:---:|:---:|
+| **Home 1**  | **Home 2**  | **Home 3** |
+| [![](screenshots/index4.png)](https://demo.themefisher.com/rappo/index-4.html) | [![](screenshots/about.png)](https://demo.themefisher.com/rappo/about.html) | [![](screenshots/service.png)](https://demo.themefisher.com/rappo/service.html) |
+| **Home 4** | **About** | **Service** |
+| [![](screenshots/pricing.png)](https://demo.themefisher.com/rappo/pricing.html) | [![](screenshots/projects.png)](https://demo.themefisher.com/rappo/project.html) | [![](screenshots/project-details.png)](https://demo.themefisher.com/rappo/project-details.html) |
+| **Pricing** | **Project** | **Project Details** |
+| [![](screenshots/contact.png)](https://demo.themefisher.com/rappo/contact.html) |
+| **Contact** |
+
+👉🏻[View Live Preview](https://demo.themefisher.com/rappo/)
+
+
+<!-- download -->
+## Download And installation
+Download this template from any following options:
+
+* Download from [Github](https://github.com/themefisher/Rapoo-It-Solutions-&-Corporate-Template/archive/master.zip)
+* Clone the repository: `git clone https://github.com/themefisher/Rapoo-It-Solutions-&-Corporate-Template.git`
+* Download from [Themefisher](https://themefisher.com/products/rappo-corporate-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 IDM [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/rappo/)
+
+
+<!-- reporting issue -->
+## Reporting Issues
+We use GitHub Issues as the official bug tracker for the Rapoo Template. Please Search [existing issues](https://github.com/themefisher/Rapoo-It-Solutions-&-Corporate-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/Rapoo-It-Solutions-&-Corporate-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; 2021 Designed & Developed by [Themefisher](https://themefisher.com)
+
+**Code License:** Released under the [MIT](https://github.com/themefisher/Rapoo-It-Solutions-&-Corporate-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.
+
+<!-- resources -->
+## Resources
+Some third-party plugins that we used to build this template. Please check their licence.
+* **Bootstrap v4.5**: https://getbootstrap.com/docs/4.5/getting-started/introduction/
+* **Jquery v3.3.1**: https://jquery.com/download/
+* **Google Fonts**: http://fonts.google.com/
+* **Themify Icons**: https://themify.me/themify-icons/
+* **Font Awesome Free**: https://fontawesome.com/
+* **Slick**: https://kenwheeler.github.io/slick/

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/about.html

@@ -0,0 +1,20 @@
+@@include('header.htm')
+@@include('blocks/nav-3.htm')
+@@include('blocks/page-header.htm', {
+"title": "Creative It agency",
+"description": "We'd love to talk about how we can help you."
+})
+
+
+@@include('blocks/process.htm')
+
+@@include('blocks/portfolio.htm')
+
+
+@@include('blocks/testimonial.htm')
+@@include('blocks/blog.htm')
+
+@@include('blocks/footer.htm')
+
+@@include('footer.htm')
+

source/contact.html

@@ -0,0 +1,12 @@
+@@include('header.htm')
+@@include('blocks/nav-3.htm')
+@@include('blocks/page-contact.htm', {
+"title": "Got a question?",
+"description": "We'd love to talk about how we can help you."
+})
+
+@@include('blocks/contact.htm')
+@@include('blocks/footer.htm')
+
+@@include('footer.htm')
+

source/images/ico/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

source/images/ico/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}