Add Gulpfile.js and remove unneeded images

Gulpfile.js

@@ -0,0 +1,20 @@
+"use strict"
+let gulp = require('gulp');
+let cleanCSS = require('gulp-clean-css');
+let uglify = require('gulp-uglify');
+let concat = require('gulp-concat');
+
+gulp.task('styles', () => {
+  return gulp.src('css/*.css')
+    .pipe(cleanCSS({compatibility: 'ie8'}))
+  	.pipe(concat('all.css'))
+    .pipe(gulp.dest('dist'));
+});
+
+gulp.task('scripts', () => {
+  return gulp.src('js/*.js')
+  	.pipe(uglify())
+  	.pipe(concat('all.js'))
+  	.pipe(gulp.dest('dist'))
+})
+

index.html

@@ -8,13 +8,17 @@
 	   <title>Saburly</title>
 	
    
-    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+
   	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
+
+    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
     <link rel="stylesheet" type="text/css" href="css/style.css">
     <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
     <link href="css/animate.css" rel="stylesheet">
+   
+    <!-- <link href="dist/all.css" rel="stylesheet"> -->
 
     <!-- css for slider -->
     
@@ -93,7 +97,7 @@
               <img src="img/brush.png" class="img-responsive brush hidden-xs" alt="brush">
               <img src="img/brush-shadow.png" class="img-responsive brush-shadow hidden-xs" alt="brush-shadow" >
 
-              <img src="img/what_we_do/UX_UI_Design_mobile.svg" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
+              <img src="img/what_we_do/Mobile_Development_mobile_parallax@2x.png" class="img-responsive visible-xs full-width-img" alt="ui-webdesign">
               <!-- <img src="img/brush2.png" class="img-responsive brush visible-xs" alt="brush"> -->
               <!-- <img src="img/brush-shadow2.png" class="img-responsive brush-shadow visible-xs" alt="brush-shadow" > -->
             </div>
@@ -525,6 +529,7 @@
 
 
 <!-- javascript libraries -->
+<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
 <script src="js/jquery-1.11.2.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script src="js/owl.carousel.min.js"></script>
@@ -534,6 +539,8 @@
 <script src="js/jquery.bcSwipe.min.js"></script>
 <script src="js/custom.js"></script>
 
+<!-- all bundles -->
+<!-- <script src="dist/all.js"></script> -->
 
 </body>
 </html>

package.json

@@ -17,6 +17,9 @@
   },
   "homepage": "https://github.com/edazdarevic/saburly-website2#readme",
   "devDependencies": {
-    "gulp": "^3.9.1"
+    "gulp": "^3.9.1",
+    "gulp-clean-css": "^3.9.0",
+    "gulp-concat": "^2.6.1",
+    "gulp-uglify": "^3.0.0"
   }
 }