๐๏ธ Todo. ์๊ธฐ์๊ฐ ํ์ด์ง ๋ง๋ค๊ธฐ
โ ย ๊ฒฐ๊ณผํ๋ฉด & Code
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>์๊ธฐ์๊ฐ ํ์ด์ง</title>
</head>
<body>
<header>
<h2>์๋
ํ์ธ์ ๐</h2>
<h4>์์ด๋์ด๊ฐ ๋์น๋ ํ๋ก ํธ์๋๋ฅผ ๊ฟ๊พธ๋ '๊ฐ์ฑ์ผ' ์
๋๋ค.</h4>
<br/>
</header>
<section id="introduce">
<a href="https://github.com/widrns15"><img src="https://avatars.githubusercontent.com/u/85780501?s=400&u=69758b6af4c86b01c1a14f6856f6d9e20d9a5537&v=4" alt="ํ๋กํ ์ฌ์ง" width="20%"/></a>
<p>โฌ๏ธ ์ด๋ฏธ์ง๋ฅผ ๋๋ฅด๋ฉด ์์ธ์ฃผ์๋ก ์ด๋ํด์ฉ โฌ๏ธ</p>
<br/>
<h3>โณ๏ธ ๋ชฉํ</h3>
<ul>
<li>๋ถํธ์บ ํ ๋๋์๋ง์ <b>์ฐ๋ด 3600</b> ์ด์, ๋ณต์ง ์ข์ ํ์ฌ ์ทจ์
ํ๊ธฐ</li>
<li>๋ถ๋ชจ๋๊ป ๊ธ์ต์ผ๋ก ํจ๋ํ๊ธฐ</li>
<li>ํ์ฌ์ฒ๋ผ ํ๋ณตํ ์ถ ์ด๊ธฐ</li>
</ul>
<br/>
<h3>๐ช ๋ชฉํ๋ฅผ ์ด๋ฃจ๊ธฐ ์ํ ๋ค์ง</h3>
<ul>
<li>TIL ์์ฑ โจ</li>
<li>๋ฒ์์ ์ค์ง ์๋๋ก ์กฐ์ </li>
<li>๋ค์ ๋จ๊ณ๋ฅผ ์ํ ๊ณํ ์ธ์ฐ๊ธฐ</li>
</ul>
</section>
<br/>
<hr/>
<footer>
<h4>โฌ๏ธ ๋์ ๊ธฐ๋ก </h4>
<a href="https://github.com/widrns15">๊นํ๋ธ</a>
<br/>
<a href="https://velog.io/@widrns15">๋ฒจ๋ก๊ทธ</a>
<br/>
<br/>
<hr/>
<br/>
<form>
<fieldset>
<legend><b>๋ฐฉ๋ช
๋ก</b></legend>
<ul id="visit" style="list-style-type: none;">
<li>
<label for="user-name">์ด๋ฆ </label>
<input type="text" id="user-name" style="margin-left: 26px;" autofocus required>
</li>
<br/>
<li>
<label for="mail">์ด๋ฉ์ผ</label>
<input type="email" id="mail" style="margin-left: 13px;">
</li>
<br/>
<li>
<label for="phone">์ฐ๋ฝ์ฒ</label>
<input type="tel" id="phone" style="margin-left: 13px;" placeholder="ํ์ดํ ๋นผ๊ณ ์
๋ ฅํด ์ฃผ์ธ์.(01012345678)" required>
</li>
<br/>
<li>
<label for="memo">๋ฉ๋ชจ</label>
<textarea type="text" id="memo" cols="30" rows="4" style="margin-left: 26px;" placeholder="๋ฐฉ๋ช
๋ก์ ์ ์ด์ฃผ์ธ์."></textarea>
</li>
<br/>
</ul>
<br/>
<div>
<p style="margin-top: -10px;"><b>๋ณ์ </b></p>
<label><input type="checkbox" value="s_5" />โญ๏ธโญ๏ธโญ๏ธโญ๏ธโญ๏ธ</label>
<label><input type="checkbox" value="s_4" />โญ๏ธโญ๏ธโญ๏ธโญ๏ธ</label>
<label><input type="checkbox" value="s_3" />โญ๏ธโญ๏ธโญ๏ธ</label>
<label><input type="checkbox" value="s_2" />โญ๏ธโญ๏ธ</label>
<label><input type="checkbox" value="s_1" />โญ๏ธ</label>
</div>
</fieldset>
<div>
<br/>
<button style="
text-align:center;
width:150px;
height:40px;
background-color:#fafafa;
border:1px solid #ccc;
box-shadow: 1px 1px 1px #ccc;"
type="submit">์
๋ ฅํ๊ธฐ</button>
<button style="
text-align:center;
width:150px;
height:40px;
background-color:#fafafa;
border:1px solid #ccc;
box-shadow: 1px 1px 1px #ccc;"
type="submit">์ทจ์</button>
</div>
</form>
</footer>
</body>
</html>
์์ด๋์ด๊ฐ ๋์น๋ ํ๋ก ํธ์๋๋ฅผ ๊ฟ๊ฟ๋๋ค ๐ฅ