You can try changing the beginning of your website:
HTML Code:
<header>
<meta charset="utf-8">
<title> Website Trial </title>
<!-- Google Web Fonts for the demo -->
<link href='http://fonts.googleapis.com/css?family=Carter+One' rel='stylesheet' type='text/css'>
<!-- Basic Jquery Slider styles (This is the only essential css file) -->
<link rel="stylesheet" href="contact_styles.css">
</header>
For the following code:
HTML Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Website Trial </title>
<!-- Google Web Fonts for the demo -->
<link href='http://fonts.googleapis.com/css?family=Carter+One' rel='stylesheet' type='text/css'>
<!-- Basic Jquery Slider styles (This is the only essential css file) -->
<link rel="stylesheet" href="contact_styles.css">
</head>
I have used the label <head> instead of <header>.
I have also put the correct line to encode your HTML code to use UTF-8.