Skip to content

Instantly share code, notes, and snippets.

@Bojne

Bojne/index.html

Created May 24, 2021 00:46
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Bojne/373e24ce3ccf6268665aa082ff4e025c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Bojne/373e24ce3ccf6268665aa082ff4e025c to your computer and use it in GitHub Desktop.
Download ZIP
Netlify Demo HTML FIle
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/blocks.css/dist/blocks.min.css" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌈</text></svg>">
<title>簡單，可愛的一個網站</title>
</head>
<body>
<div class='card block fixed' style='margin: 3rem 6% 0 6%;'>
<div style='display:flex'>
<h2 class='block fixed'>狗狗最棒！</h2>
</div>
<div style='display:flex;'>
<div class=' block fixed'>
<img src="https://asset.mmm.page/5d/dbe5f326814df7a8c7fcf9ff1ce248/giphy-1-.gif" alt="this slowpoke moves" style='max-width:100%;' />
</div>
</div>
<div style='display:flex; flex-wrap:wrap'>
<a class='block accent' href='https://www.facebook.com/bojne.john/' target="_blank">Facebook</a>
<a class='block accent' href='https://www.instagram.com/yuehan__/' target="_blank">Instagram</a>
<a class='block accent' href='https://github.com/bojne' target="_blank">Github</a>
<a class='block accent' href='https://bojne.medium.com' target="_blank">Medium</a>
<a class='block accent' href='https://twitter.com/boj_ne' target="_blank">Twitter</a>
</div>
</div>
<center style='margin-top: 1.5rem'>
Styled with <a href='https://github.com/thesephist/blocks.css'>block.css</a>, deployed on <a href='https://netlify.com/' target="_blank">Netlify</a> 🌈
</center>
</body>
</html>
@luganggtno1-dot
Copy link
Copy Markdown

luganggtno1-dot commented May 3, 2026

<title>彰化鹿港遠傳門市｜手機・門號・家電優惠</title> <style> body { margin: 0; font-family: Arial, sans-serif; background: #f5f5f5; color: #333; } .header { background: linear-gradient(135deg, #c40000, #006b3c); color: white; padding: 30px 20px; text-align: center; } .header h1 { margin: 0; font-size: 26px; } .header p { margin-top: 10px; } .btn { display: block; margin: 10px auto; padding: 12px; width: 80%; max-width: 300px; text-align: center; background: #ffcc00; color: #000; border-radius: 8px; text-decoration: none; font-weight: bold; } .section { padding: 20px; background: white; margin: 10px; border-radius: 10px; } .section h2 { margin-bottom: 15px; color: #c40000; } .card { background: #fafafa; padding: 15px; border-radius: 8px; margin-bottom: 10px; } .footer { text-align: center; padding: 20px; font-size: 14px; } </style>

彰化鹿港遠傳門市

手機｜門號｜家電 一站搞定

<a href="https://line.me/R/ti/p/@686mswkj" class="btn">加入LINE詢問</a>
<a href="tel:047841111" class="btn">立即撥打電話</a>

📱 空機 / 家電優惠

<div class="card">
    🔥 iPhone / Samsung / OPPO / vivo 最新空機優惠  
    👉 價格天天更新，直接LINE問最準
</div>

<div class="card">
    📺 家電搭配專案  
    電視 / 吹風機 / 滑板車 / 空氣清淨機  
    👉 搭門號更划算
</div>

📡 門號優惠專區

<div class="card">
    💎 續約優惠  
    老客戶專屬補貼＋禮券優惠
</div>

<div class="card">
    🚀 攜碼優惠  
    攜碼遠傳 手機折扣最高
</div>

<div class="card">
    📶 新辦門號  
    599 / 799 / 999 吃到飽方案任選
</div>

<div class="card">
    🏠 5G分享器方案  
    月付999 高速網路＋電視＋頻道
</div>

💰 熱門資費

<div class="card">599：輕度使用 👍</div>
<div class="card">799：最熱門方案 🔥</div>
<div class="card">999：高速吃到飽 🚀</div>
<div class="card">1399↑：旗艦機補貼 💎</div>

📲 快速聯絡

<a href="https://line.me/R/ti/p/@686mswkj" class="btn">加入LINE</a>
<a href="#" class="btn">Facebook粉絲團</a>

📍 門市資訊

<p>彰化鹿港遠傳門市</p>
<p>📞 04-7841111</p>
<p>📍 彰化縣鹿港鎮民權路12號</p>
<p>（近鹿港麥當勞）</p>

<a href="https://maps.google.com" class="btn">導航到門市</a>
© 彰化鹿港遠傳門市

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment