From 93f4fc3e8cd6fa6608cbe424fa79e7d85130e873 Mon Sep 17 00:00:00 2001
From: tolelom <98kimsungmin@naver.com>
Date: Mon, 23 Mar 2026 10:04:03 +0900
Subject: [PATCH] feat: improve contact section with tagline and button-style
 links

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 css/style.css | 11 +++++++++++
 index.html    | 13 ++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index 86a0272..5054363 100644
--- a/css/style.css
+++ b/css/style.css
@@ -376,6 +376,17 @@ img { max-width: 100%; display: block; }
 .infra-card-name { font-size: 0.85rem; margin-top: 6px; font-weight: 600; color: #444; }
 .infra-card-desc { font-size: 0.72rem; color: #aaa; margin-top: 3px; }
 
+/* === Contact === */
+.contact-desc {
+  color: #555;
+  margin-bottom: 24px;
+}
+.contact-links {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
 /* === Footer === */
 .footer {
   padding: 48px 0;
diff --git a/index.html b/index.html
index 90434ae..fbadc5f 100644
--- a/index.html
+++ b/index.html
@@ -192,13 +192,12 @@
 
     <section id="contact" class="section">
       <h2 class="section-title">Contact</h2>
-      <p>
-        <a href="mailto:98kimsungmin@naver.com">98kimsungmin@naver.com</a>
-        &nbsp;·&nbsp;
-        <a href="https://github.com/tolelom" target="_blank" rel="noopener">GitHub</a>
-        &nbsp;·&nbsp;
-        <a href="https://solved.ac/profile/tolelom" target="_blank" rel="noopener">Solved.ac</a>
-      </p>
+      <p class="contact-desc">궁금한 점이 있으시면 편하게 연락해 주세요.</p>
+      <div class="contact-links">
+        <a href="mailto:98kimsungmin@naver.com" class="btn btn-primary">이메일</a>
+        <a href="https://github.com/tolelom" class="btn" target="_blank" rel="noopener">GitHub</a>
+        <a href="https://solved.ac/profile/tolelom" class="btn" target="_blank" rel="noopener">Solved.ac</a>
+      </div>
     </section>
 
     <footer class="footer">