From 5287b639e5cfa2d4fe09ec1f0eb72675e7ca6dad Mon Sep 17 00:00:00 2001 From: kmw Date: Thu, 25 Aug 2022 16:18:59 +0900 Subject: [PATCH] =?UTF-8?q?mobile=20css=EC=A1=B0=EC=A0=95,=20=EC=9A=94?= =?UTF-8?q?=EC=86=8C=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/app.css | 67 ++++++++++++++++++++-- public/images/icon/kakao.png | Bin 0 -> 1934 bytes public/images/icon/pinterest.png | Bin 0 -> 2188 bytes public/images/icon/talktalk.png | Bin 0 -> 1796 bytes resources/sass/app.scss | 53 ++++++++++++++++- resources/sass/custom.scss | 11 ++-- resources/views/layouts/header.blade.php | 8 ++- resources/views/pages/inquiry.blade.php | 2 +- resources/views/pages/introduce.blade.php | 29 ++++++++++ 9 files changed, 154 insertions(+), 16 deletions(-) create mode 100644 public/images/icon/kakao.png create mode 100644 public/images/icon/pinterest.png create mode 100644 public/images/icon/talktalk.png diff --git a/public/css/app.css b/public/css/app.css index b2d59fe..7277c58 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -36,10 +36,13 @@ a { } .black-submit-button { + font-size: 14px; + color: #fff; background: #212121; - border-radius: 10px; - color: white; - padding: 10px 20px; + border-radius: 100px; + padding: 11px 20px; + cursor: pointer; + display: inline-block; } .container { @@ -51,7 +54,7 @@ a { } .solar-header { - padding-top: 35px; + padding-top: 20px; } .intro-image-box { @@ -78,6 +81,7 @@ a { .ai-hr { margin: 60px 0px; + border-color: #E8E8E8; } .inquiry-message-box { @@ -120,6 +124,45 @@ a { transition: all 0.7s ease-in-out; } +.middle-btn-box { + margin-top: 40px; +} + +.middle-btn { + padding: 10px 25px; + border: 1px solid #381E1F; + border-radius: 100px; + margin: 0px 8px; + display: inline-flex; +} +.middle-btn .middle-btn-logo { + width: 34px; +} +.middle-btn .btn-text-eng { + font-size: 13px; + line-height: 100%; +} +.middle-btn .btn-text-kor { + font-size: 19px; + line-height: 100%; + font-weight: 500; +} + +.btn-pinterest { + border-color: #CE0F19 !important; + color: #CE0F19 !important; +} + +.btn-talk { + border-color: #3CAE43 !important; + color: #3CAE43 !important; +} + +.btn-kakao { + border-color: #381E1F !important; + color: #381E1F !important; +} + .portfolio-inner { opacity: 0; position: absolute; @@ -149,7 +192,7 @@ a { .portfolio-inner .portfolio-box .portfolio-hr { width: 18px; height: 1px; - background: #999; + background: #E8E8E8; margin: 10px auto; } .portfolio-inner .portfolio-box .portfolio-desc { @@ -204,3 +247,17 @@ footer { } /************ BreakPoints ************/ +@media (max-width: 768px) { + .ai-hr { + margin: 30px 0px; + } + .inquiry-message-box { + padding: 20px 0px 30px; + } + .main-inquiry { + padding-bottom: 20px; + } + footer { + padding-bottom: 40px; + } +} diff --git a/public/images/icon/kakao.png b/public/images/icon/kakao.png new file mode 100644 index 0000000000000000000000000000000000000000..c49a3fe766af2190c4d10d5e1e0440396324af51 GIT binary patch literal 1934 zcmV;92XXj`P)Kkfr<%Z=XIqI_7(!=Y_lZGfxBkJcUN`PZ5D{Z>*EEwfe9Vcv zzwBkxu1zMYF?!nBs3R%)(*EfnA!L#(NYEiG1#!bl!L|M{T>ktE*pTJFCsJxY2|t@W z2pm2XzMeP+96uJmTBadY?a{nCC07u!Sq%j{WxVk3?*Vu2wJyF_rVfRoT%Hf#TfxDa zWS&#mA7`*t!<D)8gau)_JX_Jql6I;nz0P31Qjy5p;xz_n$4M|6YD ziK2Y`0gBS7c$jvkgU(?asaZzEVCm~Z_b4L3hYO)IY>T1x|EcWzqlLozpL||Que3WH zVj4(!f^VJ+1Lhz&@*42#-Ox3Lq`IWTAsps|K~@>07=*{-F$<9DlFlYm3dS|G_~hzf z#Zd5=Y(l0;2e6}8+$Kmc2C5l5m{PyFiJ|fJ&9JsHWb$dPefXkH5WlQno`1fKp;IKt zj>#Z++uv=UY7X|$9h;A{KWD(3k>K~vTfoG@urjTR%^y5W{~n95_s)jzbutzAMWf&v{E`n(+X>PY##*QF9@2F|;AmiYw#3r=-)#dQl z9(RG4j)d)93CV3ORGnSVsT+RG46UH*=sP5hcspjDz!F{wK!F%{xL(DFymn8q?tL2; zV2mx@iZIjE@A<9F+6t<^Ub@W+imLO)3(q=1ewV#pUNA3`UH#;*%jOjC{&O2Pi__<_ zgKgDN5GPh@w3>`&b($u~@z@1WkUUsWu^DkmvpU6~3*(uLfitg(=>*|6oYu9+)2<7P z7@u4Od&~<_6-w7JgV0Uv!}I}Hy)nK~l}6mkGX+mPK8`|hRr4#*nd=E-LDB|lHezj< z#aJFp%YXkKE@{8IiNkCR9vKTVk@8E$D^R9XRdpsg62$^ufW$6q9Yfc$Aa!Uko6#iV zz0dEix3UEu(QdOqK8lVNGKSJU-qJ`7-w)Y`2^4Oq_<5rc5eA#$&?h)Zlj7f=A!7&q)YZ#8Y=%vjo%bjfx& z1Hj76p*X6-WhKfbK7(i?x{t&9hOY%WYq>--o>$U7OBIAJdA5lq+jGl!p*OA%Cq>6$ z?8ur{l{p@=e@dE-WAC{XT7S@~ISsla?;(M)ye~JKxKMP`9R*-k=$HL9Y4G8IybW?k z%xEhQSb`yJBCHoiL=1R2O-0dl2$4-kH|tD9^};AL5rs6BMY)!hZrk-d*L_z_`cIaWyuR?-HcqH z2TZNNyg1_$3^01cOi^^kvvp*!r|ILuP#!`gJn%S&-@L$@bqtTt6>hO7GD#ta#0ef* zE#acXmpKgZL1v$^LON<`^VUtUCWu1)(}QRNu#5g+T?mDBLE>!xixa*tj`8&;1gB6B z2Ej|XpB(nHNnZttL+4b=m=S?yJz0WjOisqX%kTpS)a3>eMW~i5SX0v`_ZToQ0L2Dn U%7cOfQUCw|07*qoM6N<$f=9uS5C8xG literal 0 HcmV?d00001 diff --git a/public/images/icon/pinterest.png b/public/images/icon/pinterest.png new file mode 100644 index 0000000000000000000000000000000000000000..11c7be1e9b16b964bf7852d1a5f26df9087e3bc4 GIT binary patch literal 2188 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
+
+
diff --git a/resources/views/pages/inquiry.blade.php b/resources/views/pages/inquiry.blade.php index 19585cd..cd23195 100644 --- a/resources/views/pages/inquiry.blade.php +++ b/resources/views/pages/inquiry.blade.php @@ -34,7 +34,7 @@
- +
diff --git a/resources/views/pages/introduce.blade.php b/resources/views/pages/introduce.blade.php index 39bb3b1..6393eaf 100644 --- a/resources/views/pages/introduce.blade.php +++ b/resources/views/pages/introduce.blade.php @@ -12,6 +12,35 @@ 디자인과 고품질로 고객님들에 만족도를 드리고 있습니다.
빨리 시공하기보다는 한 땀 한 땀 장인정신으로 기본과 원칙을 준수하여 제대로 시공해 드립니다. +
+ + +
+
PINTEREST
+
포트폴리오
+
+ + + +
+
TALK TALK
+
1:1맞춤형 상담
+
+ + + +
+
KAKAO TALK
+
쏠라아이
+
+ +