-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex9.html
164 lines (161 loc) · 13.3 KB
/
index9.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
<!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="stylesheet" href="./style9.css">
</head>
<body>
<div class="juzhong1">
<div class="juzhong t-p">
<div class="first">
<div class="ex p-m">
<div class="flex li">
<div class="nei">
<ul class="bi">
<li>Sdutions</li>
</ul>
<ul class="bi">
<li>About us</li>
</ul>
<ul class="bi">
<li>Clients</li>
</ul>
<ul class="bi">
<li>News & Event</li>
</ul>
<ul class="bi">
<li>contactus</li>
</ul>
</div>
</div>
<!-- hj -->
<div class="another display p-20">
<div class="ol-p">
<img src="./图片/Rectangle 10.png">
<span>Demo</span>
</div>
<div class="tu">
<svg t="1622206672629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2412" width="20" height="20">
<path
d="M512 32c144.384 0 273.92 63.744 361.92 164.672l0.832 0.96a481.92 481.92 0 0 1 38.656 51.072A477.696 477.696 0 0 1 992 512a477.952 477.952 0 0 1-102.592 296.64A479.104 479.104 0 0 1 512 992 479.552 479.552 0 0 1 32 512a478.08 478.08 0 0 1 118.016-315.2A478.912 478.912 0 0 1 512 32z m-0.384 704c-43.2 0-86.464 3.712-129.792 11.2C412.16 856.768 461.696 928 512 928c50.304 0 99.84-71.168 130.176-180.608-43.52-7.68-87.04-11.392-130.56-11.392z m-192.704 24.832l-15.232 3.904c-31.552 8.704-63.104 19.456-94.72 32.128a415.36 415.36 0 0 0 173.056 110.464c-25.856-38.528-47.296-88.512-63.104-146.56z m386.112 0l-3.2 11.712c-15.488 53.056-35.712 98.88-59.84 134.848a417.024 417.024 0 0 0 172.928-110.272 870.912 870.912 0 0 0-109.888-36.288zM926.72 544h-191.232c-1.6 54.4-7.168 106.432-16.192 154.56 45.824 11.52 91.52 27.072 137.216 46.4a412.48 412.48 0 0 0 70.208-200.96z m-638.336 0H97.28a413.632 413.632 0 0 0 70.08 200.96c45.76-19.456 91.52-35.008 137.344-46.656a993.6 993.6 0 0 1-16.192-154.24z m383.04 0.064H352.512c1.6 50.048 6.848 97.408 14.912 140.8a816.32 816.32 0 0 1 289.152 0c8.064-43.264 13.312-90.752 14.912-140.8zM169.6 275.904l-4.48 6.4a413.632 413.632 0 0 0-67.84 197.76h191.232a992 992 0 0 1 16.96-158.464 939.2 939.2 0 0 1-135.872-45.696z m486.208 59.072l-9.984 1.792a825.472 825.472 0 0 1-277.568-1.6c-8.512 44.352-14.08 93.184-15.68 144.832h318.976a928.192 928.192 0 0 0-15.744-145.024z m198.592-59.392l-21.12 8.768c-38.208 15.104-76.416 27.52-114.688 37.184 9.6 49.088 15.36 102.592 17.024 158.528h191.232a413.696 413.696 0 0 0-72.448-204.48zM512 96l-6.4 0.384c-47.488 5.632-93.568 73.728-122.688 176.384a758.72 758.72 0 0 0 258.112-0.064C610.56 165.44 561.664 96 512 96z m-129.92 20.608l-12.288 4.352a416.384 416.384 0 0 0-157.888 102.912c36.096 14.528 72.128 26.304 108.16 35.52 15.616-56.448 36.672-105.088 61.952-142.72z m259.84 0.064l1.792 2.56c24.512 37.248 44.928 84.864 60.224 139.84 35.968-8.96 72.064-20.8 108.16-35.136a415.744 415.744 0 0 0-170.112-107.264z"
fill="#1296db" p-id="2413"></path>
</svg>
<h>EN
</>
<svg t="1622206764812" class="icon1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3377" width="20" height="20">
<path
d="M463.165899 724.964334C490.130662 751.929097 533.888547 751.909906 560.834101 724.964334L943.037158 342.761295C956.826695 328.971741 956.826695 306.614466 943.037158 292.824911 929.247603 279.035374 906.890328 279.035374 893.100774 292.824911L510.897735 675.027968C511.521457 674.404246 130.899226 292.824911 130.899226 292.824911 117.109672 279.035374 94.752397 279.035374 80.962842 292.824911 67.173305 306.614466 67.173305 328.971741 80.962842 342.761295L463.165899 724.964334Z"
p-id="3378" fill="#e6e6e6"></path>
</svg>
</div>
</div>
<!-- ol -->
</div>
<!-- an -->
<div class="juzhong dis p-t">
<div class="max p-l">
<h1 class="wen">-What we do</h1>
<h2 class="wen2">Providing the best customer service</h2>
<p class="duan">Lerom lpsum is simply dummy text of the printing and typeeseting industry .Lorem lpsum ha been</p>
<div class="tubiao">
<div class="facebook">
<svg t="1622477764185" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2687" width="20" height="20"><path d="M725.333333 149.333333a21.333333 21.333333 0 0 0-21.333333-21.333333H597.333333a203.52 203.52 0 0 0-213.333333 192v115.2H277.333333a21.333333 21.333333 0 0 0-21.333333 21.333333v110.933334a21.333333 21.333333 0 0 0 21.333333 21.333333H384v285.866667a21.333333 21.333333 0 0 0 21.333333 21.333333h128a21.333333 21.333333 0 0 0 21.333334-21.333333v-285.866667h111.786666a21.333333 21.333333 0 0 0 20.906667-15.786667l30.72-110.933333a21.333333 21.333333 0 0 0-20.48-26.88H554.666667V320a42.666667 42.666667 0 0 1 42.666666-38.4h106.666667a21.333333 21.333333 0 0 0 21.333333-21.333333z" p-id="2688" fill="#ffffff"></path></svg>
</div>
<div class="twitter">
<svg t="1622477794469" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3628" width="20" height="20"><path d="M126.362454 754.826468c83.802638 7.981788 159.52218-12.678764 228.878804-63.73151-9.91686-1.561565-18.011212-2.366907-25.880437-4.151553-55.68116-12.636808-94.41944-45.570895-116.52797-98.102319-3.730974-8.860808-2.688225-9.532097 7.048533-8.736988 18.413372 1.502213 36.836977 1.914606 57.416687-3.242857-18.132986-5.490038-33.730219-11.213389-47.838541-20.287045-45.242414-29.102828-69.957305-70.666456-75.377758-123.967406-0.13917-1.37123-0.112564-2.75781-0.12689-4.13518-0.101307-9.855462 0.505513-10.211573 9.579169-5.847172 18.085914 8.699126 37.062104 13.936407 59.618842 14.921851-9.168824-6.747681-16.20917-12.93152-22.826891-19.590174-47.50392-47.807842-58.931181-125.136022-27.358091-184.66379 3.105734-5.856381 4.92108-6.661723 9.56996-1.12973 38.618553 45.968961 84.612073 82.97683 137.972375 110.410646 52.297087 26.891464 107.768469 43.502793 166.615739 47.973618 15.083533 1.144056 14.842033 1.044796 13.164834-14.642488-10.514471-98.243535 62.657039-170.780595 142.707213-177.778986 48.193629-4.213975 89.652879 10.589173 125.122719 42.850947 4.846378 4.40738 9.172917 5.747911 15.547091 4.335748 29.055756-6.437619 56.30947-17.423835 82.47234-31.385824 2.337231-1.248434 4.344958-3.527336 8.797363-2.738367-11.418051 35.369555-33.319873 62.180178-62.972217 83.674725 28.720112-2.847861 55.885821-11.325953 82.572624-22.26612 0.822738 4.15053-1.582031 6.03239-3.091408 8.133238-18.615986 25.932626-40.503483 48.781006-65.834404 68.182892-5.633301 4.315282-7.889691 8.79634-7.743358 15.919575 2.068102 100.110045-26.634614 191.221136-83.442434 273.042653-71.240531 102.616122-169.133072 164.072823-292.829302 183.435823-100.758822 15.771195-196.565864 0.459464-286.937105-47.223534-9.863648-5.204535-19.378349-11.072173-29.054733-16.630772C125.857964 756.578368 126.110721 755.703441 126.362454 754.826468z" p-id="3629" fill="#ffffff"></path></svg>
</div>
<div class="ins">
<svg t="1622477810285" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4570" width="20" height="20"><path d="M428.1 843h137.1V577.1c0-13.2 1.8-27.3 5.4-35.8 9-26.4 31.6-53.7 69.5-53.7 49.6 0 69.5 40.5 69.5 100V843h137.1V569.5c0-135.8-67.7-198-157.9-198-73.1 0-118.2 44.3-136.2 73.6h-2.7l-6.3-63.2H424.5c1.8 40.6 3.6 89.6 3.6 147.1v314zM249.5 181c-44.2 0-73.1 31.1-72.2 72.6-0.9 39.6 28 71.7 71.3 71.7 45.1 0 74-32.1 74-71.7-0.9-41.5-28.9-72.6-73.1-72.6z m68.6 662V381.9H180.9V843h137.2z" fill="#ffffff" p-id="4571"></path></svg>
</div>
<div class="clear"></div>
</div>
<!-- pl -->
<div class="herf">
<a href="#index11.html">Learn More</a>
<svg t="1622477528399" class="icon1" viewBox="0 0 1211 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1783" width="20" height="20"><path d="M717.034962 1023.997037a47.40727 47.40727 0 0 1-33.185089-80.592359l427.850614-427.850614a15.407363 15.407363 0 0 0 4.740727-10.666636 11.851818 11.851818 0 0 0-3.555545-8.296272L699.257236 81.777541a47.768751 47.768751 0 0 1 67.55536-67.55536l413.628433 413.628433a105.481176 105.481176 0 0 1 30.814725 77.036814 110.221903 110.221903 0 0 1-33.185089 77.036814L750.220051 1010.960038a47.40727 47.40727 0 0 1-33.185089 13.036999z" fill="#1296db" p-id="1784"></path><path d="M1142.515213 559.405789H47.40727a47.40727 47.40727 0 1 1 0-94.814541h1095.107943a47.40727 47.40727 0 1 1 0 94.814541z" fill="#1296db" p-id="1785"></path></svg>
</div>
</div>
<!-- an -->
<div class="shu">
<div class="img">
<img src="./图片/Group 32.png">
</div>
<div class="h-x">
<img src="./图片/Group 22.png">
</div>
<div class="s-b">
<svg t="1622478672678" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5574" width="20" height="20"><path d="M864 352h-64a288 288 0 0 0-576 0H160a352 352 0 0 1 704 0zM512 1024A352 352 0 0 1 160 672v-256h64v256a288 288 0 0 0 576 0v-256h64v256a352 352 0 0 1-352 352z" fill="#ffffff" p-id="5575"></path><path d="M480 192h64v256h-64z" fill="#ffffff" p-id="5576"></path></svg>
<div class="clear"></div>
</div>
</div>
</div>
<!-- an -->
</div>
</div>
<!-- another -->
<div class="juzhong p-100 san">
<div class="disp">
<div class="kuan">
<div class="ku-1">
<div class="box">
<img src="./图片/clipboard.png">
</div>
<div class="contact-content">
<h6 class="contact-title">Overview</h6>
<p>Lorem ipsum dolor sit amet ,consectetur adipiscing elit .Duis sit amet..</p>
</div>
<a href="#" class="more">Learn More</a>
</div>
</div>
<div class="kuan p-30">
<div class="ku-1">
<div class="box">
<img src="./图片/target.png">
</div>
<div class="contact-content">
<h6 class="contact-title">Audience</h6>
<p>Lorem ipsum dolor sit amet ,consectetur adipiscing elit .Duis sit amet..</p>
</div>
<a href="#" class="more">Learn More</a>
</div>
</div>
<div class="k-1">
<div class="ku-2">
<div class="box">
<img src="./图片/skills.png">
</div>
<div class="contact-content">
<h6 class="contact-title">Competitors</h6>
<p>Lorem ipsum dolor sit amet ,consectetur adipiscing elit .Duis sit amet..</p>
</div>
<a href="#index11.html" class="more1">Learn More</a>
</div>
</div>
</div>
</div>
<!-- finally -->
<div class="juzhong disa">
<div class="displ">
<h4>780+</h4>
<p1>customer</p1>
</div>
<div class="displ">
<h4>200+</h4>
<p1>clients </p1>
</div>
<div class="displ">
<h4>25+</h4>
<p1>countries</p1>
</div>
</div>
<!-- gray -->
<div class="juzhong gary">
<div class="clear">
</div>
</div>
</div>
</body>
</html>