-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (134 loc) · 5.21 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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Thinkmuk</title>
<link rel="stylesheet" href="./index.css" />
<script src="index.js"></script>
</head>
<body>
<header>
<a onClick="window.location.reload()" style="cursor: pointer">
<h1>< Thinkmuk's Blog /></h1>
</a>
</header>
<div class="navContainer">
<div class="quickLink">
<ul class="quickLinkNav">
<li>
<a href="https://www.instagram.com/think_muk/" target="_blank">
<img src="./src/instagram.png" style="width: 15px; height: 15px" /> Instagram</a
>
</li>
<li>
<a href="https://github.com/ThinkMuk" target="_blank">
<img src="./src/github.png" style="width: 15px; height: 15px" /> Github</a
>
</li>
<li>
<a href="https://dour-drop-8a2.notion.site/FE-4697068319304828887921d59db9d8c0?pvs=4" target="_blank">
<img src="./src/notion.png" style="width: 15px; height: 15px" /> Notion
</a>
</li>
</ul>
</div>
</div>
<div class="sideBar">
<ul class="sideBarNav">
<li><a href="#aboutMe" id="navAboutMe">About me</a></li>
<li><a href="#MBTI" id="navMBTI">MBTI</a></li>
<li><a href="#favorite" id="navFavorite">Favorite</a></li>
<li><a href="#service" id="navService">Service?</a></li>
</ul>
</div>
<div class="bodyContainer" id="aboutMe">
<div class="aboutMe">
<h1><strong>A</strong>bout Me</h1>
<image class="aboutMeImg" src="./src/myPic.jpeg"></image>
<h1>끊임없이 노력하는 개발자 <strong>강명묵</strong>입니다!</h1>
<h3>전공: 컴퓨터공학과</h3>
<h3>나이: 25살</h3>
<h3>Toy Projects:</h3>
<h3>
<a href="https://github.com/ThinkMuk/todo-list-react" target="_blank">✅TodoList</a> /
<a href="https://github.com/ThinkMuk/Youtube-clone" target="_blank"
><img src="./src/youtube.png" style="width: 15px; height: 15px" />Youtube Clone</a
>
</h3>
<h3>
Currently Working On...<a href="https://github.com/ThinkMuk/Shopping-mall" target="_blank">🛒Shopping Mall</a>
</h3>
<h3>Contact: [email protected]</h3>
</div>
</div>
<div class="bodyContainer" id="MBTI">
<div class="mbti">
<h1><strong>M</strong>BTI</h1>
<img class="mbtiImg" src="./src/INTJ.svg" />
<h1>INTJ</h1>
<div class="mbtiTxt">
<div class="mbtiTxtDetail1">
<h2><strong>#</strong> 의지가 강함</h2>
<h2><strong>#</strong> 끊임없는 노력</h2>
<h2><strong>#</strong> 계획적임</h2>
<h2><strong>#</strong> 효율적임</h2>
</div>
<div class="mbtiTxtDetail2">
<h2><strong>#</strong> 도전적임</h2>
<h2><strong>#</strong> 비판적임</h2>
<h2><strong>#</strong> 완고한 고집</h2>
</div>
</div>
</div>
</div>
<div class="bodyContainer" id="favorite">
<div class="favorite">
<h1><strong>F</strong>avorite</h1>
<div class="favoriteTxt">
<div class="favDetail">
<h2>드럼 🥁</h2>
<img class="favImg" src="./src/drum.JPG" />
<div class="imgDescription">
드럼은 8년정도 취미로 치고 있습니다!
<br />
중앙 밴드 동아리 팝뮤직에서 활동중이니 공연 놀러오세요~
</div>
</div>
<div class="favDetail">
<h2>게임 🕹️</h2>
<img class="favImg" src="./src/game.jpg" />
<div class="imgDescription">
즐겨하는 게임: 롤, 오버워치
<br />
각종 같이하는 스팀게임들도 좋아합니다 😊
</div>
</div>
<div class="favDetail">
<h2>노래 🎤</h2>
<img class="favImg" src="./src/sing.jpg" />
<div class="imgDescription">
노래 부르는것도 좋아하고 <br />듣는것도 좋아합니다!
<br />
좋아하는 가수 : 쏜애플, 터치드, yuuri
</div>
</div>
</div>
</div>
</div>
<div class="bodyContainer" id="service">
<div class="service">
<h1><strong>만</strong>들어보고 싶은 서비스?</h1>
<h2>- <strong>팀플/협업 스케줄링</strong> 서비스</h2>
<img class="serviceImg" src="./src/excel.png" />
<h3>
<strong>협업</strong>을 할 때 서로의 <strong>시간표</strong>를 버튼 하나로 공유해서
<strong>인원이 많은 <br />미팅/약속</strong>이라도 <strong>가능한 시간을 빠르게</strong> 제시해주는 서비스!
</h3>
<p>대학교 팀플, 회사 미팅, 인원 많은 동창 모임 등에 활용 가능!</p>
<h2>... 그 외는 아직 고민중입니다 😅</h2>
</div>
</div>
<footer>Website Published by Thinkmuk</footer>
</body>
</html>