-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsignup_1_with_css.html
117 lines (104 loc) · 4.17 KB
/
signup_1_with_css.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>dokgang_matching</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="stellar/assets/css/main.css" />
<link rel="stylesheet" href="css/progress.css" />
<noscript><link rel="stylesheet" href="stellar/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1>LOGO</h1>
<p>Ipsum dolor sit amet nullam</p>
</header>
<!-- Main -->
<div id="main">
<!-- Content -->
<section id="content" class="main">
<!-- Text -->
<section>
<h2><b>Sign Up</b></h2>
<hr />
<blockquote style = "overflow-y:scroll; height:300px; font-style:normal; font-size:15px">
<h3><b>제1장 총칙</b></h3>
<p><b>제1조(목적)</b><br>본 약관은 ~~</p>
<p><b>제2조(정의)</b><br>이 약관에서 사용하는 용어의 정의는 다음과 같다.</p>
<p><b>제3조(정의)</b><br>이 약관에서 사용하는 용어의 정의는 다음과 같다.</p>
<p><b>사용자 의무, 제제 등등</b></p></blockquote>
</section>
<section>
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-small" style = "font-size:15px;">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">약관을 모두 읽었으며 이에 동의합니다.</label>
</div>
</div>
</form>
</section>
<section>
<ul class="actions fit small">
<li><a href="#" class="button small disabled">prev</a></li>
<li></li>
<li><div class="steps">
<div class="step selected"></div>
<div class="step"></div>
<div class="step"></div>
<div class="step"></div>
</div></li>
<li></li>
<li><a href="signup_2_with_css.html" class="button primary small">next</a></li>
</ul>
</section>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Aliquam sed mauris</h2>
<p>Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris. Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas velit, vitae tincidunt odio.</p>
<ul class="actions">
<li><a href="#" class="button">Learn More</a></li>
</ul>
</section>
<section>
<h2>Etiam feugiat</h2>
<dl class="alt">
<dt>Address</dt>
<dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>
<dt>Phone</dt>
<dd>(000) 000-0000 x 0000</dd>
<dt>Email</dt>
<dd><a href="#">information@untitled.tld</a></dd>
</dl>
<ul class="icons">
<li><a href="#" class="icon fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook alt"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram alt"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-dribbble alt"><span class="label">Dribbble</span></a></li>
</ul>
</section>
<p class="copyright">© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>