【web课设】待办事项APP展示页-HTML源码.7z资源-CSDN文库

共22个文件

css：10个

png：6个

scss：2个

HTML

源码

web

需积分: 5 125 浏览量 2024-06-21 14:34:57 上传评论收藏 1.2MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

【web课设】待办事项APP展示页-HTML源码.7z （22个子文件）

【web课设】待办事项APP展示页-HTML源码

html

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

<!doctype html> <html lang="en"> <head>  <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." />  <link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet">  <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">  <link rel="stylesheet" href="css/default.css" id="theme-color"> </head> <body>  <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">  <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>  <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

评论收藏

内容反馈