VanComputer WebDeasign

                            
<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.5studios.net/';

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");
    });
};

                            
$("#register-form").validate({
  rules: {
    username: {
      required: true,
      minLength: 2,
      remote: "register.php"
    }
  },
  messages: {
    username: {
      required: "Enter your username",
      minLength: "At least 2 characters are necessary",
      remote: String.format("The name {0} is already in use")
    }
  }
});

                            body {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #6d768b;
  text-align: left;
  background-color: #ffffff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.75rem; }

            

                            
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

 var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Removes the last element ("Mango") from fruits 

                            
 <?php
for ($x = 0; $x <= 100; $x+=10) {
  echo "The number is: $x 
";
}
?> 

 <?php
$x = 1;

do {
  echo "The number is: $x 
";
  $x++;
} while ($x <= 5);
?>  <?php
$x = 6;

do {
  echo "The number is: $x 
";
  $x++;
} while ($x <= 5);
?> 

                            
$(".dropdown").on("show.bs.dropdown", function(event){
  var x = $(event.relatedTarget).text(); // Get the text of the element
  alert(x);
}); 

Add data-toggle="dropdown" to a link or a button to toggle a dropdown menu.
$('.dropdown-toggle').dropdown();