/
webdesign.html
179 lines (174 loc) · 6.72 KB
/
webdesign.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!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">
<title>Document</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/webdesign.css">
</head>
<body>
<header id="top-head">
<div class="sort">
<a href="./index.html">首頁</a>
<a href="./portfoliorevsie.html">設計作品</a>
<a href="./webdesign.html">一頁式網站</a>
<a href="./About.html">關於</a>
</div>
</header>
<div class="app">
<header>
<ul>
<li><a href="">公司簡介</a></li>
<li><a href="">產品資訊</a></li>
<li><a href="">客戶見證</a></li>
<li><a href="">聯絡我們</a></li>
</ul>
</header>
<div class="banner">
<div class="banner-left">
<div class="txt1">
<h1>DO YOUR BEST</h1>
</div>
</div>
<div class="banner-right">
<div class="txt2">
<h2>New iPhone</h2>
<p>Your Favorite edible inspiration Now on your iPhone
Your can do anything whatever you want
</p>
</div>
</div>
</div>
<section id="s1">
<div class="new-photo"></div>
<div class="new">
<div class="txt">
<h2>The all in one business
<br>
account
</h2>
<ul>
<li>save time on expense report</li>
<li>Automate your corporate finace management</li>
<li>Truly optimize your accounting process</li>
</ul>
<a href=""><input type="button" value="立擊前往"></a>
</div>
</div>
</section>
<div class="wrap">
<div class="item">
<h2>科技成就一切可能 </h2>
</div>
</div>
<section>
<div class="project">
<div class="project-outer ">
<a href="">
<img src="./img/project1.jpg" alt="">
<div class="txt">
<h2>方案一</h2>
<div class="line"></div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam, nulla? Suscipit explicabo porro doloribus labore dignissimos veritatis laborum libero quibusdam illo quaerat! Provident aliquam</p>
</div>
</a>
</div>
<div class="project-outer ">
<a href="">
<img src="./img/project2.jpg" alt="">
<div class="txt">
<h2>方案二</h2>
<div class="line"></div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam, nulla? Suscipit explicabo porro doloribus labore dignissimos veritatis laborum libero quibusdam illo quaerat! Provident aliquam</p>
</div>
</a>
</div>
<div class="project-outer ">
<a href="">
<img src="./img/project3.jpg" alt="">
<div class="txt">
<h2>方案三</h2>
<div class="line"></div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam, nulla? Suscipit explicabo porro doloribus labore dignissimos veritatis laborum libero quibusdam illo quaerat! Provident aliquam</p>
</div>
</a>
</div>
</div>
</section>
<section>
<div class="product">
<div class="txt">
<h1>EXPERIENCE and
<br>
Mindest in Building
<br>
Success with
<br>
Organisations
</h1>
<p></p>
</div>
</div>
</section>
<section>
<div class="product2">
<h1>
<img src="./img/product3.jpg" alt="">
</h1>
<div class="txt">
<h2>
Enter nous, un lien direct
<br>
Sincere et fructueux
</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rerum voluptatem reiciendis ex quibusdam eum architecto itaque veritatis tempore, quasi soluta, nulla eaque, debitis tenetur distinctio fugit facere ipsum odit quisquam.</p>
</div>
</div>
</section>
<section>
<div class="intro">
<div class="item">
<h2>About</h2>
<ul>
<li><a href=""> Our story</a></li>
<li><a href=""> Our customers</a></li>
<li><a href=""> Blog</a></li>
</ul>
</div>
<div class="item">
<h2>Help</h2>
<ul>
<li><a href=""> Banking</a></li>
<li><a href=""> comparators</a></li>
<li><a href=""> Customer support</a></li>
</ul>
</div>
<div class="item">
<h2>Product</h2>
<ul>
<li><a href=""> Pricing</a></li>
<li><a href=""> Changelog</a></li>
<li><a href=""> API</a></li>
</ul>
</div>
<div class="item">
<h2>Useful links</h2>
<ul>
<li><a href=""> Nedua kit</a></li>
<li><a href=""> Newscroom</a></li>
<li><a href=""> Become a partner</a></li>
</ul>
</div>
</div>
</section>
<footer>
<h2>©Copyright 2021 - All rights reserved - Privacy</h2>
</footer>
</div>
<script src="./js/jquery-3.5.1.min.js"></script>
</body>
</html>