#12 #UTA-6 코네 sd 말품선

UTA-CONNECT · Jun 3, 2021 · 004bb23 · 004bb23
1 parent 4aad0ea
commit 004bb23
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 3 deletions.
diff --git a/public/assets/css/artist.css b/public/assets/css/artist.css
@@ -24,4 +24,39 @@ div.conne-sd-col div.conne-sd-bg div div{
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
+}
+
+div.conne-sd-quote-row {
+    position: absolute;
+    width: 100%;
+    z-index: 999;
+    top: 80px;
+}
+
+div.conne-sd-quote-col {
+    position: relative;
+}
+
+div.conne-sd-quote-col img {
+    width: 60%;
+    visibility: hidden;
+}
+
+div.conne-sd-quote-col div.conne-sd-quote-bg {
+    height: 100%;
+    position: absolute;
+    z-index: -999;
+    top: 120px;
+    right: 215px;
+}
+
+div.conne-sd-quote-col div.conne-sd-quote-bg div{
+    height: 100%;
+}
+
+div.conne-sd-quote-col div.conne-sd-quote-bg div div{
+    background-image: url('../img/quote.png');
+    background-position: center;
+    background-size: contain;
+    background-repeat: no-repeat;
 }
diff --git a/public/index.html b/public/index.html
@@ -70,9 +70,9 @@
         <div class="col-3">3</div>
       </div>
     </div>
-    <div class="container">
+    <div class="container" style="position: relative;">
       <div class="row justify-content-end">
-        <div class="col">auto</div>
+        <div class="col"></div>
         <div class="col-9 col-md-6 col-lg-6 col-xl-4 conne-sd-col">
           <img src="assets/img/conne_chan_sd.png"/>
           <div class="container-fluid conne-sd-bg">
@@ -82,7 +82,20 @@
             </div>
           </div>
         </div>
-        <div class="col-lg-1">1</div>
+        <div class="col-lg-1"></div>
+      </div>
+      <div class="row justify-content-end conne-sd-quote-row">
+        <div class="col"></div>
+        <div class="col-9 col-md-6 col-lg-6 col-xl-4 conne-sd-quote-col">
+          <img src="assets/img/quote.png"/>
+          <div class="container-fluid conne-sd-quote-bg">
+            <div class="row">
+              <div class="col">
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-1"></div>
       </div>
     </div>
     <div class="container-fluid block2 d-xl-none ">