This repository has been archived by the owner on Aug 30, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (148 loc) · 8.42 KB
/
index.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
<!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>我看設計</title>
<link rel="stylesheet" href="CSS\style.css">
<link rel="stylesheet" href="CSS\normallize.css">
<link rel="stylesheet" href="CSS/pic.css">
<script src="./JS/jQuery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.9/lottie.min.js"></script>
<script src="./JS/Animate.js"></script>
<link rel="icon" href="./img/icon.ico">
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
</head>
<body>
<header>
<img src=".\img\Logo.png" alt="logo" class="logo">
<h1 class="header_Word">我看設計</h1>
<div class="header_right">
<a class="header_Butten" href="./index.html">首頁</a>
<a class="header_Butten" href="./html/3D.html">3D作品</a>
<a class="header_Butten" href="./html/2D.html">2D作品</a>
<a class="header_Butten" href="./html/Contant us.html">聯絡我們</a>
<a class="header_Butten" href="./html/How.html">接案流程</a>
</div>
<label for="burger" class="header_burger"><img src="./img/BURGER.svg" alt=""></label>
<input type="checkbox" id="burger">
<div class="header_burgermenu">
<div class="header_burgermenuyellow">我看設計</div>
<a class="burgermenu_butten" href="./index.html">
<p class="burgermenu_butten_text">首頁</p>
<img src="./img/Barrow.svg" alt="" class="burgermenu_butten_icon">
</a>
<a class="burgermenu_butten" href="./html/3D.html">
<p class="burgermenu_butten_text">3D作品</p>
<img src="./img/Barrow.svg" alt="" class="burgermenu_butten_icon">
</a>
<a class="burgermenu_butten" href="./html/2D.html">
<p class="burgermenu_butten_text">2D作品</p>
<img src="./img/Barrow.svg" alt="" class="burgermenu_butten_icon">
</a>
<a class="burgermenu_butten" href="./html/Contant us.html">
<p class="burgermenu_butten_text">聯絡我們</p>
<img src="./img/Barrow.svg" alt="" class="burgermenu_butten_icon">
</a>
<a class="burgermenu_butten" href="./html/How.html us.html">
<p class="burgermenu_butten_text">接案流程</p>
<img src="./img/Barrow.svg" alt="" class="burgermenu_butten_icon">
</a>
<label class="burgermenu_butten" for="burger">
<img src="./img/burgerdisable.svg" class="burgermenu_butten_burgerdisable" alt="">
</label>
</div>
</header>
<div class="all">
<main>
<div class="main_vision">
<!-- <img src="./img/shadow.png" alt="" class="main_vision_shadow"> -->
<div class="main_vision_content">
<div class="main_vision_textlist">
<hr class="main_vision_line">
<img src="./img/Star1.png" alt="" class="main_vision_line_star">
<h1 class="main_vision_title">我看設計</h1>
<div class="main_vision_text">
<h2 class="main_vision_subtitle">when you look long into a design,<br>the design looks into you.</h2>
<div class="main_vision_subtitle_dec">
<h3 class="main_vision_subtitle_decT">好的設計不是偶然發生的。 它是想像的、研究的、計劃的，然後是實施的。 </h3>
<P class="main_vision_subtitle_decc">
<span class="a">-要有效地設計未來，你必須先放下你的過去。-</span><br>
<span class="b">-人們在嘗試設計完全傻瓜式的東西時常犯的一個錯誤是低估了完全傻瓜的獨創性。-</span>
</P>
</div>
</div>
</div>
<img src="./img/AIM.png" alt="" class="main_vision_aim">
<div class="main_vision_piclist">
<div class="main_vision_eyes"></div>
<div class="main_vision_eyes_rel">
<img src="./img/Star.png" alt="" class="main_vision_eyes_star">
<div alt="" class="main_vision_eyes_blurstar" id="main_vision_eyes_blurstar"></div>
</div>
<img src="./img/Group 66.png" alt="" class="main_vision_cycle">
<div class="main_vision_iconlist">
<img src="./img/🦆 icon _instagram_.svg" alt="" class="main_vision_iconlist_pic icon1">
<img src="./img/🦆 icon _facebook_.svg" alt="" class="main_vision_iconlist_pic">
<img src="./img/🦆 icon _twitter_.svg" alt="" class="main_vision_iconlist_pic">
</div>
</div>
</div>
</div>
<div class="main_vision_bottom">
<p class="main_vision_botton_word_L">when you look long into a design,<br>the design looks into you.</p>
<p class="main_vision_botton_word_M">Workshop</p>
<p class="main_vision_botton_word_R">Portfolio</p>
</div>
<div class="main_team">
<div class="main_team_content">
<h2 class="main_team_subtitle">團隊介紹</h2>
<hr class="main_team_hr">
<div class="main_team_memberlist">
<div class="main_team_member">
<div class="main_team_memberpic mp1"></div>
<p class="main_team_memberdes">林柏郡<br>是個人類呢。</p>
</div>
<div class="main_team_member">
<div class="main_team_memberpic mp2"></div>
<p class="main_team_memberdes">曹書語<br>是杯麥仔茶。</p>
</div>
<div class="main_team_member">
<div class="main_team_memberpic mp3"></div>
<p class="main_team_memberdes">鄭伃恩<br>看來是隻貓咪?</p>
</div>
</div>
</div>
</div>
<div class="main_idea">
<h2 class="main_idea_subtitle">理念</h2>
<p class="main_idea_Des">人類的每一種發明、每一種工具、每一種儀器、每一種器具、每一種設計使用的物品，每一種，都是從非常簡單的開始演變而來的。</p>
</div>
<div class="main_work">
<div class="main_work_Bestwork">
<img src=".\img\Group 66.png" alt="" class="main_work_floatpic">
<h2 class="main_work_subtitle">精彩作品</h2>
<p class="main_work_Des">不只這些，還有更多！</p>
<div class="main_work_img">
<div class="main_work_img_left pl" ></div>
<div class="main_work_img_rightlist">
<div class="main_work_img_rightlist_top">
<div class="main_work_img_rightlist_img p1"></div>
<div class="main_work_img_rightlist_img p2"></div>
</div>
<div class="main_work_img_rightlist_down">
<div class="main_work_img_rightlist_img p3"></div>
<div class="main_work_img_rightlist_img p4"></div>
</div>
</div>
</div>
<img src=".\img\starGroup.png" alt="" class="main_work_floatpic2">
</div>
</div>
</main>
</div>
<footer>我看設計，設計看我</footer>
</body>
</html>