#1 #UTA-2 캐릭터 뒤 리본 추가

UTA-CONNECT · Jun 2, 2021 · 6ede9e9 · 6ede9e9
1 parent 86762c9
commit 6ede9e9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
@@ -16,6 +16,16 @@ img.connechan {
     width: 100%;
 }
 
+div.title-ribbon {
+    position: absolute;
+    z-index: -4;
+    margin-top: 365px;
+}
+
+div.title-ribbon img{
+    width: 100%;
+}
+
 div.conne-top-container-back {
 
     position: absolute;

diff --git a/public/index.html b/public/index.html
@@ -11,6 +11,11 @@
     <div class="container-fluid d-xl-none ">
       <div class="row ">
         <div class="col " style="padding: 0;">
+          <div class="row justify-content-center title-ribbon">
+            <div class="col-12 col-md-10 col-lg-10 col-xl-9">
+              <img src="assets/img/title_ribbon.png">
+            </div>
+          </div>
           <div class="container-fluid conne-top-container-small-back"></div>
           <div class="container-fluid conne-top-container-small">
             <div class="row">
@@ -29,14 +34,19 @@
       </div>
     </div>
     <div class="container d-none d-xl-block ">
+      <div class="row justify-content-center title-ribbon">
+        <div class="col-12 col-md-10 col-lg-10 col-xl-9">
+          <img src="assets/img/title_ribbon.png">
+        </div>
+      </div>
       <div class="container conne-top-container-back"></div>
       <div class="container conne-top-container">
         <div class="row" style="height: 25px;"></div>
         <div class="row">
           <div class="col-12 col-lg-12 date-place-info">2021. 4. 1. 8:00AM /// [장소명]</div>
         </div>
         <div class="row justify-content-center">
-          <div class="col-12 col-md-8 col-lg-10 col-xl-9">
+          <div class="col-12 col-md-10 col-lg-10 col-xl-9">
             <img src="assets/img/title.png" class="title">
           </div>
         </div>