lesson2_hw

https://codelove.tw/@howtomakeaturn/post/YqZWQx

by j437437

HTML

<!--參考網址 https://www.storm.mg/lifestyle/4731967-->
<div>
  <h1>麥當勞限時優惠！麥克鷄塊、OREO冰炫風加1元多1件<br>再加碼15層「無敵大麥克」限時回歸</h1>
  <img src="https://image.cache.storm.mg/styles/smg-800x533-fp/s3/media/image/2023/02/14/20230214-033524_U25889_M829730_d563.jpg?itok=TFZN3rAP" alt="麥當勞套餐照片">
  <p>台灣麥當勞自2月15日起至3月14日止，肉量加倍的「無敵大麥克」限時回歸！包含4層100％純牛肉，滿足嗜肉族對於多汁肉排的絕對慾望。此外，至3月14日止推出麥當勞加一元多一件，包含大家最愛的4塊麥克鷄塊、OREO冰炫風、雙倍OREO冰炫風...人氣美食。</p>
  <h2 class="promotion">麥當勞歡樂送：輸入優惠碼「1FOR1」享指定商品加1元多1件</h2>
  <p>期間：2月1日起至3月14日止。</p>
  <p>內容：使用「麥當勞歡樂送」網路訂餐，於購物車頁面促銷優惠碼處，輸入優惠碼「1FOR1」，即享4塊麥克鷄塊、OREO冰炫風、雙倍OREO冰炫風、金黃地瓜條或經典美式(冰/熱)加1元多1件優惠。</p>
  <p>贈送品項與點購項目需相同，恕不更換其他品項；訂單需消費滿38元起方可使用此優惠；每筆訂單限使用乙次，本活動Uber Eats、foodpanda均不適用。</p>
  <h3 class="promotion">「大麥克家族」2／15起限時回歸、15層「無敵大麥克」挑戰張嘴極限！</h3>
  <p>麥當勞大麥克以其多層次的豐富口感、獨特大麥克醬及厚實肉排，坐擁大批忠實粉絲，更在全球開啟了「大麥克特殊吃法」、「大麥克最佳品嚐手勢」等獨有的粉絲話題，可見粉絲為了享用大麥克費盡心思。</p>
  <p>除經典大麥克，備受矚目的重量級「無敵大麥克」，自2月15日起至3月14日（或售完為止）限期登場；4層100%純牛肉，搭配受牛肉餅的溫度而焦糖化、釋放出天然糖分的洋蔥丁，加上新鮮爽脆的生菜、溫熱而融化的吉事片、酸黃瓜及招牌大麥克醬，多達15層的豐富口感，每口都吃得到四溢多汁的肉香、香甜的洋蔥，最後蓋上蓬鬆Q軟，帶有奶油香氣的麵包，絕對能征服肉食控的味蕾，鐵粉們快把握機會吃一波！</p>
  <a href="https://www.storm.mg/lifestyle/4714191">（相關報導：2023麥當勞優惠券》限時優惠！買一送一、加1元多一件來了，大家最愛的雞塊、薯條通通有｜更多文章）</a>
  <p style="padding-top:50px;font-size:1.2rem">【同檔加映】<br>同樣繼承大麥克家族「多層次」及「大滿足」使命的「香鷄大麥克」，採用厚實雙層酥炸鷄排，讓不吃牛的民眾也能一起享用大麥克的經典滋味。</p>
  <div class="block">
    <p class="font_special">
      「大麥克」：單點75元；勁脆套餐153元。
      <br>
      「無敵大麥克」：單點115元；勁脆套餐193元。
      <br>
      「香鷄大麥克」：單點95元；勁脆套餐173元。
    </p>
  </div>
</div>

CSS

div {
  padding: 50px;
  text-align: justify;
}
h1{
  letter-spacing: 2px;　
}
img{
  margin: 5px auto 15px
}
p {
  color: DarkSlateGrey;
  font-weight: bold;
}
.font_special {
  color: DarkRed;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5;
}

.promotion {
  color: FireBrick;
}


a:visited {
  color: ForestGreen;
}
a:hover {
  color: red;
}

.block {
  background-color: Gold;
  padding: 30px;
}