layout design for mobile

cpe-coder · cpe-coder · commit 5fb58cf78683 · 2022-11-03T00:45:56.000+08:00
diff --git a/index.html b/index.html
@@ -14,73 +14,55 @@
             <li><a href="about.html">ABOUT</a></li>
         </ul>
     </nav>
-    <h1 class="band-name band-name-large">Main Display</h1>
+    <h1 class="band-name band-name-large">Ukay ni Lola</h1>
     <div class="container">
         <button type="button" class="btn btn-header">New Product Available</button>
     </div>
-    <button type="button" class="btn btn-header btn-play">&#9658;</button>
 </header>
 <section class="content-section container">
-    <h2 class="section-header">TOURS</h2>
+    <h2 class="section-header">BUNDLE PRODUCT</h2>
     <div>
         <div class="tour-row">
-            <span class="tour-item tour-date">JUL 16</span>
-            <span class="tour-item tour-city">DETROIT, MI</span>
-            <span class="tour-item tour-arena">DTE ENERGY MUSIC THEATRE</span>
-            <button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
+            <span class="tour-item tour-date">Jun 18</span>
+            <span class="tour-item tour-city">Imported</span>
+            <span class="tour-item tour-arena">Korean</span>
+            <button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
         </div>
         <div class="tour-row">
             <span class="tour-item tour-date">JUL 19</span>
-            <span class="tour-item tour-city">TORONTO, ON</span>
-            <span class="tour-item tour-arena">BUDWEISER STAGE</span>
-            <button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
+            <span class="tour-item tour-city">Imported</span>
+            <span class="tour-item tour-arena">Japan</span>
+            <button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
         </div>
         <div class="tour-row">
             <span class="tour-item tour-date">JUL 22</span>
-            <span class="tour-item tour-city">BRISTOW, VA</span>
-            <span class="tour-item tour-arena">JIGGY LUBE LIVE</span>
-            <button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
+            <span class="tour-item tour-city">Class A</span>
+            <span class="tour-item tour-arena">Over size</span>
+            <button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
         </div>
         <div class="tour-row">
             <span class="tour-item tour-date">JUL 29</span>
-            <span class="tour-item tour-city">PHOENIX, AZ</span>
-            <span class="tour-item tour-arena">AK-CHIN PAVILION</span>
-            <button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
+            <span class="tour-item tour-city">Original</span>
+            <span class="tour-item tour-arena">Sports</span>
+            <button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
         </div>
         <div class="tour-row">
             <span class="tour-item tour-date">AUG 2</span>
-            <span class="tour-item tour-city">LAS VEGAS, NV</span>
-            <span class="tour-item tour-arena">T-MOBILE ARENA</span>
-            <button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
+            <span class="tour-item tour-city">Original</span>
+            <span class="tour-item tour-arena">Shorts</span>
+            <button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
         </div>
         <div class="tour-row">
             <span class="tour-item tour-date">AUG 7</span>
-            <span class="tour-item tour-city">CONCORD, CA</span>
-            <span class="tour-item tour-arena">CONCORD PAVILION</span>
-            <button type="button" class="tour-item tour-btn btn btn-primary">BUY TICKETS</button>
+            <span class="tour-item tour-city">Class B</span>
+            <span class="tour-item tour-arena">Formal</span>
+            <button type="button" class="tour-item tour-btn btn btn-primary">Bundle Price</button>
         </div>
     </div>
 </section>
 <footer class="main-footer">
     <div class="container main-footer-container">
-        <h3 class="band-name">The Generics</h3>
-        <ul class="nav footer-nav">
-            <li>
-                <a href="https://www.youtube.com" target="_blank">
-                    <img src="Images/YouTube Logo.png">
-                </a>
-            </li>
-            <li>
-                <a href="https://www.spotify.com" target="_blank">
-                    <img src="Images/Spotify Logo.png">
-                </a>
-            </li>
-            <li>
-                <a href="https://www.facebook.com" target="_blank">
-                    <img src="Images/Facebook Logo.png">
-                </a>
-            </li>
-        </ul>
+        <h3 class="FOOTER">Midterm Project in P-20</h3>
     </div>
 </footer>
 </body>
