sergey

Самый обычный slick-slider с миниатюрами, не знаю как вы пользуетесь поиском

Ушел месяц назад, был в топ-100 как разработчик и в топ-15 как верстальщик на бирже, но получил оффер от американской компании и не устоял, а почему? надоело в одиночестве кодить:))

Никак

Прочитайте о gulp-plumber

Уже изучено: HTML, CSS, JS, где и как купить домен;

Вы это серьезно???

Понятное дело dist

Сравните свой код и вот этот например : jsfiddle

В чем собственно трудности, это обычный слайдер с миниатюрами, возьмите к примеру Slider Syncing slick slider и просто кастомизируйте его, все просто.

У вас все обернуто в .container, который имеет отступы по 15px, уберите их:

.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

собираю к примеру вот так, все ок, не жалуюсь

// ~ Compile JS ~
var jsFilter = gulpFilter('**/*.js');

// Concat vendor JS (uglify for production)
gulp.task('js:vendor', function() {
    gulp.src(mainBowerFiles({
          "overrides": {
              "jquery": {
                  "main": "./dist/jquery.min.js"
              },

	          "magnific-popup": {
                  "main": "./dist/jquery.magnific-popup.min.js"
              },

             "slick-carousel": {
                  "main": "./slick/slick.min.js"
              },

              "readmore-js": {
                  "main": "./readmore.js"
              }
          }
  }))
      .pipe(jsFilter)
      .pipe(concat('vendor.js'))
      .pipe(gulpIf(env !== 'dev', uglify()))
	  .pipe(size())
      .pipe(gulp.dest(outputDir + 'js'))
});

// Concat own JS (uglify for production)
gulp.task('js', function() {
    gulp.src(src.js)
        .pipe(jsHint())
        .pipe(jsHint.reporter('default'))
        .pipe(concat('script.js'))
        .pipe(gulpIf(env !== 'dev', uglify()))
        .pipe(gulp.dest(outputDir + 'js'))
	    .pipe(size())
        .pipe(connect.reload());
});

Вот самый простой и доступный пример Browsersync +Gulp.js

открыл скрин и страшно стало, что это за запись: section col-lg-12?
Это Bootstrap и в нем нет свободного творчества, откройте туториал и учите.
вот так можно писать, а так как Вы нет

<div class="container-fluid main-offer">
	<div class="row">
		<div class="col-sm-5 text-center description">
			<h1>gina</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam porro illum reiciendis magni cupiditate, blanditiis sapiente! Labore quo optio aliquam.</p>
		</div>
	</div

совет на будущее: код предоставляется не в скриншотах а в песочнице: jsfiddle/codepen
пример, только вместо цвета, картинку свою поставьте
jsfiddle

для Webstorm/PHPStorm, вот здесь Exclude files почитайте, о файлах там сказано.

1) треугольник сделать очень просто, с помощью :before и :after, повесив их на выпадающий список, обычно это ul.dropdown (имеется ввиду что Вы используете плагин для стилизации select)
хотя бы этот jquery-form-styler/
2) не понятно что Вы хотите узнать.

PS
arrow display: none
Но прежде чем гадать предоставьте код в jsfiddle