장규범 / Automake_Incorret_Note

Go to a project
Toggle navigation Toggle navigation pinning
kyubumJang
292ab5f0 1 parent dba9cf8c

ADD html

Expand all
Inline Side-by-side
Showing 5 changed files with 158 additions and 0 deletions
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
<u>LEET</u>
<strong>기출채점 오답노트</strong>
<!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>
\ No newline at end of file
This diff is collapsed. Click to expand it.