Defining the basic page structure

As usually, let’s start with defining the bare bones of the HTML page, linking necessary resources and applying default styles.


<!DOCTYPE html>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title> Online Shopping for Electronics, Apparel, Computers, Books, DVDs &amp; more</title>

  <link href="" rel="stylesheet">
  <link rel="stylesheet" href="" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <link rel="stylesheet" href="css/style.css"/>

  <!-- Main body -->

  <script src=""></script>
  <script src="" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>



html, body {
  margin: 0;
  font-family: arial,sans-serif;
  min-width: 900px;
  line-height: 14px;
  font-size: 14px;

* {
  box-sizing: border-box;

a {
  color: #0066c0;

a:hover {
  color: #c45500;