/
index.html
executable file
·100 lines (89 loc) · 3.42 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" href="css/css_main/matches.css">
<title>MATCHES</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="javascript/script.js"></script>
<script src="javascript/js_main/matches.js"></script>
<script src="javascript/js_main/entry.js"></script>
<style>
@font-face{
font-family: "文鼎圓體";
src: url('font/文鼎圓體M.OTF') format("opentype");
}
@font-face{
font-family: "Gotham Round";
src: url('font/GOTHAMRND-MEDIUM.OTF') format("opentype");
}
</style>
</head>
<body>
<div class="matches" >
<!-- star -->
<div class="star1 star"></div>
<div class="star2 star"></div>
<div class="star3 star"></div>
<div class="star4 star"></div>
<!-- toy -->
<div class="toy1 toy"></div>
<div class="toy2 toy"></div>
<div class="toy3 toy"></div>
<div class="toy4 toy"></div>
<!-- cloud -->
<div class="matches_cloud parallax" id="parallax_cloud1" data-offset="10">
<img src="images/matches/cloud1.png" alt="">
</div>
<div class="matches_cloud parallax" id="parallax_cloud2" data-offset="60">
<img src="images/matches/cloud2.png" alt="">
</div>
<div class="matches_cloud parallax" id="parallax_cloud3" data-offset="120">
<img src="images/matches/cloud3.png" alt="">
</div>
<!-- cloud -->
<div class="front_end entryButton" data-check="1">
<div class="pic1"><img src="images/matches/matches_front1.png" alt=""></div>
<div class="pic2"><img src="images/matches/matches_front2.png" alt=""></div>
<div class="pic3"><img src="images/matches/matches_front3.png" alt=""></div>
<div class="pic4"><img src="images/matches/matches_front4.png" alt=""></div>
<div class="person">
<div class="personPart1"><img src="images/matches/matches_front_person1.png"></div>
<div class="personPart2"><img src="images/matches/matches_front_person2.png"></div>
<div class="personPart3"><img src="images/matches/matches_front_person3.png"></div>
<div class="personPart4"><img src="images/matches/matches_front_person4.png"></div>
</div>
<div class="title">
<h2>前端</h2>
</div>
</div>
<div class="back_end entryButton" data-check="2">
<div class="pic1"><img src="images/matches/matches_back1.png" alt=""></div>
<div class="pic2"><img src="images/matches/matches_back2.png" alt=""></div>
<div class="pic3"><img src="images/matches/matches_back3.png" alt=""></div>
<div class="pic4"><img src="images/matches/matches_back4.png" alt=""></div>
<div class="person">
<div class="personPart1"><img src="images/matches/matches_back_person1.png"></div>
<div class="personPart2"><img src="images/matches/matches_back_person2.png"></div>
<div class="personPart3"><img src="images/matches/matches_back_person3.png"></div>
</div>
<div class="title">
<h2>後端</h2>
</div>
</div>
<div class="matches_logo">
<img src="images/matches/logo.png" alt="">
</div>
<label>
<input type="checkbox" class="dateChangeCheck" name="">
<span class="dateChange">
<span class="dateChangeIn"></span>
</span>
</label>
</div>
</body>
</html>