-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsignup_3_with_css.html
111 lines (98 loc) · 4.09 KB
/
signup_3_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
<!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 />
<div style="text-align:center">
<h3><b>SNU 메일 인증</b></h3>
</div>
<div style="text-align:center; font-size:14px;">
<br><b>[hello]@snu.ac.kr</b> 로 인증 메일이 발송됩니다.<br>정보가 다르다면 뒤로 가기를 눌러주세요.<br><br><br><br>
</div>
<div class="col-12-xsmall" style="text-align:center;">
<input type="submit" value="인증 받기" class="primary" />
</div>
<br><br>
</section>
<section>
<ul class="actions fit small">
<li><a href="signup_2_with_css.html" class="button small">prev</a></li>
<li></li>
<li><div class="steps">
<div class="step completed"></div>
<div class="step completed"></div>
<div class="step selected"></div>
<div class="step"></div>
</div></li>
<li></li>
<li><a href="signup_4_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>