title: Gulp - multiple html files - how to display a chosen one in localhost:3000?
body: <p>My issue is:
  I have a project with several html files representing separate pages. I would like to be able to see one page a time in a browser under localhost:3000 address. The project file structure is as shown on a picture:
  <a href="https://i.stack.imgur.com/n3dKh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n3dKh.png" alt="enter image description here"></a></p>
  
  <p>I have set up a gulp in a way to display html under localhost:3000. However, I have no idea how to see each page separately in a browser. It displayed only one of them when I put it on the same level with "styles.scss". </p>
  
  <p>This is my gulpfile.js:</p>
  
  <pre><code>var gulp = require('gulp');
  var sass = require('gulp-sass');
  var browserSync = require('browser-sync').create();
  
  gulp.task('serve', ['sass'], function() {
  
      browserSync.init({
          server: "./app"
      });
  
      gulp.watch("app/**/*.scss", ['sass']);
      gulp.watch("app/*.html").on('change', browserSync.reload);
  });
  
  // Compile sass into CSS &amp; auto-inject into browsers
  gulp.task('sass', function() {
      return gulp.src("app/**/*.scss")
          .pipe(sass())
          .pipe(gulp.dest("app/css"))
          .pipe(browserSync.stream());
  });
  
  gulp.task('default', ['serve']);
  </code></pre>
  
  <p>Is it something that I should put in gulp to have those htmls rendered in a browser? I wouldn't like to change much the structure of files.</p>