-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (131 loc) · 4.86 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>사파리 동물MBTI테스트</title>
<meta
name="description"
content="내 mbti 성향과 어울리는 사파리 속 야생 동물 친구들과 그 특징을 알아보세요! MBTI 기반의 성격유형검사입니다."
/>
<meta property="og:type" content="website" />
<meta property="og:title" content="사파리 동물MBTI테스트" />
<meta
property="og:description"
content="내 mbti 성향과 어울리는 사파리 속 야생 동물 친구들과 그 특징을 알아보세요! MBTI 기반의 성격유형검사입니다."
/>
<meta
property="og:image"
content="https://mbtitest-cha.netlify.app/shortcut.png"
/>
<meta property="og:url" content="https://mbtitest-cha.netlify.app/" />
<meta
name="google-site-verification"
content="GvoXzWzFuMlaM10DB77EMUbaWaZxmggN_X4mygtraVE"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<link rel="canonical" href="https://mbtitest-cha.netlify.app/" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="style.css" />
<script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1859401048712255"
crossorigin="anonymous"
></script>
</head>
<body class="container">
<article class="start">
<h1 class="main-title mt-5 text-center">사파리 동물 테스트</h1>
<h2 class="sub-title mt-2 text-center">나를 닮은 동물은?</h2>
<div class="start-cover mt-3 mb-3">
<button
type="button"
class="btn-start btn btn-primary"
onclick="start()"
>
테스트 시작하기
</button>
</div>
</article>
<article class="question">
<div class="progress mt-5">
<div
class="progress-bar"
role="progressbar"
style="width: calc(100 / 12 * 1%)"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
<h2 id="title" class="question-content text-center mt-5">문제</h2>
<input id="type" type="hidden" value="EI" />
<div class="rectangle mt-5"></div>
<button id="A" type="button" class="btn-answer btn btn-primary pt-5 pb-5">
A
</button>
<div class="mid-rectangle"></div>
<button id="B" type="button" class="btn-answer btn btn-primary pt-5 pb-5">
B
</button>
<div class="rectangle"></div>
</article>
<article class="result">
<h1 class="main-title mt-5 text-center">사파리 동물 테스트</h1>
<img id="img" class="rounded-circle mt-5" src="lion.jpg" alt="animal" />
<h2 id="animal" class="result-animal text-center mt-5">동물이름</h2>
<h3 id="explain" class="result-explain text-center mt-5">설명</h3>
<div class="rectangle mt-4 mb-4"></div>
<span class="share-message mb-4"
>나의 동물 MBTI <strong>공유하기</strong></span
>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="share addthis_inline_share_toolbox_yu7o"></div>
</article>
<article class="logo">
<span class="mt-2 text-center copyright-text"
>Copyright 2021. Henry-Cha all rights reserved</span
>
</article>
<article class="kakao_ad mt-5">
<ins
class="kakao_ad_area"
style="display: none"
data-ad-unit="DAN-oEbxAfEMwdlZp8VN"
data-ad-width="320"
data-ad-height="100"
></ins>
</article>
<script
type="text/javascript"
src="//t1.daumcdn.net/kas/static/ba.min.js"
async
></script>
<input type="hidden" id="EI" value="0" />
<input type="hidden" id="SN" value="0" />
<input type="hidden" id="TF" value="0" />
<input type="hidden" id="JP" value="0" />
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"
></script>
<script src="test.js"></script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script
type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60f972bff4838f4d"
></script>
</body>
</html>