diff --git a/public/css/app.css b/public/css/app.css index 20ec2bf..b2d59fe 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -27,10 +27,9 @@ a { line-height: 140%; padding: 10px; border: 0; - border: 1px solid #c5c5c5; - border-radius: 10px; + border: 1px solid #bbb; width: 100%; - margin-bottom: 10px; + margin-bottom: 25px; } .k-input:focus, .k-input:focus-visible { outline: none; @@ -56,45 +55,36 @@ a { } .intro-image-box { - background: rgb(244, 255, 143); + background: url("/images/middle-img.png"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; text-align: center; - padding: 40px 0px; -} -.intro-image-box img { - max-width: 300px; + margin-bottom: 30px; + min-height: 280px; } .intro-text-box { - padding: 20px 0px; text-align: center; } .intro-text-box .text-image img { - max-width: 250px; -} -.intro-text-box .text-title { - font-size: 32px; - color: #24469c; - font-weight: bold; + max-width: 270px; } .intro-text-box .text-desc { font-size: 16px; + line-height: 130%; + letter-spacing: -0.5px; } .ai-hr { - margin: 20px 0px; + margin: 60px 0px; } .inquiry-message-box { - padding: 20px 0px; -} -.inquiry-message-box .inquiry-message { - font-size: 22px; - font-weight: 700; -} -.inquiry-message-box .inquiry-team { + padding: 40px 0px 50px; font-size: 16px; - font-style: italic; - color: rgb(153, 153, 153); + line-height: 130%; + letter-spacing: -0.5px; } .inquiry-box { @@ -198,4 +188,19 @@ a { margin-top: 20px; } +.footer-logo { + max-width: 120px; + margin-right: 40px; +} + +.footer-text { + font-size: 14px; + line-height: 130%; + letter-spacing: -0.5px; +} + +footer { + padding-bottom: 100px; +} + /************ BreakPoints ************/ diff --git a/public/images/main/frame-logo.png b/public/images/main/frame-logo.png new file mode 100644 index 0000000..3a9fb7f Binary files /dev/null and b/public/images/main/frame-logo.png differ diff --git a/public/images/main/solarai-middle.png b/public/images/main/solarai-middle.png deleted file mode 100644 index 27d696e..0000000 Binary files a/public/images/main/solarai-middle.png and /dev/null differ diff --git a/public/images/main/text-logo.png b/public/images/main/text-logo.png deleted file mode 100644 index 6a1a944..0000000 Binary files a/public/images/main/text-logo.png and /dev/null differ diff --git a/public/images/middle-img.png b/public/images/middle-img.png new file mode 100644 index 0000000..5bbe8f3 Binary files /dev/null and b/public/images/middle-img.png differ diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 3f67c27..8c73188 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -18,44 +18,35 @@ $font-sizes: 52; } .intro-image-box{ - background:rgb(244, 255, 143); + background: url('/images/middle-img.png'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; text-align: center; - padding:40px 0px; - img{ - max-width: 300px; - } + margin-bottom:30px; + min-height:280px; } .intro-text-box{ - padding:20px 0px; text-align: center; .text-image{ img{ - max-width:250px; + max-width:270px; } } - .text-title{ - font-size: 32px; - color:#24469c; - font-weight: bold; - } .text-desc{ font-size:16px; + line-height: 130%; + letter-spacing: -0.5px; } } .ai-hr{ - margin:20px 0px; + margin:60px 0px; } .inquiry-message-box{ - padding:20px 0px; - .inquiry-message{ - font-size:22px; - font-weight: 700; - } - .inquiry-team{ - font-size:16px; - font-style: italic; - color:rgb(153, 153, 153); - } + padding:40px 0px 50px; + font-size:16px; + line-height: 130%; + letter-spacing: -0.5px; } .inquiry-box{ margin-bottom:20px; @@ -161,6 +152,18 @@ $font-sizes: 52; display: inline-block; margin-top:20px; } +.footer-logo{ + max-width: 120px; + margin-right:40px; +} +.footer-text{ + font-size:14px; + line-height:130%; + letter-spacing: -0.5px; +} +footer{ + padding-bottom:100px; +} /************ BreakPoints ************/ // Small devices (landscape phones, 576px and up) @media (max-width: 576px) { diff --git a/resources/sass/custom.scss b/resources/sass/custom.scss index cec226c..8297d60 100644 --- a/resources/sass/custom.scss +++ b/resources/sass/custom.scss @@ -22,10 +22,9 @@ a { line-height: 140%; padding:10px; border:0; - border:1px solid #c5c5c5; - border-radius: 10px; + border:1px solid #bbb; width: 100%; - margin-bottom:10px; + margin-bottom:25px; &:focus, &:focus-visible{ outline:none; diff --git a/resources/views/layouts/footer.blade.php b/resources/views/layouts/footer.blade.php index e69de29..480f45a 100644 --- a/resources/views/layouts/footer.blade.php +++ b/resources/views/layouts/footer.blade.php @@ -0,0 +1,20 @@ + \ No newline at end of file diff --git a/resources/views/pages/inquiry.blade.php b/resources/views/pages/inquiry.blade.php index a7d3baa..8be1018 100644 --- a/resources/views/pages/inquiry.blade.php +++ b/resources/views/pages/inquiry.blade.php @@ -1,14 +1,14 @@
-
-
"쏠라아이를 방문해 주셔서 감사합니다. 궁금하신 점이 있다면 문의 주세요."
-
- Solarai 일동
+
+ 방문해주셔서 감사합니다. 궁금하신 점이 있다면 언제든 문의 주세요.

+ 질문이 있거나 도움이 필요한 경우 아래 양식을 작성해주세요.
+ 빠른 시간내 답변 드리겠습니다.
-
-
+
@@ -18,50 +18,53 @@
- + +
- + +
- + +
- + +
- +
-
-
-
문의하기
- -
- 질문이 있거나 도움이 필요한 경우
- 왼쪽 양식을 작성해 주세요.
- 빠른 시간 내에 답변 드리겠습니다. -
-
-
-
주소
- -
- {{ $settings->site_address }} -
-
-
-
연락처
- -
- {{ $settings->site_phone }} -
-
-
+@push('scripts') + +@endpush \ No newline at end of file diff --git a/resources/views/pages/introduce.blade.php b/resources/views/pages/introduce.blade.php index ff95f12..297f3e0 100644 --- a/resources/views/pages/introduce.blade.php +++ b/resources/views/pages/introduce.blade.php @@ -2,15 +2,12 @@
-
-
- + (주)쏠라아이
-
쏠라아이
-
+
쏠라아이는 프리미엄 태양광 파고라, 썬룸 및 주차장 전문 시공 업체로
디자인과 고품질로 고객님들에 만족도를 드리고 있습니다.
빨리 시공하기보다는 한 땀 한 땀 장인정신으로 기본과 원칙을 준수하여 제대로 시공해 드립니다.