IMPORTANT: rethought the whole system and made a .html document  for the system; Now we code from top to bottom