You do not have to ask "Can this be done?"

                                
<header class="main-header">
...
</header>

<div class="main-body">
<nav class="side-nav">
...
</div>

<main>
...
</main>

<aside class="quick-view">
...
</div>
</div>

<footer class="main-footer">
...
</footer>
                                
                            

                                
var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('sass', function () {
return gulp
.src('../sass/*.scss')
.pipe(sass({
    includePaths: ['./bower_components']
}))
.pipe(autoprefixer({
    browsers: ['last 2 version', '> 5%']
}))
.pipe(gulp.dest('./css'));
});

gulp.task('default', ['scss']);
                                
                            

                                
var apiUrl = 'https://api.dgcipher.com/';

this.getLoggedUser = function() {
return $.ajax({
url: apiUrl + 'user/login?inc=name,location,email,picture',
dataType: 'json'
});
};

this.getPendingTasks = function () {
return $.getJSON(apiUrl + 'data/tasks/pending', function() {
console.log("Tasks loaded");
});
};
                                
                            

                                
class RouteServiceProvider extends ServiceProvider
{

public const HOME = '/home';

public function boot()
{
$this->configureRateLimiting();

$this->routes(function () {
Route::prefix('api')
    ->middleware('api')
    ->namespace($this->namespace)
    ->group(base_path('routes/api.php'));

Route::middleware('web')
    ->namespace($this->namespace)
    ->group(base_path('routes/web.php'));
});
}



}

                                
                            

                                
$(function(){

var isSmallScreen = checkSmallScreen()

$(window).resize(function () {
isSmallScreen = checkSmallScreen()
})

function checkSmallScreen() {
return window.innerWidth < 899 ? true : false
}

var doc = $(document);
var lang = document.location.pathname.split('/')[1]

$('#top').click(function(e){
$('html, body').animate({scrollTop : 0}, 500);
return false;
});

var added;
doc.scroll(function(e){
if (doc.scrollTop() > 5) {
if (added) return;
added = true;
$('body').addClass('scroll');
} else {
$('body').removeClass('scroll');
added = false;
}
})