<!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>Scrum - Free Bootstrap 4 Multipurpose Landing Page Template</title>
<meta name="description" content="Scrum is a beautiful Bootstrap 4 template for multipurpose landing pages."/>
<!--Google font IBM Plex Sans-->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,700" rel="stylesheet">
<!--vendors styles-->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/kroplet-bootstrap.css"
id="theme-color">
</head>
<body>
<!--navigation-->
<section class="smart-scroll">
<div class="container-fluid">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand heading-black" href="index.html">
Scrum
</a>
<button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse"
data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
aria-label="Toggle navigation">
<span data-feather="menu"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link page-scroll" href="#features">Features</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#reviews">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link page-scroll" href="#faq">FAQ</a>
</li>
</ul>
<form class="form-inline">
<a class="btn btn-primary page-scroll" href="#signup">Try it for free</a>
</form>
</div>
</nav>
</div>
</section>
<!--hero header-->
<section class="pt-5" id="home">
<div class="container-fluid">
<div class="row vh-md-100">
<div class="col-md-4 ml-auto my-auto text-center text-md-left order-2 order-md-1">
<h1 class="text-capitalize">A Simple way to manage multiple projects.</h1>
<p class="lead text-muted mb-5">Scrum is developed for agile teams who manage multiple projects. Project
management has become easy and fun.</p>
<a href="#features" class="btn btn-primary d-inline-flex flex-row align-items-center page-scroll">
Get Started
<em data-feather="arrow-right" width="20" height="20" class="ml-2"></em>
</a>
</div>
<div class="col-md-7 my-auto pt-5 pt-md-0 order-1 order-md-2">
<img src="img/mockup.svg" class="img-fluid d-block mx-auto" alt="Mockup"/>
</div>
</div>
</div>
</section>
<section class="bg-light">
<svg class="align-bottom" enable-background="new 0 0 1440 68" viewBox="0 0 1440 68"
xmlns="http://www.w3.org/2000/svg">
<path d="m1622.3 1937.7c0 0-410.7 169.1-913.4 75.5-502.7-93.6-977.7 56.3-977.7 56.3v440h1891.1v-571.8"
fill="#FFF" transform="translate(0-1977)"></path>
</svg>
</section>
<!-- features section -->
<section class="py-7 bg-white" id="features">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<h2 class="text-capitalize">You'll love what we offer</h2>
<p class="text-muted lead">Lorem ipsum dolor sit amet, Vestibulum in nisi commodo consectetur adipiscing
elit. Vestibulum in nisi commodo, tempus odio a, vestibulum nibh.</p>
</div>
</div>
<div class="row mt-5 feature-boxes">
<div class="col-md-4 box">
<div class="icon-box">
<div class="icon-box-inner small text-primary">
<span data-feather="users" width="30" height="30"></span>
</div>
</div>
<h5>Unlimited users</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-4 box">
<div class="icon-box">
<div class="icon-box-inner small text-primary">
<span data-feather="refresh-ccw" width="30" height="30"></span>
</div>
</div>
<h5>Live updates</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-4 box">
<div class="icon-box">
<div class="icon-box-inner small text-primary">
<span data-feather="layout" width="30" height="30"></span>
</div>
</div>
<h5>Easy-to-use</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-4 box">
<div class="icon-box">
<div class="icon-box-inner small text-primary">
<span data-feather="bell" width="30" height="30"></span>
</div>
</div>
<h5>Smart notifications</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-4 box">
<div class="icon-box">
<div class="icon-box-inner small text-primary">
<span data-feather="message-circle" width="30" height="30"></span>
</div>
</div>
<h5>Team chat</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
<div class="col-md-4 box">
<div class="icon-box">
<div class="icon-box-inner small text-primary">
<span data-feather="search" width="30" height="30"></span>
</div>
</div>
<h5>Quick search</h5>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi
commodo, tempus odio a, vestibulum nibh.</p>
</div>
</div>
<div class="row mt-6">
<div class="col-md-9 mx-auto">
<div class="alert alert-primary text-center py-5">
<div class="row">
<div class="col-md-8 col-10 mx-auto">
<h4>MacOS user? Download Scrum for macOS.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi commodo,
tempus odio a, vestibulum nibh.</p>
<p class="mt-4 mb-0">
<a href="#"><img class="img-fluid" src="
简约项目动态展示网页模板-适配移动端&PC端-HTML网站源码.zip
版权申诉
184 浏览量
2024-03-31
13:26:41
上传
评论
收藏 422KB ZIP 举报
简约项目动态展示网页模板-适配移动端&PC端-HTML网站源码.zip （21个子文件） 
简约项目动态展示网页模板-适配移动端&PC端-HTML网站源码 html js 
scripts.js 2KB img 
client-1.jpg 12KB
mockup.svg 15KB client-3.jpg 50KB client-4.jpg 16KB client-2.jpg 56KB mac-app-store.svg 12KB css green.css 184KB black.css 184KB default.css 184KB kroplet-bootstrap.css 184KB purple.css 184KB cyan.css 184KB pink.css 184KB blue.css 184KB indigo.css 184KB orange.css 184KB red.css 184KB scss _variables.scss 22KB _custom.scss 9KB
index.html 27KB资源评论
