宁波云上软件公共服务平台
宁波云上软件公共服务平台是一个提供软件开发、测试、部署等一站式服务的网站。该平台致力于为企业和开发者提供高效、便捷的软件服务,帮助他们降低开发成本,提高项目交付速度。
页面设计
宁波云上软件公共服务平台采用了响应式布局,无论在PC端还是移动端都能完美展示。页面整体风格简洁大方,注重用户体验。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>宁波云上软件公共服务平台</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
CSS样式
为了让页面更加美观,宁波云上软件公共服务平台采用了一些CSS样式。以下是主要的样式代码:
”`css
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.loadingCircle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
border: 4px solid #ccc;
border-radius: 50% 50% 0 0/100% 100% 0 0;
border-bottom: none;
transform-origin: 50% 100%;
}
.loadingCircle1 {
height: 80px;
width: 160px;
top: calc(50% - 80px);
left: calc(50% - 80px);
animation: turnRound 2s infinite 0s;
border-color: #33B5E5;
}
.loadingCircle2 {
height: 100px;
width: 200px;
top: calc(50% - 100px);
left: calc(50% - 200px);
animation: turnRoundBounceY2s infinite linear infinite;
border-color: #FF9800; /#FBC2B7/ /#33B5E5/ /#FF9800/ /#9C27B0/*/