<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Cloud 83 - Hosting Template</title>
<meta charset="UTF-8">
<meta name="description" content="Cloud 83 - hosting template ">
<meta name="keywords" content="cloud, hosting, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/magnific-popup.css"/>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header section -->
<header class="header-section">
<div class="container">
<a href="index.html" class="site-logo">
<img src="img/logo.png" alt="logo">
</a>
<!-- Switch button -->
<div class="nav-switch">
<div class="ns-bar"></div>
</div>
<div class="header-right">
<ul class="main-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="blog.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="header-btns">
<a href="#" class="site-btn sb-c1">Support <span>24/7</span></a>
<a href="#" class="site-btn sb-c2">Login</a>
<a href="#" class="site-btn sb-c3">Register</a>
</div>
</div>
</div>
</header>
<!-- Header section end -->
<!-- Page Top section -->
<section class="page-top-section set-bg" data-setbg="img/page-top-bg/4.jpg">
<div class="container">
<h2>Elements</h2>
</div>
</section>
<!-- Page Top section end -->
<!-- Element section -->
<section class="element-section spad">
<div class="container">
<!-- element -->
<div class="element">
<h3 class="el-title">Buttons</h3>
<a href="" class="site-btn sb-c1 mr-4 mb-4">Read More</a>
<a href="" class="site-btn sb-c2 mr-4 mb-4">Read More</a>
<a href="" class="site-btn sb-c3 mr-4 mb-4">Read More</a>
</div>
<!-- element -->
<div class="element">
<h3 class="el-title">Accordions & Tabs</h3>
<div class="row">
<div class="col-lg-6 mb-5 mb-lg-0">
<div id="accordion" class="accordion-area">
<div class="panel">
<div class="panel-header" id="headingOne">
<button class="panel-link active" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</button>
</div>
<div id="collapse1" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="panel-body">
<p>Phasellus vehicula tempus orci vel consequat. Nullam lorem sem, viverra a rutrum sed, gravida mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu.</p>
</div>
</div>
</div>
<div class="panel">
<div class="panel-header" id="headingTwo">
<button class="panel-link" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Ipsum dolor sit amet, consectetur adipiscing elit.</button>
</div>
<div id="collapse2" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper venenatis turpis eget suscipit. Orci varius natoque penatibus et magnis dis parturient montes.</p>
</div>
</div>
</div>
<div class="panel">
<div class="panel-header active" id="headingThree">
<button class="panel-link" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Etiam at nibh non dolor porttitor fermentum eu vel mi.</button>
</div>
<div id="collapse3" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper venenatis turpis eget suscipit. Orci varius natoque penatibus et magnis dis parturient montes.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<!-- Tabs -->
<div class="tab-element">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="1-tab" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true">Lorem ipsum</a>
</li>
<li class="nav-item">
<a class="nav-link" id="2-tab" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false">Ipsum dolor</a>
</li>
<li class="nav-item">
<a class="nav-link" id="3-tab" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="false">Etiam at nibh</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!-- single tab content -->
<div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
<p>Phasellus vehicula tempus orci vel consequat. Nullam lorem sem, viverra a rutrum sed, gravida mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu. mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu.</p>
</div>
<div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab-2">
<p>Phasellus vehicula tempus orci vel consequat. Nullam lorem sem, viverra a rutrum sed, gravida mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu. mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu.</p>
</div>
<div class="tab-pane fade" id="tab-3" role="tabpanel" aria-labelledby="tab-3">
<p>Phasellus vehicula tempus orci vel consequat. Nullam lorem sem, viverra a rutrum sed, gravida mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu. mattis magna. Suspendisse vitae commodo quam. Quisque a enim et ante vulputate finibu.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- element -->
<div class="element">
<h3 class="el-title">Accordions & Tabs</h3>
<div class="row">
<div class="col-lg-3 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="Satisfaction" data-cpid="id-1" data-cpvalue="100" data-cpcolor="#25ae88"></div>
</div>
<div class="col-lg-3 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="Services" data-cpid="id-2" data-cpvalue="95" data-cpcolor="#252a3a"></div>
</div>
<div class="col-lg-3 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="Cloud" data-cpid="id-3" data-cpvalue="55" data-cpcolor="#7fabda"></div>
</div>
<div class="col-lg-3 col-sm-6 cp-item">
<div class="circle-progress" data-cptitle="VPS" data-cpid="id-4" data-cpvalue="70" data-cpcolor="#556080"></div>
</div>
</div>
</div>
<!-- element -->
<div class="element">
<h3 class="el-title">Milestones</h3>
<div class="row">
<div class="col-lg-3 col-sm-6">
<div cla
课设&大作业&毕设-云主机服务介绍响应式网站模板-适配移动端-HTML源码.zip
版权申诉
135 浏览量
2024-03-29
11:38:10
上传
评论
收藏 4.55MB ZIP 举报
课设&大作业&毕设-云主机服务介绍响应式网站模板-适配移动端-HTML源码.zip （69个子文件） 
课设&大作业&毕设-云主机服务介绍响应式网站模板-适配移动端-HTML源码 html icon-fonts 
fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB Source 
jquery-circle-progress-1.2.2.tar.gz 23KB
font-awesome-4.7.0.zip 654KB sass style.scss 32KB OwlCarousel2-2.3.4.zip 774KB bootstrap-4.1.3-dist.zip 609KB Magnific-Popup-master.zip 338KB js bootstrap.min.js 50KB main.js 3KB jquery.magnific-popup.min.js 20KB circle-progress.min.js 4KB owl.carousel.min.js 43KB jquery-3.2.1.min.js 85KB
service.html 13KB img testimonials 
1.jpg 10KB feature-icons 
3.png 7KB 1.png 8KB 2.png 6KB service-icons 3.png 3KB 1.png 2KB 6.png 3KB 5.png 4KB 4.png 2KB 2.png 2KB about-intro.jpg 45KB service-bg.jpg 51KB logo.png 3KB milestone-icons 3.png 5KB 1.png 4KB 4.png 5KB 2.png 4KB what 2.jpg 69KB 1.jpg 33KB 3.jpg 78KB blog-posts 2.jpg 61KB 1.jpg 131KB 3.jpg 89KB pattern.png 1KB banner-bg.jpg 93KB contact-icons 3.png 2KB 1.png 2KB 2.png 3KB about.png 32KB pricing-icons 3.png 4KB 1.png 3KB 2.png 3KB service-circle-pic.png 66KB bg.jpg 293KB favicon.ico 17KB what-bg.jpg 100KB page-top-bg 2.jpg 146KB 1.jpg 153KB 3.jpg 102KB 4.jpg 118KB add.jpg 56KB css style.css 29KB bootstrap.min.css 138KB magnific-popup.css 7KB animate.css 73KB font-awesome.min.css 30KB owl.carousel.min.css 3KB index.html 13KB elements.html 13KB contact.html 8KB about.html 11KB blog.html 9KB资源评论
DTcode7
- 粉丝: 2666
- 资源: 4062
最新资源
- tensorflow-gpu-2.2.0-cp38-cp38-win-amd64.whl
- tensorflow-gpu-2.2.3-cp38-cp38-win-amd64.whl
- tensorflow-gpu-2.2.3-cp36-cp36m-win-amd64.whl
- SSM 框架搭建部署流程
- Screenshot_2024-05-09-23-33-56-49.jpg
- Linux环境下安装和使用 Spark教程
- Linux环境下搭建Zookeeper的分布式环境教程
- Linux环境下搭建Zookeeper的分布式环境教程
- 大学生创新创业项目：中医药知识图谱构建，包含笔记和代码
- SSM 框架详细搭建流程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
