<!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
最新资源
- 精选毕设项目-笑话集.zip
- MATLAB语音数字识别识别0-9音频识别项目源码+说明.zip
- 俄罗斯方块C++实现项目
- 设计模式 设计原则 李建忠老师 PPT
- 蓄电池+DAB变器 超级电容 输入侧为超级电容，输出侧接蓄电池 模型采用电压闭环控制方式 反向运行时超级电容给电池恒流恒压充电，正向运行时电池放电超级电容侧电压稳定 matlabR2021b sim
- 光伏MPPT仿真-灰狼算法
- 周立功 《CANopen 轻松入门》整理带书签版本
- 基于 Flask 框架的豆瓣top250电影评分展示系统
- SP_ADM_FIN_LONG_LOAN_AGE_DTL.sql
- 51单片机直流电机PID的PWM调速系统 protues仿真，keil仿真,器件清单和ad原理图 功能：直流电机目标速度设定 直流电机当前转速检测 通过独立按键控制 通过PID算法进行电力调速 LC
- SecGPT 网络安全大模型 探索使用网络安全知识训练大模型，能达到怎样的能力边界
- 134-西门子1200博途三部十层电梯程序案例，加Wincc RT Professional画面三部十层电梯程序，版本V14及以上 程序仅限于参考资料使用 可运行
- COMSOL仿真单一模态兰姆波：超声兰姆波检测电路板缺陷的有限元仿真研究 版本为5.6，低于5.6的版本打不开此模型
- Project1.zip 扫雷c++
- 西门子1200与3台台达DTK温控器通讯程序 功能：实现西门子1200 PLC对3台台达DTK温控器进行485通讯控制，在触摸屏上设定温度，读取温度 器件：西门子12
- [电池SOC估算案例1]: 使用深度学习方法锂电池soc估算学习案例（使用matlab完成） 1.基于循环神经网络（长短时记忆神经网络LSTM）的锂离子电池soc估算方法，电压电流作为输入，soc作为
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
