gitProject/layout.html at master · kitefree/gitProject · 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
<!DOCTYPE html>
<html lang="en"></html>
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <link href="img/favicon_48.ico" rel="shortcut icon" type="image/x-icon"/>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <title>甜點電商</title>
  <meta property="og:title" content="甜點電商"/>
  <meta property="og:description" content="六角學院的甜點電商"/>
  <meta property="og:site_name" content="甜點電商"/>
  <meta property="og:locale" content="zh_TW"/>
  <link rel="stylesheet" href="css/all.css?1538914663285"/>
</head>
<body>
  <div class="col-container l-header">
    <div class="col-row h-align-items-center"><a class="l-header__bars h-none h-md-block"><i class="fas fa-bars h-none h-md-inline"></i></a>
      <h1 class="l-header__logo"><a href="index.html" class="h-hideText">logo</a></h1>
      <ul class="l-header__menu h-ml-auto h-flex-row h-flex h-md-none">
        <li> <a href="index.html">首頁 </a></li>
        <li> <a href="product.html">甜點</a></li>
        <li> <a href="login.html">登入</a></li>
      </ul><a href="cart.html" class="l-header__cart"><i class="fas fa-shopping-cart"></i></a>
    </div>
  </div>
  <div class="l-registered">
    <div class="col-container">
      <div class="col-row h-flex-lg-column h-pt-4 h-pb-4">
        <div class="l-registered__title h-flex h-align-items-center h-mb-lg-4"><img src="./img/logo-light.svg" width="40" height="40"/>
          <h3 class="h-inline">訂閱你我的甜蜜郵件</h3>
        </div>
        <form action="/" class="l-registered__form h-flex h-align-content-between"><i class="fas fa-envelope l-registered__form__icon"></i>
          <input type="text" class="l-registered__form__text"/>
          <button class="l-registered__form__submit h-ml-auto"><i class="fas fa-arrow-right"></i></button>
        </form>
      </div>
    </div>
  </div>
  <div class="l-footer">
    <div class="col-container">
      <div class="col-row h-mb-4">
        <div class="l-footer__contact">
          <div class="l-footer__contact__logo h-mb-md-4"><img src="./img/logotype-lg-dark.svg" width="171" height="26"/></div>
          <ul class="l-footer__contact__content">
            <li> <a href="tel:+0712345678"> </a>07-1234-5678 </li>
            <li><a href="mailto:sweetaste@email.com"></a>sweetaste@email.com</li>
            <li><a href="https://www.google.com.tw/maps/place/800%E9%AB%98%E9%9B%84%E5%B8%82%E6%96%B0%E8%88%88%E5%8D%80/@22.6284345,120.2987625" target="_blank">800 高雄市新興區幸福路 520 號</a></li>
          </ul>
        </div>
        <div class="l-footer__title h-md-none"><img src="./img/footer__title.svg" witdt="59" height="218"/></div>
      </div>
      <div class="col-row h-align-items-end h-align-items-md-start h-flex-md-column">
        <ul class="l-footer__social h-flex h-mb-md-3">
          <li> <a href="#"><img src="img/ic-line@.svg" width="32" height="32"/></a></li>
          <li> <a href="#"><img src="img/ic-facebook.svg" width="32" height="32"/></a></li>
        </ul>
        <div class="l-footer__copyright">© 2018 Sweetaste* All Rights Reserved</div>
      </div>
    </div>
  </div>
</body>