<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lazy - Bootstrap UI Kit</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="A new design system for developing with less effort.">
<meta name="author" content="BootstrapBay">
<link href="assets/img/favicon.ico" rel="icon" type="image/png">
<link rel="stylesheet" href="./assets/vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/lazy.css">
<link rel="stylesheet" href="./assets/css/demo.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
</head>
<body class="index">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container">
<a class="navbar-brand" href="./"><img src="assets/img/logo.svg" alt="Example Navbar 1" class="mr-2" height="30"> Lazy Kit</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown-7" aria-controls="navbarNavDropdown-7"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown-7">
<ul class="navbar-nav">
<li class="nav-item dropdown mx-2">
<a class="nav-link" href="#" id="nav-inner-primary_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Components</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-inner-primary_dropdown_1">
<a class="dropdown-item" href="documentation/getting_started.html" target="_blank">Getting Started</a>
<a class="dropdown-item" href="documentation/alerts.html" target="_blank">Core Elements</a>
</div>
</li>
<li class="nav-item dropdown mx-2">
<a class="nav-link" href="#" id="nav-inner-primary_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Examples</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-inner-primary_dropdown_1">
<a class="dropdown-item" href="register.html" target="_blank">Register</a>
<a class="dropdown-item" href="profile.html" target="_blank">Profile</a>
<a class="dropdown-item" href="landing.html" target="_blank">Landing</a>
</div>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="btn btn-outline-light" href="documentation/getting_started.html" target="_blank">
Documentation
</a>
</li>
<li class="nav-item mx-2">
<a class="btn btn-light" href="#a">
<i class="fa fa-download"></i> Download
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="page-hero bg-primary text-white" id="banner">
<div class="bubbles d-none d-md-block">
<!-- bubbles -->
<div class="bubble bubble-1 rotate-bubble bg-warning"></div>
<div class="bubble bubble-2 bubble-bottom-right bg-danger rotate-bubble"></div>
<div class="bubble bubble-3 bubble-top-right bg-warning rotate-bubble"></div>
<div class="bubble bubble-4 bubble-top-left bg-info rotate-bubble"></div>
<div class="bubble bubble-5 bg-info rotate-bubble"></div>
<div class="bubble bubble-6 bubble-bottom-right bg-danger rotate-bubble"></div>
<div class="bubble bubble-7 bubble-top-right bg-success rotate-bubble"></div>
<div class="bubble bubble-8 bubble-top-left bg-success rotate-bubble"></div>
<div class="bubble bubble-9 bg-warning rotate-bubble"></div>
<div class="bubble bubble-10 bg-danger rotate-bubble"></div>
<div class="bubble bubble-11 bubble-bottom-right bg-info rotate-bubble"></div>
<div class="bubble bubble-12 bubble-top-right bg-success rotate-bubble"></div>
<div class="bubble bubble-13 bubble-top-left bg-success rotate-bubble"></div>
<!-- circles -->
<div class="circle circle-1 bg-light rotate-circle"></div>
<div class="circle circle-2 bg-success rotate-circle"></div>
<div class="circle circle-3 bg-danger rotate-circle"></div>
<div class="circle circle-4 bg-info rotate-circle"></div>
<div class="circle circle-5 bg-success rotate-circle"></div>
<div class="circle circle-6 bg-info rotate-circle"></div>
<div class="circle circle-7 bg-warning rotate-circle"></div>
<div class="circle circle-8 bg-white rotate-circle"></div>
<div class="circle circle-9 bg-warning rotate-circle"></div>
<div class="circle circle-10 bg-danger rotate-circle"></div>
</div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2 text-center">
<div class="title">
<h1 class="display-2 text-white">Lazy Kit</h1>
<h4 class="text-white">A new design system for developing with less effort.</h4>
</div>
<div class="credits">
<p class="text-white mb-0 small">Made with <span class="text-danger"><i class="fas fa-heart"></i></span> by</p>
<img src="assets/img/bb_logo_white.png" alt="Lazy Kit" width="150">
</div>
</div>
</div>
</div>
</div>
<div class="intro bg-light">
<div class="container">
<div class="section desc">
<div class="row">
<div class="col-12 col-md-8 offset-md-2">
<p class="lead"><b>Lazy Kit</b> is a complete design system built on Bootstrap 4. It is created for all web makers that want to get a project off the ground quickly and neatly. It overwrites all Bootstrap 4 components and adds 2 more plugins. It also comes with 3 example pages.</p>
</div>
</div>
</div>
<!-- Colours
================================================== -->
<div class="section">
<div class="row">
<div class="col-12 col-md-8 offset-md-2">
<div class="page-header mb-5">
<h2 id="colours">Colours</h2>
<p>We have improved the Bootstrap colour selection with a brighter variation. All the components from the kit will have variations for each one of this contextual classes.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<div class="row">
<!-- primary -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="card no-hover color">
<div class="card-body d-flex flex-column align-items-center">
<div class="swatch" style="background-color: #611F6A; "></div>
<div class="title">Primary</div>
<div class="hex text-muted">#611F6A</div>
</div>
</div>
</div>
<!-- secondary -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="card no-hover color">
<div class="card-body d-flex flex-column align-items-center">
<div class="swatch" style="background-color: #071D5C; "></div>
<div class="title">Secondary</div>
<div class="hex text-muted">#071D5C</div>
</div>
</div>
</div>
<!-- success -->
<div class="col-12 col-sm-6 col-lg-3">
<div class="card no-hover color">
<div class="card-body d-flex flex-column align-items-center">
<div class="swatch" style="background-color: #007A5B; "></div>
<div class="title">Success</div>
<div class="hex text-muted">#007A5B</div>
UI组件合集网页模板-适配移动端&PC端-HTML网站源码.zip （102个子文件） 
bootstrap.min.css 152KB lazy.css 48KB demo.css 5KB nouislider.css 5KB nouislider.min.css 4KB prism.css 2KB untitled-font-5.eot 37KB linea-basic-10.eot 21KB
hearteyes.gif 85KB thinking.gif 55KB
index.html 85KB forms.html 17KB navs.html 15KB buttons.html 14KB dropdowns.html 13KB navbars.html 13KB cards.html 12KB landing.html 11KB pagination.html 11KB progress_bars.html 10KB getting_started.html 10KB typography.html 10KB alerts.html 9KB modals.html 9KB badges.html 9KB tooltips_popovers.html 9KB contents.html 8KB font_awesome.html 8KB sliders.html 8KB license.html 7KB profile.html 7KB credits.html 7KB grid_layout.html 6KB support.html 6KB register.html 6KB starter_template.html 1KB favicon.ico 15KB
dog-8.jpg 2.27MB dog-4.jpg 2.25MB dog-3.jpg 2.24MB dog-9.jpg 2.13MB dog-2.jpg 2.01MB dog-5.jpg 1.99MB dog-7.jpg 1.71MB purple.jpg 953KB dog-6.jpg 893KB dog-1.jpg 827KB presentation.jpg 138KB jquery.min.js 85KB popper.js 76KB nouislider.js 64KB bootstrap.min.js 57KB nouislider.min.js 22KB popper.min.js 19KB prism.js 12KB lazy.js 2KB demo.js 498B
register.png 2.75MB profile.png 1.21MB landing_devices.png 274KB landing.png 202KB lorde.png 130KB bb_logo_white.png 2KB _sliders.scss 6KB demo.scss 5KB _checkbox-radio-toggle.scss 4KB _variables.scss 3KB _forms.scss 2KB _buttons.scss 2KB _navs.scss 2KB _inputs.scss 2KB _base.scss 1KB _popovers.scss 781B _typography.scss 694B _tooltips.scss 650B lazy.scss 626B _navigation.scss 623B _pagination.scss 569B _navbars.scss 507B _dropdown.scss 493B _cards.scss 445B _misc.scss 438B _badges.scss 417B _footers.scss 390B _background.scss 389B _misc.scss 333B _alerts.scss 316B _modals.scss 303B _tables.scss 299B _animations.scss 216B _mixins.scss 188B _progress-bars.scss 181B _typography.scss 56B
untitled-font-5.svg 97KB linea-basic-10.svg 47KB logo.svg 611B logo_black.svg 602B logo_white.svg 599B untitled-font-5.ttf 37KB linea-basic-10.ttf 21KB共 102 条
- 1
- 2
资源评论
