mingle/mingle-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix : 오타 및 팝업에 서비스 보기 창 추가

Browse Source
This commit is contained in:
qsxft258@gmail.com 2025-11-29 19:36:50 +09:00
parent 91fcd0c424
commit e4f59c1587
8 changed files with 55 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
contact.html
View File

@ -88,7 +88,7 @@
<div class="contact-card"> <div class="contact-card">
<div class="contact-icon">💼</div> <div class="contact-icon">💼</div>
<h3>비지니스 문의</h3> <h3>비즈니스 문의</h3>
<p>제휴 및 협력 문의</p> <p>제휴 및 협력 문의</p>
<a href="mailto:minglestudio@minglestudio.co.kr" class="contact-link">minglestudio@minglestudio.co.kr</a> <a href="mailto:minglestudio@minglestudio.co.kr" class="contact-link">minglestudio@minglestudio.co.kr</a>
</div> </div>
@ -123,7 +123,7 @@
<div class="location-details"> <div class="location-details">
<h3>📍 주소</h3> <h3>📍 주소</h3>
<p>(21330) 인천광역시 부평구 주부토로 236<br> <p>(21330) 인천광역시 부평구 주부토로 236<br>
인천테크노밸리 A동 B105호</p> 인천테크노밸리 U1센터 A동 B105호</p>
<h3>🚇 지하철</h3> <h3>🚇 지하철</h3>
<ul> <ul>
@ -190,8 +190,8 @@
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;"> <footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div> <div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div> <div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비지니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div> <div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div> <div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div> <div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
</div> </div>

21
css/popup.css
View File

@ -209,6 +209,13 @@
color: #ff8800; color: #ff8800;
} }
/* CTA 버튼 컨테이너 */
.popup-buttons {
display: flex;
flex-direction: column;
gap: 8px;
}
/* CTA 버튼 */ /* CTA 버튼 */
.popup-cta { .popup-cta {
background: linear-gradient(135deg, #ff8800 0%, #ff9933 100%); background: linear-gradient(135deg, #ff8800 0%, #ff9933 100%);
@ -223,7 +230,6 @@
border: none; border: none;
width: 100%; width: 100%;
box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3); box-shadow: 0 4px 15px rgba(255, 136, 0, 0.3);
margin-top: 5px;
} }
.popup-cta:hover { .popup-cta:hover {
@ -231,6 +237,19 @@
box-shadow: 0 6px 20px rgba(255, 136, 0, 0.4); box-shadow: 0 6px 20px rgba(255, 136, 0, 0.4);
} }
/* 서브 CTA 버튼 (서비스 내용 보기) */
.popup-cta-secondary {
background: white;
color: #ff8800;
border: 2px solid #ff8800;
box-shadow: 0 2px 8px rgba(255, 136, 0, 0.15);
}
.popup-cta-secondary:hover {
background: #fff8f0;
box-shadow: 0 4px 12px rgba(255, 136, 0, 0.25);
}
/* 팝업 푸터 */ /* 팝업 푸터 */
.popup-footer { .popup-footer {
display: flex; display: flex;

4
gallery.html
View File

@ -181,8 +181,8 @@
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;"> <footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div> <div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div> <div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비지니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div> <div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div> <div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div> <div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
</div> </div>

23
index.html
View File

@ -108,7 +108,7 @@
"email": "help@minglestudio.co.kr", "email": "help@minglestudio.co.kr",
"address": { "address": {
"@type": "PostalAddress", "@type": "PostalAddress",
"streetAddress": "주부토로 236, 인천테크노밸리 A동 B105호", "streetAddress": "주부토로 236, 인천테크노밸리 U1센터 A동 B105호",
"addressLocality": "부평구", "addressLocality": "부평구",
"addressRegion": "인천광역시", "addressRegion": "인천광역시",
"postalCode": "21330", "postalCode": "21330",
@ -194,7 +194,7 @@
"email": "help@minglestudio.co.kr", "email": "help@minglestudio.co.kr",
"address": { "address": {
"@type": "PostalAddress", "@type": "PostalAddress",
"streetAddress": "주부토로 236, 인천테크노밸리 A동 B105호", "streetAddress": "주부토로 236, 인천테크노밸리 U1센터 A동 B105호",
"addressLocality": "부평구", "addressLocality": "부평구",
"addressRegion": "인천광역시", "addressRegion": "인천광역시",
"postalCode": "21330", "postalCode": "21330",
@ -264,7 +264,7 @@
"addressCountry": "KR", "addressCountry": "KR",
"addressRegion": "인천광역시", "addressRegion": "인천광역시",
"addressLocality": "부평구", "addressLocality": "부평구",
"streetAddress": "주부토로 236, 인천테크노밸리 A동 B105호", "streetAddress": "주부토로 236, 인천테크노밸리 U1센터 A동 B105호",
"postalCode": "21330" "postalCode": "21330"
}, },
"contactPoint": { "contactPoint": {
@ -343,9 +343,14 @@
</div> </div>
</div> </div>
<button class="popup-cta" id="popupCtaBtn"> <div class="popup-buttons">
지금 바로 예약하기 → <button class="popup-cta" id="popupCtaBtn">
</button> 지금 바로 예약하기 →
</button>
<button class="popup-cta popup-cta-secondary" id="popupServiceBtn">
서비스 내용 보기 →
</button>
</div>
</div> </div>
<div class="popup-footer"> <div class="popup-footer">
@ -617,7 +622,7 @@
<div class="contact-info-quick"> <div class="contact-info-quick">
<span>📧 예약: help@minglestudio.co.kr</span> <span>📧 예약: help@minglestudio.co.kr</span>
<span>💼 비지니스: minglestudio@minglestudio.co.kr</span> <span>💼 비즈니스: minglestudio@minglestudio.co.kr</span>
<span>📍 인천 부평구 주부토로 236, 인천테크노밸리</span> <span>📍 인천 부평구 주부토로 236, 인천테크노밸리</span>
</div> </div>
</div> </div>
@ -630,8 +635,8 @@
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;"> <footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div> <div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div> <div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비지니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div> <div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div> <div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div> <div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
</div> </div>

9
js/popup.js
View File

@ -93,4 +93,13 @@ document.addEventListener('DOMContentLoaded', function() {
window.location.href = '/contact'; window.location.href = '/contact';
}); });
} }
// 서비스 버튼 클릭 시 서비스 페이지로 이동
const serviceBtn = document.getElementById('popupServiceBtn');
if (serviceBtn) {
serviceBtn.addEventListener('click', function() {
closePopup();
window.location.href = '/services';
});
}
}); });

4
portfolio.html
View File

@ -596,8 +596,8 @@
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;"> <footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div> <div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div> <div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비지니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div> <div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div> <div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div> <div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
</div> </div>

4
qna.html
View File

@ -409,8 +409,8 @@
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;"> <footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div> <div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div> <div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비지니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div> <div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div> <div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div> <div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
</div> </div>

4
services.html
View File

@ -763,8 +763,8 @@
<footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;"> <footer class="section" style="background:#222;color:#fff;padding:2.5rem 0 1.2rem;">
<div class="container" style="text-align:center;"> <div class="container" style="text-align:center;">
<div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div> <div style="font-size:1.15rem;font-weight:700;letter-spacing:0.02em;">회사명: 밍글 스튜디오 | 대표: 김희진</div>
<div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 A동 B105호</div> <div style="margin:0.3rem 0 0.2rem;">주소: (21330) 인천광역시 부평구 주부토로 236, 인천테크노밸리 U1센터 A동 B105호</div>
<div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비지니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div> <div style="margin:0.3rem 0 0.2rem;">전화: 010-9288-9190 | 비즈니스 문의: minglestudio@minglestudio.co.kr | 예약 문의: help@minglestudio.co.kr</div>
<div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div> <div style="margin:0.3rem 0 0.2rem;">사업자등록번호: 208-12-73755</div>
<div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div> <div style="color:#bbb;font-size:0.98rem;margin-top:0.7rem;">© 2025 밍글 스튜디오. All rights reserved.</div>
</div> </div>