htmlでボタンのURL指定先がすべて同じサイトになってしまう

前提・実現したいこと

htmlでボタンのURL指定先を別のサイトにしたい

発生している問題・エラーメッセージ

htmlでボタンのURL指定先がすべて同じサイトになってしまう

該当のソースコード

html
1<!DOCTYPE html>
2
3<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
4<head>
5    <meta charset="utf-8" />
6    <title>Test</title>
7
8 
9</head>
10
11
12<body data-vide-bg="sc/vide/GTA">
13    <link rel="stylesheet"href="sc/OwTop.css"> 
14
15    <script type="text/javascript" src ="sc/owTop.js"></script>
16    <script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
17    <script type="text/javascript" src ="sc/jquery.vide.min.js"></script>
18
19            <div id="back">
20           <a href ="https://playoverwatch.com/ja-jp/heroes/"><img src="sc/vide/heros.png"width="70" height="30"</a>
21//問題点①
22                <a href ="https://playoverwatch.com/ja-jp/game/overview/"><img src="sc/vide/map.png"width="70" height="30"</a>
23//ここまで
24        </div>
25    <div id="logo"><img src="sc/Logo.png" width="470" height="300"
26
27    </div>
28//問題点②
29    <input type="button" value=""  onclick="location.href = 'https://us.shop.battle.net/en-us/product/overwatch'"class="buy_btn" />
30        <input type="button" value="" onclick="location.href = 'https://www.youtube.com/watch?v=zXvHOviRpm8'" class="trailer" />
31//ここまで
32
33
34
35     </body>    
36</html>

css
1html,
2body{
3  margin: 0;
4  width: 100%;
5  height: 100%;
6}
7/*formの大きさを変更*/
8form{
9  height:auto;
10}
11
12/*ボタンを画像に変更*/
13.buy_btn{
14  border: 0px;
15  width: 204px;
16  height: 55px;
17
18
19}
20/*ボタンにマウスが乗った時マウスを手にする
21画像を透過させる*/
22.buy_btn:hover{
23  cursor: pointer;
24  opacity: 0.5;
25}
26
27.buy_btn {
28  position:absolute;
29	left:125px;
30	top:300px;
31
32  display: block;
33  margin-right: auto;
34  margin-left: auto;
35
36  background: url(vide/buybutton.png)no-repeat center center;
37}
38
39.trailer {
40  border: 0px;
41  width: 204px;
42  height: 55px;
43  position:absolute;
44  left:125px;
45  top:350px;
46
47
48  background: url(vide/trailerbutton.png)no-repeat center center;
49}
50.trailer:hover {
51			opacity: 0.5 ;
52		}
53#logo{
54    display: block;
55
56margin-left: 35%;
57position: absolute;
58top: 20%;
59}
60
61#back
62{
63  display: block;
64text-align: left;
65background-image: url(vide/band.png);
66width: 100%;
67height: 5%;
68}
69

補足情報（FW/ツールのバージョンなど）

問題点①
<a href ="https://playoverwatch.com/ja-jp/game/overview/"><img src="sc/vide/map.png"width="70" height="30"</a>

問題点②
    <input type="button" value=""  onclick="location.href = 'https://us.shop.battle.net/en-us/product/overwatch'"class="buy_btn" />
    <input type="button" value="" onclick="location.href = 'https://www.youtube.com/watch?v=zXvHOviRpm8'" class="trailer" />

問題点①のURLが問題点②のURLを書き換えてしまっています。
理由が分かりません