Advertisement
thotfrnk

presspage.html

Oct 27th, 2024
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.76 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.   <title>Press Page - ATEEZ</title>
  7.   <link rel="stylesheet" href="css/style.css">
  8. </head>
  9. <body>
  10.   <div class="press-page">
  11.     <header class="press-page__header">
  12.       <div class="press-page__overlay"></div>
  13.     </header>
  14.  
  15.     <div class="heading-main">
  16.       <h1 class="heading-main__title">Latest News</h1>
  17.     </div>
  18.  
  19.     <section class="container press-page__grid grid--2x2">
  20.  
  21.       <article class="press-page__article">
  22.  
  23.         <img src="img/ateez-article1.jpg" alt="Picture of all 8 members of ATEEZ" class="press-page__article-image">
  24.         <div class="press-page__article-content">
  25.           <h2 class="press-page__article-title">NME</h2>
  26.           <p class="press-page__article-excerpt">ATEEZ announce 2025 Europe leg of 'Towards the Light: Will to Power' world tour</p>
  27.           <a href="https://www.nme.com/news/music/ateez-2024-world-tour-towards-the-light-will-to-power-2-3555883" class="press-page__article-link">Read more</a>
  28.         </div>
  29.       </article>
  30.    
  31.       <article class="press-page__article">
  32.         <img src="img/ateez-article2.jpg" alt="Picture of all 8 members of ATEEZ" class="press-page__article-image">
  33.         <div class="press-page__article-content">
  34.           <h2 class="press-page__article-title">YTN</h2>
  35.           <p class="press-page__article-excerpt">ATEEZ selected the headliner for the 'Grand Mint Festival' on November 3rd.</p>
  36.           <a href="https://www.ytn.co.kr/en/news/news_view.php?key=202410080924088880" class="press-page__article-link">Read more</a>
  37.         </div>
  38.       </article>
  39.    
  40.       <article class="press-page__article">
  41.         <img src="img/ateez-article3.png" alt="Picture of all 8 members of ATEEZ" class="press-page__article-image">
  42.         <div class="press-page__article-content">
  43.           <h2 class="press-page__article-title">Korea Joongang Daily</h2>
  44.           <p class="press-page__article-excerpt">Ateez to release fourth Japanese single on Oct. 2</p>
  45.           <a href="#" class="press-page__article-link">Read more</a>
  46.         </div>
  47.       </article>
  48.    
  49.       <article class="press-page__article">
  50.         <img src="img/ateez-article4.jpg" alt="Picture of San, Hongjoong, and Wooyoung of ATEEZ" class="press-page__article-image">
  51.         <div class="press-page__article-content">
  52.           <h2 class="press-page__article-title">Teen Vogue</h2>
  53.           <p class="press-page__article-excerpt">The ATEEZ Members Each Brought Totally Different Vibes to Fashion Week — See Photos</p>
  54.           <a href="#" class="press-page__article-link">Read more</a>
  55.         </div>
  56.       </article>
  57.     </section>    
  58.  
  59.     <br><br>
  60.  
  61.     <!--About section-->
  62.  
  63.     <section class="press-page__about">
  64.       <h2 class="press-page__about-title">ATEEZ is Worldwide</h2>
  65.       <p class="press-page__about-text">
  66.         ATEEZ success has skyrocketed over the last few years. Every new comeback album has charted in the top 10 of Billboard's Top 200 Albums chart. ATEEZ has sold over 7 million albums worldwide since their debuet in 2018. They have had multiple <strong>sold-out</strong> world tours. They continue to see success and growth, and show no sign of slowing down.
  67.       </p>
  68.    
  69.       <!-- Stats Section -->
  70.       <div class="press-page__about-stats">
  71.         <div class="press-page__about-stat">
  72.           <img src="img/spotify-logo.png" alt="Spotify logo" class="press-page__about-stat-icon">
  73.           <h3 class="press-page__about-stat-title">Over 850 Million</h3>
  74.           <p>Streams on all platforms, on average.</p>
  75.         </div>
  76.    
  77.         <div class="press-page__about-stat">
  78.           <img src="img/twitter.png" alt="Twitter/X logo" class="press-page__about-stat-icon">
  79.           <h3 class="press-page__about-stat-title">Over 300 Million</h3>
  80.           <p>Engagements with ATEEZ's content daily, on average.</p>
  81.         </div>
  82.       </div>
  83.     </section>
  84.    
  85.     <br><br>
  86.  
  87.     <section class="press-page__contact">
  88.       <h2 class="press-page__contact-title">Get in touch</h2>
  89.    
  90.       <!-- Contact Logo Section -->
  91.       <div class="press-page__contact-logo">
  92.         <img src="img/ateez-logo.jpg" alt="ATEEZ's logo" class="press-page__contact-logo-image">
  93.       </div>
  94.    
  95.       <!-- Contact Details Section -->
  96.       <div class="press-page__contact-info">
  97.         <h3 class="press-page__contact-info-title">Press Requests</h3>
  98.         <p>Email <a href="mailto:ateez-press@kqent.com" class="press-page__contact-email">ateez-press@kqent.com</a>.</p>
  99.         <p>For all other inquiries, please visit our <a href="#" class="press-page__contact-link">Contact page</a>.</p>
  100.       </div>
  101.     </section>
  102.    
  103.   </div>
  104. </body>
  105. </html>
  106.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement