<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]>
<!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Chronos</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/skeleton.css"/>
<link rel="stylesheet" href="css/layout.css"/>
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/retina.css"/>
<link rel="stylesheet" href="css/settings.css"/>
<link rel="alternate stylesheet" type="text/css" href="css/colors/color-orange.css" title="orange">
<link rel="alternate stylesheet" type="text/css" href="css/colors/color-green.css" title="green">
<link rel="alternate stylesheet" type="text/css" href="css/colors/color-red.css" title="red">
<link rel="alternate stylesheet" type="text/css" href="css/colors/color-blue.css" title="blue">
<link rel="alternate stylesheet" type="text/css" href="css/colors/color-yellow.css" title="yellow">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
</head>
<body class="royal_loader">
<!-- Primary Page Layout
================================================== -->
<div id="menu-wrap" class="menu-back cbp-af-header">
<div class="container">
<div class="sixteen columns">
<div class="logo"></div>
<ul class="slimmenu">
<li>
<a class="scroll" href="#home">home</a>
</li>
<li>
<a class="scroll" href="#about">about</a>
<ul>
<li>
<a class="scroll" href="#about">about Chronos</a>
</li>
<li>
<a class="scroll" href="#team">the team</a>
</li>
</ul>
</li>
<li>
<a class="scroll" href="#work">work</a>
</li>
<li>
<a class="scroll" href="#services">services</a>
<ul>
<li>
<a class="scroll" href="#services">Offered Services</a>
</li>
<li>
<a class="scroll" href="#pricing">PRICING TABLES</a>
</li>
</ul>
</li>
<li>
<a class="scroll" href="#contact">contact</a>
</li>
<li>
<a href="http://www.moobnn.com">More template</a>
</li>
</ul>
</div>
</div>
</div>
<div id="home">
<div class="tp-banner-container">
<div class="tp-banner" >
<ul>
<!-- SLIDE -->
<li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000" >
<div class="just_pattern"></div>
<!-- MAIN IMAGE -->
<img src="images/1.jpg" alt="" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption customin"
data-x="474"
data-y="269"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="800"
data-easing="Power3.easeInOut"
data-endspeed="300"
style="z-index: 2"><img src="images/macbook2.png" alt="">
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption customin"
data-x="245"
data-y="142"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="500"
data-easing="Power3.easeInOut"
data-endspeed="300"
style="z-index: 3"><img src="images/imac1.png" alt="">
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption customin"
data-x="693"
data-y="369"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="1300"
data-easing="Power3.easeInOut"
data-endspeed="300"
style="z-index: 4"><img src="images/lupe_macbook.png" alt="">
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption customin"
data-x="100"
data-y="321"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="500"
data-start="1400"
data-easing="Power3.easeInOut"
data-endspeed="300"
style="z-index: 5"><img src="images/lupe_imac.png" alt="">
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption medium_bg_asbestos skewfromleft customout"
data-x="47"
data-y="233"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="800"
data-start="1500"
data-easing="Power4.easeOut"
data-endspeed="300"
data-endeasing="Power1.easeIn"
data-captionhidden="on"
style="z-index: 6">REVOLUTION AND FULLSCREEN BG SLIDER
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption medium_bg_asbestos skewfromright customout"
data-x="820"
data-y="324"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="800"
data-start="1700"
data-easing="Power4.easeOut"
data-endspeed="300"
data-endeasing="Power1.easeIn"
data-captionhidden="on"
style="z-index: 7">COMBINE STYLES IN ANY WAY
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption medium_bg_asbestos skewfromright customout"
data-x="820"
data-y="369"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="800"
data-start="1800"
data-easing="Power4.easeOut"
data-endspeed="300"
data-endeasing="Power1.easeIn"
data-captionhidden="on"
style="z-index: 8">9 TEMPLATE STYLES
</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption medium_bg_asbestos skewfromleft customout"
data-x="218"
data-y="278"
data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="800"
data-start="1600"
data-easing="Power4.easeOut"
data-endspeed="300"
data-endeasing="Power1.easeIn"
data-captionhidden="on"
style="z-index: 9">FULLSCREEN VIDEO
</div>
<!-- LAYER NR. 9 -->
<div class="tp-caption large_bold_white customin customout"
data-x="328"
data-y="54"
扁平化css3科技公司产品官网整站模板-扁平化 黑色 css3动画 灰色 响应式 手机 互联网 IT 科技 公司 （1351个子文件） 
layout.css 61KB layout.css 61KB layout.css 60KB layout.css 60KB layout.css 58KB layout.css 57KB layout.css 57KB layout.css 57KB layout.css 57KB layout.css 57KB settings.css 39KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB font-awesome.css 27KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB skeleton.css 11KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB owl.carousel.css 7KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB colorbox.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base1.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB base.css 6KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-yellow.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-green.css 1KB color-red.css 1KB color-blue.css 1KB color-red.css 1KB color-blue.css 1KB color-blue.css 1KB color-red.css 1KB color-blue.css 1KB color-red.css 1KB color-red.css 1KB共 1351 条
- 1
- 2
- 3
- 4
- 5
- 6
- 14
资源评论
reg183
- 粉丝: 1851
- 资源: 1万+
最新资源
- 基于 B 站评论区数据构建大语言模型训练用对话数据集详细文档+全部资料+源码.zip
- 基于 Apache Flink 构建赤兔实时计算平台是的企业级、一站式、高性能、低门槛实时大数据实时计算平台，广泛适用于流式数据应用开发场景详细文档+全部资料+源码.zip
- 基于 JavaFX+Pcap4J 开发的一个强大的跨平台底层数据包工具箱 sunny详细文档+全部资料+源码.zip
- 基于 vue、datav、Echart 框架的大数据可视化（大屏展示）模板详细文档+全部资料+源码.zip
- 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统详细文档+全部资料+源码.zip
- 基于.Net8+AntBlazor+SemanticKernel 和KernelMemory 打造的AI知识库智能体，支持本地离线AI大模型。可以不联网离线运行
- 基于Apache POI导出大数据量（百万级）Excel的实现详细文档+全部资料+源码.zip
- 基于Android中原生SDK操作SQLite的封装，提升App的开发效率详细文档+全部资料+源码.zip
- 基于ak-design可视化低代码快速开发平台，通过可视化的操作，可轻松快速完成拖拽表单编辑设计器、数据列表页设计、流程管理设计器、数据大屏可视化拖拽设计编辑器
- 基于BufferedRandomAccessFile+Forkjoin读取大数据文件详细文档+全部资料+源码.zip
- 基于C#，数据库的大学生宿舍管理系统详细文档+全部资料+源码.zip
- 基于CNN训练的一套 "端到端" 的验证码识别模型，使用深度学习+训练数据+大量计算力，纯数字识别率高达 99.99%，数字+字母识别率 96%详细文档+全部资料+源码.zip
- 基于easyexcel大数据量数据导入导出异步处理组件详细文档+全部资料+源码.zip
- 基于Element-UI的Table 组件开发的虚拟滚动组件，支持动态高度，解决数据量大时滚动卡顿的问题详细文档+全部资料+源码.zip
- 基于Echarts的可视化数据大屏设计器（包含设计、预览、分享等全部流程）详细文档+全部资料+源码.zip
- 基于Echarts实现的数据中心超大屏幕监控详细文档+全部资料+源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
