본문 바로가기
[HTML & CSS]

[HTML & CSS] 간단한 광고 화면 만들어보기

by 북방바다코끼리표범 2023. 8. 13.
Codechella Festival

FRIDAY MAY 16 & 23

Harry Styles
Lil Baby • Daniel Caesar • Phoebe • Bridgers • Big Sean • Grupo • Firme • Louis the Child • Baby Keem • Still Woozy. • King Gizzard • Snoh Aalegra • City Girls • Madeon • NIKI • Lane 8 • Pink Sweat$ • Omar Apollo • Black Coffee • IDLES • Peggy Gou • EPIK HIGH • the Marias • Carly Rae Jepsen • Spiritualized • Daphni • the Martinez Brothers • Bishop Briggs • MIKA • slowthai Cordae • BADBADNOTGOOD • the Avalanches • Role Model • ARTBAT • Damian Lazarus • TOKiMONSTA • Princess Nokia • PUP • the Regrettes • Raveena • Purple Disco Machine • Arooj Aftab • Amyl and the Sniffers • Dom Dolla • Logic1000 • the Chats • the Hu • John Summit • Jean Dawson • Code Orange • Ela Minus • Jayda G • Lost Kings • Lawrence • GG Magree • Giselle Woo & the Night • Owls • SOHMI MEUTE • DJ Lord • Dear Humans

SATURDAY MAY 17 & 24

Billie Eilish
Flume • Megan Thee Stallion • Disclosure • 21 Savage • Danny Elfman • Stromae Giveon • Anitta • BROCKHAMPTON • Rich Brian • girl in red • Wallows • Isaiah Rashad • Caribou • Cuco • Conan Gray • Koffee • Tchami • Dixon Caroline Polachek • Turnstile • 100 gecs • Freddie Gibbs & Madlib Pabllo Vittar • Hot Chip • DJ Koze • Floating Points • Steve Lacy • Arlo Parks • Rina Sawayama • Japanese Breakfast • Masego • Chelsea Cutler • Nicki Nicole • Richie Hawtin • Beach Bunny • Amber Mark • Ed Maverick • Current Joys • black midi • Chris Liebing • Kyary Pamyu Pamyu • Inner Wave • ANNA • Holly Humberstone • Niliifer Yanya • L'Imperatrice • Emo Nite • Alaina Castillo • Paco Osuna • Beach Goons • VINSSA • Mannequin Pussy • Sama' Abdulhadi • Whipped Cream • DJ Holographic • Yard Act • ayla Benitez • Miane

SUNDAY MAY 18

Ye
X24 • Doja Cat • Joji • Jamie XX • Run the Jewels • Karol G • Maggie Rogers • FAri Lennox • Banda MS • Fatboy Slim • Maneskin • J.I.D • SLANDER • Solomun • Jessie Reyez • Denzel Curry • FINNEAS • Vince Staples • Dave • Fred again.. • Duck Sauce • Chicano Batman • Duke Dumont • Kim Petras • Orville Peck • Natanael Cano • beabadoobee • Belly • the Bleised Madonna + Honey Dijon • Alec Benjamin • Ali Gatie • Surf Curse • Griselda • Michael Bibi • Nathy Peluso • Maxo Kream • Bedouin • Emotional Oranges • Channel Tres • Yola • Hayden James • Molchat Doma • Crumb • Olivia O'Brien • Eyedress • Sampa the Great • Satori • Viagra Boys • Adam Port • Altin Gun • Skegss • Luttrell • Mariah the Scientist • AMEME • Carino • Cole Knight

Returning to the Desert

Swedish House Mafia

Featuring

88rising's HEAD IN THE CLOUDS FOREVER

Large-scale art installations by

Architensions • Cristopher Cichocki • Kiki Van Eijk • Los Dos • Estudio Normal • Oana Stanescu • NEWSUBSTANCE • Do LaB • Robert Bose

 

위의 코드

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Codechella Festival</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap" rel="stylesheet">
  </head>
  <body style="font-family: Poppins, sans-serif; font-size: 16px; font-weight: 700; margin: 0; background-color: #fcf1fe">
    <div style="padding: 56px">
      <div style="width: 640px; margin: 56px auto">
        <img src="header.png">
      </div>
      <div style="width: 560px; margin: 24px auto">
        <div style="margin: 24px 0">
          <h2 style="font-size: 20px; margin: 8px 0">FRIDAY MAY 16 & 23</h2>
          <p style="margin: 8px 0">
            <span style="font-size: 40px; margin: 8px 0">Harry Styles</span><br>
            <span>
              Lil Baby • Daniel Caesar • Phoebe • Bridgers • Big Sean • Grupo •
              Firme • Louis the Child • Baby Keem • Still Woozy. • King Gizzard •
              Snoh Aalegra • City Girls • Madeon • NIKI • Lane 8 • Pink Sweat$ •
              Omar Apollo • Black Coffee • IDLES • Peggy Gou • EPIK HIGH •
              the Marias • Carly Rae Jepsen • Spiritualized • Daphni • the Martinez Brothers •
              Bishop Briggs • MIKA • slowthai Cordae • BADBADNOTGOOD •
            </span>
            <span style="font-size: 12px">
              the Avalanches • Role Model • ARTBAT • Damian Lazarus • TOKiMONSTA •
              Princess Nokia • PUP • the Regrettes • Raveena • Purple Disco Machine •
              Arooj Aftab • Amyl and the Sniffers • Dom Dolla • Logic1000 • the Chats •
              the Hu • John Summit • Jean Dawson • Code Orange • Ela Minus • Jayda G •
              Lost Kings • Lawrence • GG Magree • Giselle Woo & the Night • Owls •
              SOHMI MEUTE • DJ Lord • Dear Humans
            </span>
          </p>
        </div>
        <div style="margin: 24px 0; text-align: right">
          <h2 style="font-size: 20px; margin: 8px 0;">SATURDAY MAY 17 & 24</h2>
          <p style="margin: 8px 0">
            <span style="font-size: 40px; margin: 8px 0">Billie Eilish</span><br>
            <span>
              Flume • Megan Thee Stallion • Disclosure • 21 Savage • Danny Elfman •
              Stromae Giveon • Anitta • BROCKHAMPTON • Rich Brian • girl in red •
              Wallows • Isaiah Rashad • Caribou • Cuco • Conan Gray •
            </span>
            <span style="font-size: 12px">
              Koffee • Tchami • Dixon Caroline Polachek • Turnstile • 100 gecs •
              Freddie Gibbs & Madlib Pabllo Vittar • Hot Chip • DJ Koze •
              Floating Points • Steve Lacy • Arlo Parks •
              Rina Sawayama • Japanese Breakfast • Masego • Chelsea Cutler •
              Nicki Nicole • Richie Hawtin • Beach Bunny • Amber Mark • Ed Maverick •
              Current Joys • black midi • Chris Liebing • Kyary Pamyu Pamyu • 
              Inner Wave • ANNA • Holly Humberstone • Niliifer Yanya • L'Imperatrice •
              Emo Nite • Alaina Castillo • Paco Osuna • Beach Goons • VINSSA • Mannequin
              Pussy • Sama' Abdulhadi • Whipped Cream • DJ Holographic • Yard
              Act • ayla Benitez • Miane
            </span>
          </p>
        </div>
        <div style="margin: 24px 0">
          <h2 style="font-size: 20px; margin: 8px 0">SUNDAY MAY 18</h2>
          <p style="margin: 8px 0">
            <span style="font-size: 40px; margin: 8px 0">Ye</span><br>
            <span>
              X24 • Doja Cat • Joji • Jamie XX • Run the Jewels • Karol G •
              Maggie Rogers • FAri Lennox • Banda MS • Fatboy Slim • Maneskin •
              J.I.D • SLANDER • Solomun • Jessie Reyez • Denzel Curry • FINNEAS •
              Vince Staples •
            </span>
            <span style="font-size: 12px">
              Dave • Fred again.. • Duck Sauce • Chicano Batman • Duke Dumont •
              Kim Petras • Orville Peck • Natanael Cano • beabadoobee • Belly •
              the Bleised Madonna + Honey Dijon • Alec Benjamin • Ali Gatie •
              Surf Curse • Griselda • Michael Bibi • Nathy Peluso • Maxo Kream •
              Bedouin • Emotional Oranges • Channel Tres • Yola • Hayden James •
              Molchat Doma • Crumb • Olivia O'Brien • Eyedress • Sampa the Great •
              Satori • Viagra Boys • Adam Port • Altin Gun • Skegss • Luttrell •
              Mariah the Scientist • AMEME • Carino • Cole Knight
            </span>
          </p>
        </div>
        <div style="text-align: center; margin: 24px 0">
          <h2 style="margin: 8px 0; font-size: 16px; font-weight: 300;">Returning to the Desert</h2>
          <p style="margin: 0; font-size: 24px;">Swedish House Mafia</p>
        </div>
      </div>
    </div>
    <img src="https://media.istockphoto.com/id/1212107823/vector/beautiful-summer-landscape-palm-tree-beach-sunset-view.jpg?s=1024x1024&w=is&k=20&c=9Vtg4eLKxKShv3cXOntNsv9DTpOdR5fpvHg2U9aA1rA=" style="display: block; width: 100%">
    <div style="background-color: #272928; color: #ffffff; padding: 32px">
      <div style="text-align: center; width: 560px; margin: 0 auto">
        <div style="margin: 24px 0">
          <h2 style="font-size: 16px; font-weight: 300; margin: 8px 0">Featuring</h2>
          <p style="font-size: 24px; margin: 8px 0">88rising's HEAD IN THE CLOUDS FOREVER</p>
        </div>
        <div style="margin: 24px 0">
          <h2 style="font-size: 16px; font-weight: 300; margin: 0">Large-scale art installations by</h2>
          <p style="font-size: 14px; margin: 0">
            Architensions • Cristopher Cichocki • Kiki Van Eijk • Los Dos •
            Estudio Normal • Oana Stanescu • NEWSUBSTANCE • Do LaB • Robert Bose
          </p>
        </div>
      </div>
    </div>
  </body>
</html>

 

저작자표시

'[HTML & CSS]' 카테고리의 다른 글

[HTML & CSS] 간단한 화면 만들기  (11) 2023.08.15
[HTML & CSS] 간단한 화면 만들어보기  (11) 2023.08.14
[HTML & CSS] 간단한 화면 만들어보기  (0) 2023.08.12
[HTML & CSS] 간단한 홈페이지 만들어보기  (0) 2023.08.06
[HTML & CSS] 간단한 광고 만들어보기  (0) 2023.08.05

관련글

티스토리툴바