<!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资源评论
