leet-incorrect-note.html
4.62 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>LEET 기출문제 자동채점 및 오답노트 생성</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
.nav{
height: 70px;
border-bottom: 1px solid black;
display: flex;
align-items: center;
}
.nav-right-items{
display: flex;
margin-left: auto;
}
.nav-item{
margin-left: 10px;
}
.title{
text-align: center;
font-size: 54px;
font-weight: bold;
line-height: 68px;
letter-spacing: -1px;
}
.subtitle{
text-align: center;
font-size: 15px;
font-weight:300;
font-weight: 700;
line-height: 36px;
letter-spacing: -.2px;
color: #000;
word-break: keep-all;
}
.main{
width: 800px;
margin: 0 auto;
margin-top: 60px;
}
.price{
display: flex;
}
.price-item{
width: 300px;
height: 300px;
border: 1px solid black;
margin: 20px;
border-radius: 4px;
text-align: center;
}
.price-item-title{
font-family: "NunitoSans";
font-weight: 900;
font-size: 20px;
text-align: center;
line-height: 36px;
letter-spacing: -.1px;
background: rgba(0,0,0,.03);
color: #000;
border-bottom: 1px solid black;
}
.price-item-price{
font-family: "NunitoSans";
font-weight: 900;
font-size: 20px;
padding: 20px;
text-align: center;
}
.price-item-detail{
font-family: "NunitoSans";
font-weight: 900;
font-size: 20px;
padding: 20px;
text-align: center;
}
.price-item-button{
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem;
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
</style>
</head>
<body>
<div class = "nav">
<div class = "nav-right-items"></div>
<div class = "nav-item">메뉴1</div>
<div class = "nav-item">메뉴2</div>
<div class = "nav-item">메뉴3</div>
<div class = "nav-item">메뉴4</div>
</div>
</div>
<div class = "main">
<div class = "title">
LEET
</div>
<div class = "subtitle">
시험 공부를 하다보면 틀린 문제를 한 곳에 모아서 다시 한 번 보거나 자주 틀리는 문제유형을 구분해서 보고 싶은 경우가 있다. 하나하나 손으로 문제 풀이한 것을 찾아볼 필요없이 OMR입력하는 것처럼 입력만 하면 답지에 의한 채점과 문제에 해당하는 카테고리끼리 묶어, 틀린문제들 모아서 시험지처럼 만들기(하나의 PDF), 해설서에 있는 답지 뒤에 붙여주는 기능을 제공하는 것이 목적이다. 현재는 리트와 관련된 기출문제와 OMR채점 기능밖에 없지만 앞으로 기출문제가 있는 객관식 시험이라면 대부분 추가할 예정이다. 수험생이 많은 우리나라에서 하나쯤은 있을법한 사이트이지만 웹상에서 존재하지 않아 기획하게 되었다.
</div>
<div class = "price">
<div class = "price-item">
<div class = "price-item-title">
2020학년도 법학적성시험
</div>
<div class = "price-item-price">
$0 / mo
</div>
<div class = "price-item-detail">
10 users included
</div>
<button class = "price-item-button">
click me
</button>
</div>
<div class = "price-item">
<div class = "price-item-title">
2019학년도 법학적성시험
</div>
<div class = "price-item-price">
$0 / mo
</div>
<div class = "price-item-detail">
10 users included
</div>
<button class = "price-item-button">
click me
</button>
</div>
<div class = "price-item">
<div class = "price-item-title">
2018학년도 법학적성시험
</div>
<div class = "price-item-price">
$0 / mo
</div>
<div class = "price-item-detail">
10 users included
</div>
<button class = "price-item-button">
click me
</button>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>