-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (83 loc) · 4.43 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Lim's profile</title>
</head>
<body id = "mybody" class="bg-white">
<nav class="navbar navbar-light navbar-expand-sm">
<div class="container">
<a class="navbar-brand m-0" href="https://google.com" title="google">google</a>
<a class="navbar-brand m-0" href="https://naver.com" title="naver">naver</a>
<a class="navbar-brand m-0" href="https://github.io" title="github">github</a>
</div>
</nav>
<div class="container">
<div class="d-flex mb-4">
<div class="card mt-2 flex-grow-1" style="width: 1000px;">
<img src="photo.png" class="card-img-top" alt="NOPHOTO">
<div class="card-body">
<h5 class="card-title">Lim Sechang</h5>
<p class="card-text">Student</p>
<a href="https://github.com/zambbo" class = "me-2" title="my github"><i class="bi bi-github"></i></a>
<a href="mailto:[email protected]" title="my email"><i class="bi bi-envelope"></i></a>
</div>
</div>
<div id = "paradiv" class="m-5 flex-grow-1">
<p>
Hello! I am undergraduate student who live in <span class="badge bg-secondary">Seoul.</span> I'm in <span class="badge bg-secondary">Sungkyunkwan</span>University.
My major is software. Especially I'm interested in information security. IOT security, BlockChain and Network Security are my interest.
But I <strong>don't</strong> have a background knowledge about that issue. Therefore My short-term goal is to be more familiar with my major and security.
My hobby is playing game(<span class="badge bg-secondary">lol</span>),watching moive and watching football.
</p>
</div>
</div>
<div id = "paradiv" class="mt-5 mb-5">
<p>
I feel that I should study mathematics hard Because I don't have enough mathematics basis and it makes me so hard to study any other course like
information security, algorithm, etc... The table below shows that my achievement of each mathematics course. Maximum value is 5. Minimum value is 0.
</p>
</div>
<div class="d-flex justify-content-center">
<table class = "border shadow m-3 bg-body rounded align-middle">
<tr class="m_table">
<th>Math</th>
<td>LinearAlgebra</td>
<td>Discrete Mathematics</td>
<td>Probability&Statistics</td>
<td>Number Theory</td>
<td>Cryptography</td>
<td>Calculus</td>
</tr>
<tr class="m_table">
<th>Achievement</th>
<td>2</td>
<td>3</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>3</td>
</tr>
</table>
</div>
<div class="alert alert-primary mt-5 mb-0 text-dark text-center" role="alert">
Do you want to study HTML,CSS,Javascript? Please enter the sites below.
</div>
<div class="d-flex justify-content-center">
<nav class="mt-5 mb-5">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="https://www.codecademy.com/learn/learn-html" target="_blank">HTML</a></li>
<li class="page-item"><a class="page-link" href="https://www.codecademy.com/learn/learn-css" target="_blank">CSS</a></li>
<li class="page-item"><a class="page-link" href="https://www.codecademy.com/learn/introduction-to-javascript" target="_blank">Javascript</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>