-
Notifications
You must be signed in to change notification settings - Fork 0
/
resultB2.html
103 lines (86 loc) · 3.35 KB
/
resultB2.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
<html lang="en">
<head>
<link rel="stylesheet" href="./css/style.css">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
crossorigin="anonymous">
</script>
<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>Document</title>
</head>
<body>
<h1>추천메뉴판</h1>
<div class="main">
<input id="tab1" type="radio" name="tabs" checked> <!--디폴트 메뉴-->
<label for="tab1">당신의 점수</label>
<input id="tab2" type="radio" name="tabs">
<label for="tab2">성격유형</label>
<input id="tab3" type="radio" name="tabs">
<label for="tab3">추천 음식</label>
<section id="content1">
<p>당신의 점수 내용</p>
<p><행복점수></p><!--얼굴표정&살짝 코멘트-->
<img src="./사진/무표정.png"/>
<p>
그저 그런 상태군요.. 정말 아무 기분도 안 드는지, 안 풀리는 일에 체념하게 된건지 잘 생각해볼 필요가 있을 거 같아요…
</p>
<p><성격점수></p><!--막대그래프-->
<div class="gph_table">
<div>A유형</div>
<div class="graph stack1">
<span style="width:50%">50%</span>
</div>
<div>B유형</div>
<div class="graph stack2">
<span style="width:35%">35%</span>
</div>
<div>C유형</div>
<div class="graph stack3">
<span style="width:40%">40%</span>
</div>
<div>D유형</div>
<div class="graph stack4">
<span style="width:75%">75%</span>
</div>
<div>E유형</div>
<div class="graph stack5">
<span style="width:10%">10%</span>
</div>
</div>
</section>
<section id="content2">
<p>당신은 이런 사람같아요!</p>
<p>
자신에게 너무 많은 것을 바라고 있지만 자신의 역량이 부족하다고도 생각하고 있지는 않나요? 하고 싶은 건 많지만 할 때마다 금방 의지가 바닥나거나 합리화만 할 것 같아요…
</p>
<!--ppt참고-->
</section>
<section id="content3">
<p>이건 어때요?</p>
<p>추천하는 음식</p>
<img src="./사진/텐동.jpg"/>
<p>
하고 싶은 건 너무나도 많지만 쉽게 포기하시는 당신! 한번에 너무 많은 일을 하려는 것보다는 에너지바 조금씩 먹으면서
조그마한 목표를 점점 이뤄나가보세요!
</p>
<div class="couple">
<p>잘맞는 유형</p>
<img src="./사진/카레.PNG"/>
<p>잘 안맞는 유형</p>
<img src="./사진/과자.jpg"/>
</div>
</section>
</div>
<section title=".squaredThree">
<!-- .squaredThree -->
<div class="squaredThree">
<input type="checkbox" value="None" id="squaredThree" name="check" checked />
<label for="squaredThree"></label>
</div>
<!-- end .squaredThree -->
</section>
</body>
</html>