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 0000000..c49a3fe
Binary files /dev/null and b/public/images/icon/kakao.png differ
diff --git a/public/images/icon/pinterest.png b/public/images/icon/pinterest.png
new file mode 100644
index 0000000..11c7be1
Binary files /dev/null and b/public/images/icon/pinterest.png differ
diff --git a/public/images/icon/talktalk.png b/public/images/icon/talktalk.png
new file mode 100644
index 0000000..8649629
Binary files /dev/null and b/public/images/icon/talktalk.png differ
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 8c73188..7818bd5 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -14,7 +14,7 @@ $font-sizes: 52;
max-width: 177px;
}
.solar-header{
- padding-top:35px;
+ padding-top:20px;
}
.intro-image-box{
@@ -41,6 +41,7 @@ $font-sizes: 52;
}
.ai-hr{
margin:60px 0px;
+ border-color:#E8E8E8;
}
.inquiry-message-box{
padding:40px 0px 50px;
@@ -83,6 +84,41 @@ $font-sizes: 52;
}
}
}
+.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-logo{
+ width:34px;
+ }
+ .btn-text-eng{
+ font-size:13px;
+ line-height: 100%;
+ }
+ .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;
@@ -112,7 +148,7 @@ $font-sizes: 52;
.portfolio-hr{
width:18px;
height:1px;
- background:#999;
+ background:#E8E8E8;
margin:10px auto;
}
.portfolio-desc{
@@ -171,7 +207,18 @@ footer{
// Medium devices (tablets, 768px and up)
@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;
+ }
}
// Large devices (desktops, 992px and up)
diff --git a/resources/sass/custom.scss b/resources/sass/custom.scss
index 8297d60..493fb4e 100644
--- a/resources/sass/custom.scss
+++ b/resources/sass/custom.scss
@@ -31,8 +31,11 @@ a {
}
}
.black-submit-button{
- background:#212121;
- border-radius: 10px;
- color:white;
- padding:10px 20px;
+ font-size:14px;
+ color:#fff;
+ background: #212121;;
+ border-radius:100px;
+ padding : 11px 20px;
+ cursor:pointer;
+ display: inline-block;
}
\ No newline at end of file
diff --git a/resources/views/layouts/header.blade.php b/resources/views/layouts/header.blade.php
index 94f6ed1..5745d08 100644
--- a/resources/views/layouts/header.blade.php
+++ b/resources/views/layouts/header.blade.php
@@ -1,9 +1,10 @@