#12 #UTA-6 코네 sd 위쪽 리본

UTA-CONNECT · Jun 3, 2021 · aafa292 · aafa292
1 parent 33a53f1
commit aafa292
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 0 deletions.
diff --git a/public/assets/css/artist.css b/public/assets/css/artist.css
@@ -100,6 +100,45 @@ div.conne-sd-ribbon-bottom-bg div div{
     background-repeat: no-repeat;
 }
 
+div.conne-sd-ribbon-top-row {
+    position: absolute;
+    width: 100%;
+    z-index: -1999;
+    top: -250px;
+    right: 0;
+    /* left: 625px; */
+}
+
+div.conne-sd-ribbon-top-col {
+    position: relative;
+}
+
+div.conne-sd-ribbon-top-col img {
+    width: 80%;
+    visibility: hidden;
+}
+
+div.conne-sd-ribbon-top-col div.conne-sd-ribbon-top-bg {
+    height: 100%;
+    position: absolute;
+    z-index: -1000;
+    top: 100px;
+    padding: 0;
+    /* top: 120px;
+    right: 215px; */
+}
+
+div.conne-sd-ribbon-top-bg div{
+    height: 100%;
+}
+
+div.conne-sd-ribbon-top-bg div div{
+    background-image: url('../img/ribbon_top_1.png');
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+
 @media (max-width: 576px) {
     div.conne-sd-quote-bg {
         top: 80px !important;
@@ -116,24 +155,45 @@ div.conne-sd-ribbon-bottom-bg div div{
     div.conne-sd-ribbon-bottom-bg {
         visibility: hidden;
     }
+
+    div.conne-sd-ribbon-top-bg {
+        visibility: hidden;
+    }
 }
 @media (min-width: 768px) {
     div.conne-sd-ribbon-bottom-bg {
         top: -30px !important;
     }
+
+    div.conne-sd-ribbon-top-bg {
+        top: 350px !important;
+        left: -5px !important;
+    }
 }
 @media (min-width: 992px) {
     div.conne-sd-ribbon-bottom-bg {
         top: 75px !important;
     }
+
+    div.conne-sd-ribbon-top-bg {
+        top: 400px !important;
+    }
 }
 @media (min-width: 1200px) {
     div.conne-sd-ribbon-bottom-bg {
         top: -45px !important;
     }
+    div.conne-sd-ribbon-top-bg {
+        top: 100px !important;
+        left: 0px !important;
+    }
 }
 @media (min-width: 1400px) {
     div.conne-sd-ribbon-bottom-bg {
         top: 4px !important;
     }
+    div.conne-sd-ribbon-top-bg {
+        top: 50px !important;
+        left: 5px !important;
+    }
 }
diff --git a/public/index.html b/public/index.html
@@ -112,6 +112,18 @@
         </div>
         <div class="col"></div>
       </div>
+      <div class="row conne-sd-ribbon-top-row">
+        <div class="col"></div>
+        <div class="col-9 col-md-6 col-lg-6 col-xl-8 conne-sd-ribbon-top-col">
+          <img src="assets/img/ribbon_top_1.png"/>
+          <div class="container-fluid conne-sd-ribbon-top-bg">
+            <div class="row">
+              <div class="col">
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
     <!-- ARTIST BOARD -->
     <div class="container-fluid block2 d-xl-none ">