-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (138 loc) · 6.73 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
<!DOCTYPE html>
<html lang="zh-CN" class="rootsize">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>雕木团队|旧雨烟阁</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style-global-blocks.css">
<link rel="stylesheet" href="style-global.css">
<link rel="stylesheet" href="style-responsive.css">
</head>
<body id="home">
<main class="screen w_100 ml_auto mr_auto">
<header class="p_fixed w_100 left top zindex_5 ts_0_5">
<div class="container w_100 dflex flex_wrap jc_sb ai_c ts_0_5">
<a href="#" class="logo">
<img src="images/logo.png" alt="" class="primary" />
<img src="images/logo2.png" alt="" class="secondary" />
</a>
<div class="headermenu">
<a href="javascript:void()" class="showmenu menucontrol"><i class="fa-solid fa-bars"></i></a>
<a href="javascript:void()" class="hidemenu menucontrol"><i class="fa-solid fa-times"></i></a>
<div class="navigation">
<nav id="headnav">
<ul>
<li class="active"><a href="#home">主页</a></li>
<li><a href="#services">服务</a></li>
<li><a href="#about">关于我们</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<section class="banner f_l_w_100 pt_200 pb_200 aspectratio_16_10 dflex flex_wrap jc_c ai_c pt_150_tablet pb_125_tablet">
<div class="container pl_60 pr_60">
<div class="text">
<h1 class="fs_170 fs_100_hd text_white text_center mb_20 fs_60_tablet lh_100_tablet">科技改变世界</h1>
<h4 class="fs_40 text_center fs_18_tablet"><a href="#" class="text_white">了解我们 <i class="fas fa-arrow-right ml_10"></i></a></h4>
</div>
</div>
</section>
<section class="services f_l_w_100 pt_200 pb_200 pt_60_tablet pb_60_tablet" id="services">
<div class="container">
<h2 class="text_center fs_40 tt_u ls_6 mb_100 pb_60 smallborder lrb after fs_30_tablet pb_20_tablet mb_40_tablet">服务</h2>
<div class="service_items dflex flex_wrap jc_sb">
<div class="item f_l">
<div class="thumb f_l_w_100 mb_60 mb_30_tablet">
<img src="images/pic1.jpg" alt="" class="img_basic img_fit aspectratio_3_2" />
</div>
<div class="text f_l_w_100">
<h3 class="text_center fs_30 tt_u mb_40 fs_24_tablet mb_20_tablet">网站设计</h3>
<p class="text_center fs_21 fs_18_tablet">
专业的网站设计让您省去信息建设的烦恼
</p>
</div>
</div>
<div class="item f_l">
<div class="thumb f_l_w_100 mb_60 mb_30_tablet">
<img src="images/pic2.jpg" alt="" class="img_basic img_fit aspectratio_3_2" />
</div>
<div class="text f_l_w_100">
<h3 class="text_center fs_30 tt_u mb_40 fs_24_tablet mb_20_tablet">网络托管</h3>
<p class="text_center fs_21 fs_18_tablet">
我们拥有优质的网络和专业的托管措施
</p>
</div>
</div>
<div class="item f_l">
<div class="thumb f_l_w_100 mb_60 mb_30_tablet">
<img src="images/pic3.jpg" alt="" class="img_basic img_fit aspectratio_3_2" />
</div>
<div class="text f_l_w_100">
<h3 class="text_center fs_30 tt_u mb_40 fs_24_tablet mb_20_tablet">公益服务</h3>
<p class="text_center fs_21 fs_18_tablet">
为照顾新起步的站长提供一定的公益服务
</p>
</div>
</div>
</div>
</div>
</section>
<section class="about f_l_w_100 " id="about">
<div class="container">
<div class="contentblock f_l_w_100 dflex flex_wrap jc_sb ai_c">
<div class="imageblock f_l w_50 w_100_tablet mb_30_tablet">
<img src="images/pic4.jpg" alt="" class="img_basic img_fit aspectratio_2_2" />
</div>
<div class="text f_r w_50 pl_100 w_100_tablet pl_0_tablet">
<h2 class="text_center fs_40 tt_u smallborder after lrb pb_60 mb_60 mb_30_tablet pb_20_tablet fs_30_tablet">关于我们</h2>
<p class="fs_21 text_justify lh_200 fs_18_tablet lh_130_tablet">
我们是一家专业的网络技术公司，致力于为客户提供高品质的网站设计、网络托管和云服务。成立于2020年，我们拥有一支充满激情和创造力的团队，专注于为客户创造卓越的数字体验。
我们的服务涵盖了网站设计与开发、域名注册与管理、虚拟主机托管、云服务器搭建和管理等领域。无论是初创企业还是大型企业，我们都能够提供量身定制的解决方案，以满足客户的特定需求。
在不断发展的数字时代，我们始终保持着对技术的热情和专业知识的更新。我们不仅仅是您的服务提供商，更是您的技术伙伴，致力于帮助您在竞争激烈的市场中脱颖而出。
无论您是需要建立一个强大的线上品牌形象，还是寻求可靠的网络基础设施，我们都能够为您提供优质的解决方案。选择我们，选择专业、可靠和创新。让我们一起构建您的数字未来！
</p>
</div>
</div>
</div>
</section>
<footer class="f_l_w_100 pt_100 pb_80 pt_60_tablet pb_50_tablet">
<div class="container">
<div class="copyright aligncenter fs_19 mb_100 fs_17_tablet mb_60_tablet">
© <span id="year"></span> <a href="#" class="border_none">旧雨烟阁</a> | 本站由 <a href="https://cloud.baidu.com/"><img src="svg/百度云.svg" style="width: 55px;"></a>提供加速服务
<br>
<div style="text-align: center;">
<a href="https://beian.miit.gov.cn/" rel="nofollow"><img src="https://free.tc.mofashi.ltd/2/2024/03/05/65e7168e4a93c.png" alt="" style="vertical-align: middle; width: 30px; height: 30px;"> 琼ICP备2022009867号-2</a>
<br><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=琼公网安备46010002000263" rel="nofollow"><img src="https://free.tc.mofashi.ltd/2/2024/03/29/6606a53662cef.webp" alt="" style="vertical-align: middle; width: 30px; height: 30px;"> 琼公网安备46010002000263号</a>
</div>
</div>
<div class="footerbar dflex flex_wrap jc_sb">
<div class="social">
</div>
<div class="footerlinks">
<a href="cookie_policy.html">Cookie政策</a>
<a href="privacy_policy.html">隐私政策</a>
<a href="mailto:[email protected]"><span class="fa-solid fa-envelope"></span></a>
</div>
</div>
</div>
</footer>
</main>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="js/js-global-blocks.js"></script>
<script>
var menuid = '#headnav';
var gaptop = 135;
var scrollspeed = 1200;
var menu_active_class = 'active';
</script>
<script src="js/navjs.js"></script>
</body>
</html>