-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (138 loc) · 6.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>企业类网页设计</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="warp">
<header class="header">
<div class="logo">
<img src="./images/LOGO2.png" alt="logo">
</div>
<nav class="header_right">
<div class="number">
<img src="./images/number.jpg" alt="tel-phone">
</div>
<ul>
<li><a href="#">会员登录</a></li>
<li><a href="#">会员咨询</a></li>
<li><a href="#">在线咨询</a></li>
<li><a href="#">关于创意</a></li>
<li class="show_list">
<a href="#">
<span>成功案例</span>
<ul class="move_list">
<li>品牌设计</li>
<li>网页设计</li>
<li>平面设计</li>
<li>电子商城</li>
<li>空间/建筑</li>
</ul>
</a>
</li>
<li><a href="#">首页</a></li>
</ul>
</nav>
</header>
<div class="banner">
<div class="banner_wrap">
<ul class="banner_img clear_fix">
<li class="image"><img src="./images/banner_one.jpg" alt=""></li>
<li class="image"><img src="./images/banner_four.png" alt=""></li>
<li class="image"><img src="./images/banner_6.png" alt=""></li>
</ul>
<div class="left_btn">
<img src="./images/向左.png" alt="向左按键">
</div>
<div class="right_btn">
<img src="./images/向右.png" alt="向右按键">
</div>
</div>
</div>
<div class="content">
<div class="content_one">
<img src="./images/design2.png" alt="品牌设计">
<img src="./images/design3.png" alt="平面设计">
<img src="./images/design5.png" alt="网页设计">
<img src="./images/design7.png" alt="电子商城">
<img src="./images/design9.png" alt="空间/建筑">
<img src="./images/design.png" alt="" class="white_img">
<img src="./images/design4.png" alt="" class="white_img">
<img src="./images/design6.png" alt="" class="white_img">
<img src="./images/design8.png" alt="" class="white_img">
<img src="./images/design10.png" alt="" class="white_img">
</div>
<div class="content_two">
<div class="content_header">
<img src="./images/exhib.png" alt="">
<div>
<span>服务项目：</span>
<span>标志设计；LOGO设计；商标设计；VI设计；画册设计；海报设计；地产宣传；户外广告；包装设计；ICON设计；</span>
</div>
<div>
<span>网页设计；模板建站；定制网站；界面设计；H5页面设计；网店装修；CAD效果图...</span>
</div>
</div>
<div class="mid">
<img src="./images/mid1.png" alt="">
<img src="./images/mid7.png" alt="">
<img src="./images/mid3.png" alt="">
<img src="./images/mid4.png" alt="">
<img src="./images/mid10.png" alt="">
<img src="./images/mid6.png" alt="" class="mid_cover">
<img src="./images/mid2.png" alt="" class="mid_cover">
<img src="./images/mid8.png" alt="" class="mid_cover">
<img src="./images/mid9.png" alt="" class="mid_cover">
<img src="./images/mid5.png" alt="" class="mid_cover">
</div>
</div>
<div class="content_three">
<div class="three_wrap">
<div class="top_text">
<span>我们秉承“工匠精神”，做最精致的设计</span>
<span>我们是完美主义者，要求自己的每一次设计都是最完美。我们坚持专业高水准的服务标准，致力成为您的事业伙伴，我们珍重并以真诚回报您给予的信任和期待，</span>
<span>因为我们的价值来自于我们协助您创造价值。</span>
</div>
<div class="bottom_text">
<span>我们敢比服务</span>
<span>所有的服务项目一律满意为止</span>
<span>我们敢比价格</span>
<span>我们是以工作室的方式运作，我们的设计作品不包含公司运作成本，</span>
<span>我们只会索要单纯的设计价值</span>
</div>
</div>
</div>
<div class="content_four">
<div class="four_wrap">
<img src="./images/service.png" alt="">
<div>
<img src="./images/tele.png" alt="">
<span>项目洽谈</span>
<img src="./images/qq.gif" alt="">
<span>根据需求报价</span>
<img src="./images/price.png" alt="">
<span>预付定金，开始设计</span>
<img src="./images/four.png" alt="">
<span>修改定稿，完成设计</span>
<img src="./images/receive.png" alt="">
<span>签收付尾款</span>
</div>
</div>
</div>
</div>
<div class="footer">
</div>
<div class="top">
<a href="#">
<img src="./images/向上箭头.svg" alt="">
</a>
<p>返回顶部</p>
</div>
</div>
<script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>