-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHome.html
139 lines (132 loc) · 5.61 KB
/
Home.html
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="zh-Hant">
<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">
<title>Home</title>
<link rel="stylesheet" href="CSS/Login.css">
<link rel="stylesheet" href="CSS/Home.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
<!-- <div class="header"></div> -->
<div class="header">
<a><div class="logo"></div></a>
<ul class="menu">
<li><a href=""><i class="fa fa-gift"></i>Product</a></li>
<li><a href=""><i class="fa fa-user fa-fw"></i>log in</a></li>
<li><a href=""><i class="fa fa-heart"></i>Wishlist</a></li>
<li><a href=""><i class="fa fa-shopping-cart"></i>Cart(3)</a></li>
</ul>
</div>
<div class="h_carousel">
<div class="hc_block">
<h1>Perfume your day</h1>
<p>A perfume is like a piece of clothing, a message, a way of presenting oneself a costume that according to the person who wears it.</p>
<button class="home_btn">Shop now</button>
</div>
</div>
<div class="introduction">
<div class="product1_int ml10">
<h2>Gabrielle CHANEL</h2>
<p>全新嗅覺體驗，花香四溢、明亮馥郁。結合茉莉、依蘭依蘭、橙花和最迷人的格拉斯晚香玉之花香，呈現出夢幻花香氣息。 極具女性特質的香奈兒嘉柏麗香水，專為光芒四射的她而生。</p>
<a href=""><b>查看更多</b></a>
</div>
<div><div class="product1"></div></div>
<div><div class="product2"></div></div>
<div class="product2_int mr10">
<h2>Five O’clock Au Gingembre</h2>
<p>生薑與溫醇的肉桂香、紅糖的香甜摻和成一氣，溫暖微辛的氣息反倒形成一股輕煙氤氳開來，還帶點微微煙醺感漫溢在整個鼻息之間，細聞之下,又還有溫溫淡淡的木香，溫和而暖心。</p>
<a href=""><b>查看更多</b></a>
</div>
<div class="product3_int ml10">
<h2>CHANEL N°5</h2>
<p>N°5，女性魅力的極致精髓。散發柔美澄透的乙醛花束香氣。經典傳奇香氛，蘊藏於極簡設計的獨特瓶身。</p>
<a href=""><b>查看更多</b></a>
</div>
<div><div class="product3"></div></div>
<div><div class="product4"></div></div>
<div class="product4_int mr10">
<div>
<h2>1.<br/>Levels of Preventive<br/>Maintenance Compliance</h2>
<p>The core idea of preventative maintenance is the performance of proactive actions against unscheduled downtime in order to identify potential defects before they evolve into something more severe.</p>
</div>
<div>
<h2>2.<br/>Percentage of Planned<br/>Maintenance</h2>
<p>The planned maintenance percentage is the total planned maintenance time in your CMMS software over a date range over the total number of hours of a service performed by the technicians.</p>
</div>
<div>
<h2>3.<br/>Critical percentage of<br/>planned maintenance</h2>
<p>Calculating the critical percentage of planned maintenance will help you prioritize the most important operations that should be performed immediately.</p>
</div>
<button class="int_btn">Plan a free online training</button>
</div>
</div>
<div class="shopping">
<div class="pc_size jc_sb">
<div class="product7_block">
<div class="product7"></div>
<h3>Poppy & Barley</h3>
<p>Jo Malone</p>
<span>NT$1,380</span>
<s>NT$1,580</s>
</div>
<div class="product8_block">
<div class="product8"></div>
<h3>Body Wash</h3>
<p>Curology</p>
<span>NT$1,580</span>
</div>
<div class="product9_block">
<div class="product9"><div class="soldout">Sold out</div></div>
<h3>Apple Cider Vinegar Capsule</h3>
<p>Tonik</p>
<span>NT$1,580</span>
</div>
</div>
</div>
<div class="mgb80">
<div class="pc_size">
<div class="bottle_r_pic"></div>
<div class="bottle_rblock">
<h2>Bottle-Recycling</h2>
<span>Recycle your used empty bottles and be rewarded!</span>
<p>For the past 10 years, we have collected over 800,000 bottles through Empty Bottle Recycling Campaign and planted more than 860 pine trees for a better environment.For the past 10 years, we have collected over 800,000 bottles through Empty Bottle Recycling Campaign and planted more than 860 pine trees for a better environment.</p>
<a href=""><b>查看更多</b></a>
</div>
</div>
</div>
<div class="f_carousel">
<div class="fc_block">
<h2>記得<br/>
訂閱以獲取更多資訊！</h2>
<div class="fc_inBtg">
<input type="email" placeholder="Your email adress">
<button>Subscribe</button>
</div>
</div>
</div>
<footer>
<div>
<ul class="copyright">
<a><div class="logo1"></div></a>
<li><span>© 2020. All Rights Reserved.</span></li>
</ul>
<ul class="contact">
<li><a href="">Product</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
</footer>
<!-- <div class="footer"></div> -->
<!-- <script>
$(document).ready(function(){
console.log($);
$('.header').load('Header.html')
$('.footer').load('Footer.html')
})
</script> -->
</body>
</html>