Web_HC_FirstWeb/index.html at master · VinChien/Web_HC_FirstWeb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!-- 跟瀏覽器說明要使用 HTML 5 -->
<!DOCTYPE html>
<!-- 網頁元素 lan 語言 zh 繁中 -->
<html lang="zh">
  <!-- 網頁資訊 -->

  <head>
    <!-- 編碼 UTF-8 避免亂碼 -->
    <meta charset="UTF-8" />
    <!-- RWD -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 標題:顯示在瀏覽器上方 -->
    <title>丸龜製麵</title>
    <!-- rel 關係 stylesheet - CSS -->
    <link rel="stylesheet" href="./style.css" />
    <!-- 縮圖 -->
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
  </head>

  <body>
    <!-- 導覽列 -->
    <!-- div 無語意的元素 -->
    <!-- nav 有語意的元素 - SEO搜尋引擎優化 -->
    <nav>
      <div id="logo">
        <span>丸龜製麵</span>
      </div>
      <div id="nav">
        <a href="#about">關於丸龜</a>
        <a href="#news">最新消息</a>
        <a href="#contact">聯絡我們</a>
      </div>
    </nav>

    <!-- 橫幅 -->
    <div id="banner">
      <div>
        <h4>夏季新品</h4>
        <h1>烏龍冷麵</h1>
      </div>
    </div>

    <!-- 文章 -->
    <!-- 有語意的元素 -->
    <section id="about">
      <h1 class="ngaan">關於丸龜</h1>
      <hr />
      <div>
        <div class="img"></div>
        <p>
          丸亀製麵的起源： <br />創辦人-粟田貴也<br />
          粟田貴也先生的父親出身自日本香川縣丸亀市，而香川縣以讚岐烏龍麵聞名，讚岐烏龍麵的特色是用手打法製成粗麵條，特別有咬勁，擁有爽口彈牙美味。
          粟田貴也以父親的口味作為出發點，打造出丸亀製麵，成為全球最大的日本烏龍麵連鎖店。<br />
          丸亀製麵於2013年正式登陸台灣，不論日本當地、以至全球，丸亀製麵都佔據領先地位。
          堅持以現點現做的做法及讚岐式點餐， 提供顧客最新鮮、 最道地的烏龍麵。
          <br />經營理念：
          「創造深受更多顧客長期喜愛的餐廳」這就是我們唯一理念，今後也不會改變。<br />
          すべては、お客様のよろこびのために。<br />
          Simply For Your Pleasure.
        </p>
      </div>
    </section>

    <section id="news">
      <h1 class="ngaan">最新消息</h1>
      <hr />
      <ul>
        <span>2020.05.10</span>
        <li>【四月滿意調查表抽獎公佈】</li>
        <span>2020.05.05</span>
        <li>【2020 母親節套餐 5/5 開始於全門市販售】</li>
        <span>2020.04.30</span>
        <li>【三月滿意調查表抽獎公佈】</li>
        <span>2020.04.21</span>
        <li>【新門市開幕】中壢大潤發門市 4/21 (二) 新開幕</li>
        <span>2020.04.15</span>
        <li>【開幕活動】歡慶新光三越台北站前門市 4/15 重新開幕</li>
      </ul>
      <div>
        <a href="#">查看更多</a>
      </div>
    </section>

    <section id="contact">
      <h1 class="ngaan">關於我們</h1>
      <hr />
      <p>
        如果您在本公司用餐上有任何寶貴的意見和建議，或是有任何資訊想了解，
        <br />歡迎您利用本網站─『聯絡我們』留言反映，或以電郵方式與我們聯絡。
        <br />我們必將虛心接受並檢討改進，衷心期盼您再度光臨與指教，謝謝。
        <br />
        台灣東利多 丸亀製麵 敬上
        <br />
        電郵：service@toridoll.com.tw
        <br />
        客服專線：0800-000-063
      </p>
      <form>
        <div>
          <input type="text" placeholder="請輸入您的姓名" />
          <input type="email" placeholder="請輸入您的信箱" />
          <textarea></textarea>
        </div>
        <input type="submit" value="送出" />
      </form>
    </section>

    <!-- 頁尾 -->
    <footer>&copy; 2018 - 2020 丸龜製麵 All right reserved.</footer>
  </body>
</html>