<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Playback - Free Bootstrap 4 App Landing Page Template</title>
<meta name="description" content="Playback is a beautiful Bootstrap 4 template for mobile apps landing pages." />
<!--Inter UI font-->
<link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet">
<!--vendors styles-->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/default.css" id="theme-color">
</head>
<body>
<!--main columns-->
<section class="p-0">
<div class="container-fluid">
<div class="row vh-md-100">
<div class="col-md-6 col-md-fixed my-auto col-mockup">
<ul class="list-unstyled slick-mockups">
<li><img src="img/mockup-1.png" alt="Mockup 1" class="img-fluid d-block mx-auto"/></li>
<li><img src="img/mockup-2.png" alt="Mockup 2" class="img-fluid d-block mx-auto"/></li>
<li><img src="img/mockup-3.png" alt="Mockup 3" class="img-fluid d-block mx-auto"/></li>
</ul>
</div>
<div class="col-md-6 ml-auto px-0">
<!--hero header-->
<section class="mt-6" id="home">
<div class="container">
<div class="row">
<div class="col-md-11 mx-auto text-center">
<h1>The better way to manage your to-do list.</h1>
<div class="divider mx-auto bg-dark"></div>
<p class="lead text-muted mb-5">Playback lets you keep track of everything in one place, so you can get it all done and enjoy more peace of mind along the way.</p>
<div class="my-5">
<a href="#"><img src="img/apple_store.png" class="img-store"/> </a>
<a href="#" class="ml-2"><img src="img/google-play.png" class="img-store"/></a>
</div>
<div class="slick-reviews small-xl mt-4 px-md-5">
<div class="review">
<p class="text-muted">Nam liber tempor cum soluta nobis eleifend option congue, soluta nobis eleifend option congue, tempor cum soluta nobis eleifend, nihil imper.</p>
<p class="text-muted">
<span>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
</span>
<span>Erik Derr</span>
</p>
</div>
<div class="review">
<p class="text-muted">Nam liber tempor cum soluta, soluta nobis eleifend option congue, tempor cum soluta nobis soluta nobis eleifend option congue, eleifend, nihil imper.</p>
<p class="text-muted">
<span>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star-half-empty"></em>
</span>
<span>Rosita Smith</span>
</p>
</div>
<div class="review">
<p class="text-muted">Nam liber tempor cum soluta, soluta nobis eleifend option congue, tempor cum soluta nobis eleifend, nihil imper.</p>
<p class="text-muted">
<span>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star"></em>
<em class="fa fa-star-o"></em>
</span>
<span>Kathrine Jones</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- features section -->
<section class="mt-6" id="features">
<div class="container">
<div class="row">
<div class="col-md-11 mx-auto">
<h3 class="text-center">Never miss any important thing again.</h3>
<div class="divider divider-sm mx-auto bg-dark"></div>
<div class="row mt-5">
<div class="col-sm-6 mb-4">
<h6>Bank-level encryption</h6>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="col-sm-6 mb-4">
<h6>Activity log</h6>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="col-sm-6 mb-4">
<h6>Comments</h6>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
<div class="col-sm-6 mb-4">
<h6>File uploads</h6>
<p c
【web课设】待办事项APP展示页-HTML源码.7z （22个子文件） 
【web课设】待办事项APP展示页-HTML源码 html js 
scripts.js 2KB img 
blog-1.jpg 241KB
apple_store.png 14KB mockup-2.png 182KB blog-2.jpg 243KB mockup-3.png 194KB qr-code.png 4KB google-play.png 20KB mockup-1.png 125KB css green.css 184KB black.css 184KB default.css 184KB purple.css 184KB cyan.css 184KB teal.css 184KB blue.css 184KB indigo.css 184KB orange.css 184KB red.css 184KB scss _variables.scss 23KB _custom.scss 8KB
index.html 17KB资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- MATLAB: 双重改进的蚁狮优化算法-连续性边界收缩与动态权重系数的融合优化,MATLAB实现：双改进策略的蚁狮优化算法（IALO）与原始ALO算法的对比分析,matlab：一种改进的蚁狮优化算法
- 流程图-demo-总结的一些流程图
- 管家婆辉煌食品普及版TOP13.11.zip
- 基于人工势场算法的Matlab路径规划系统：自定义起始与目标点，栅格地图路径规划的优化实践,基于人工势场算法的Matlab路径规划算法研究与实现：栅格地图路径规划的自定义起始与目标点设置,人工势场算法
- 管家婆辉煌食品普及版TOP13.22.zip
- 管家婆辉煌食品普及版TOP13.32.zip
- AccessPort-ReceLend-2048
- 自定义A星算法路径规划与二维度码路径优化研究指南：附有详尽注释的代码，本地图自由更换指南 ,深入解析：自定义A星算法二维路径规划的代码实现与地图替换指南,A星算法路径规划 自己编写的Astar二维路
- 紫光拼音输入法-紫光拼音（Ziguang Pinyin）是一款中文拼音输入法软件，由清华大学和紫光集团联合开发
- osg、osgEarth加载tms瓦片数据只显示一个白球，缩放过程中图层消失
- 个人理财系统springboot+Thymeleaf+mysql
- Python网站自动登录项目+采用selenium+webdriver
- 基于A*算法的Matlab多AGV路径规划仿真系统：地图自定义导入，算法优化平滑路径，实时输出时空图与坐标信息 ,基于A*算法的Matlab多AGV路径规划仿真系统：地图自定义导入，优化路径平滑处理
- 基于混合整数二阶锥规划的配电网重构求解与代码详解-计及高比例清洁能源接入与需求响应,《高比例清洁能源接入下计及需求响应的配电网重构算法：混合整数二阶锥优化实现与代码解析》,EI复现高比例清洁能源接
- 管家婆辉煌食品版TOP+12.9.zip
- 管家婆辉煌食品普及版TOP15.0.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
