zuzitsu / UR_Village

Go to a project
Toggle navigation Toggle navigation pinning
이학주
5f6d79ce 1 parent 243b88a6

Modify index page and Add font

Inline Side-by-side
Showing 6 changed files with 56 additions and 12 deletions
......@@ -5,4 +5,7 @@
.card-body {
text-align: center;
}
body{
font-family: 'Noto Sans KR', sans-serif;
}
\ No newline at end of file
......
......@@ -30,4 +30,7 @@ body {
.divide {
border: dotted 1px gray;
width: 75%;
}
body{
font-family: 'Noto Sans KR', sans-serif;
}
\ No newline at end of file
......
body {
padding: 100px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
padding-left: 30%;
padding-top: 10% ;
}
body .gyeonggi {
width: 500px;
display: inline-block;
vertical-align: center;
margin-left: auto;
margin-right: auto;
}
.indexpage{
text-align: center;
display:inline-block;
margin-left: auto;
margin-right: auto;
}
.title {
vertical-align: middle;
text-align: center;
font: "serif";
}
body{
font-family: 'Noto Sans KR', sans-serif;}
input {
box-sizing: border-box;
width: 100%;
padding: 1em;
border: 0.15em solid #808080;
border-radius: 0.5em;
text-align: center;
}
.form-control{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 50%;
}
\ No newline at end of file
......

14.7 KB | W: | H:

5.28 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -5,17 +5,29 @@
<%- include('components/header') -%>
<body>
<img class="gyeonggi" src="/img/logo.png">
<div class ="indexpage">
<form action="/category" method="post" name="location">
<div class="form-group">
<label for="exampleFormControlInput1">당신이 조사하고 싶은 동네의 주소를 입력하세요!</label>
<input type="text" class="form-control" id="exampleFormControlInput1" name="sigun" placeholder="시/군을 입력하세요">
<input type="text" class="form-control" id="exampleFormControlInput1" name="gu" placeholder="구를 입력하세요">
<input type="text" class="form-control" id="exampleFormControlInput1" name="dong" placeholder="읍/면/동을 입력하세요">
</div>
<button type="submit" class="btn btn-primary">검색</button>
</form>
<form action="/category" method="post" name="location">
<div class="card mx-auto mb-2" style="width : 100%;">
<img class="gyeonggi" src="/img/logo.png" style ="margin :30px">
<div class="d-flex align-items-center">
<div class="card-body">
<h5 class="card-title">당신이 조사하고 싶은 동네의 주소를 입력하세요!</h5><br>
<input type="text" class="form-control" id="exampleFormControlInput1" name="sigun" placeholder="시/군을 입력하세요"><br>
<input type="text" class="form-control" id="exampleFormControlInput1" name="gu" placeholder="구를 입력하세요"><br>
<input type="text" class="form-control" id="exampleFormControlInput1" name="dong" placeholder="읍/면/동을 입력하세요"><br>
<button type="submit" class="btn btn-warning">검색</button><br>
</div>
</div>
</div>
</form>
</div>
</body>
</html>
\ No newline at end of file
......
......@@ -9,6 +9,8 @@
<link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' />
<link rel='stylesheet' href='/css/category.css'>
<link rel="stylesheet" href="/css/result.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">
<title>📝 결과</title>
</head>
......