ComputerNetwork_Practice/index.html at main · xaerinoo/ComputerNetwork_Practice · GitHub

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
<!DOCTYPE HTML>
<!--
	Read Only by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Introducing My Self</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="is-preload">
		<!-- Header -->
		<section id="header">
			<header>
				<span class="image avatar"><img src="images/profileImage.jpg" alt="프로필 사진" /></span>
				<h1 id="logo"><a href="#">Taerin Ki</a></h1>
				<p>I'm a student of Industrial Security</p>
			</header>
			<nav id="nav">
				<ul>
					<li><a href="#one" class="active">Home</a></li>
					<li><a href="#two">About me</a></li>
					<li><a href="#three">My interests</a></li>
					<li><a href="#four">Gallery</a></li>
				</ul>
			</nav>
			<footer>
				<ul class="icons">
					<li><a href="https://www.instagram.com/xaerinoo/" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
					<li><a href="https://github.com/xaerinoo" class="icon brands fa-github" target="_blank"><span class="label">Github</span></a></li>
					<li><a href="https://velog.io/@ddalgigondu/posts" class="icon solid fa-pen"><span class="label">Blog</span></a></li>
				</ul>
			</footer>
		</section>

		<!-- Wrapper -->
		<div id="wrapper">
			<!-- Main -->
			<div id="main">
				<!-- One -->
				<section id="one">
					<div class="image main" data-position="center">
						<img src="images/cauBanner.jpg" alt="중앙대 로고" width="500px" />
					</div>
					<div class="container">
						<header class="major">
							<h2>Introducing My Self</h2>
							<p>This is my assignment for Computer Network class</p>
						</header>
						<p>Hello World! 🌏</p>
					</div>
				</section>

				<!-- Two -->
				<section id="two">
					<div class="container">
						<h3>About me</h3>
						<p>안녕하세요. 저는 중앙대학교 산업보안학과 24학번 기태린입니다.</p>
					</div>
				</section>

				<!-- Three -->
				<section id="three">
					<div class="container">
						<h3>My interests</h3>
						<p>저는 요즘 이런 것들에 관심 있어요!</p>
						<div class="features">
							<ul class="feature-icons">
							<li class="icon solid fa-lock">제 전공인 보안에 관심을 가져 보는 중입니다.. 블로그에 차근차근 정리해보고 있어요.</li>
							<li class="icon brands fa-react">얼마 전 새로운 아이디어가 떠올라서 토이프로젝트를 기획했어요. 열심히 UI 디자인 작업 중인데, 첫 사용인데도 피그마에 꽤 소질이 있는 것 같습니다 ㅎ.ㅎ 한 달 안에 개발까지 완성하는 게 목표예요.</li>
							<li class="icon solid fa-heart">보이즈플래닛2를 열심히 보다가 어쩌다보니 팬클럽 가입까지 해버렸어요 ㅎ.ㅎ 요즘 인생이 참 행복합니다..</li>
							<li class="icon solid fa-school">학교 열심히 다니기 ♥</li>
						</ul>
						</div>
					</div>
				</section>

				<!-- Four -->
				<section id="four">
					<div class="container">
						<h3>Gallery</h3>
						<div class="features">
							<a href="#" class="image"><img src="images/keroro.jpg" alt="케로로 사진" /></a>
							<p>저는 개구리 캐릭터를 좋아해요!</p>
						</div>
					</div>
				</section>
			</div>

			<!-- Footer -->
			<section id="footer">
				<div class="container">
					<ul class="copyright">
						<li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
					</ul>
				</div>
			</section>

		</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>