web前端网站源码：简约时尚多用途网站-HTML源码.zip资源-CSDN文库

共148个文件

scss：46个

css：31个

js：21个

HTML

源码

web

网站开发

152 浏览量 2024-09-04 16:41:54 上传评论收藏 3.51MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

web前端网站源码：简约时尚多用途网站-HTML源码.zip （148个子文件）

bootstrap.css 188KB

bootstrap.min.css 152KB

bootstrap-grid.css 63KB

bootstrap-grid.min.css 47KB

style.violet.css 42KB

style.default.css 42KB

style.pink.css 42KB

style.sea.css 42KB

style.blue.css 42KB

style.red.css 42KB

style.green.css 42KB

style.default.min.css 35KB

style.violet.min.css 35KB

style.pink.min.css 35KB

style.blue.min.css 35KB

style.sea.min.css 35KB

style.green.min.css 35KB

style.red.min.css 35KB

leaflet.css 14KB

pe-icon-7-stroke.css 10KB

bootstrap-reboot.css 5KB

owl.carousel.css 5KB

bootstrap-reboot.min.css 4KB

lightbox.css 3KB

owl.carousel.min.css 3KB

lightbox.min.css 2KB

owl.theme.default.css 1KB

owl.theme.green.css 1KB

owl.theme.green.min.css 1013B

owl.theme.default.min.css 1013B

custom.css 25B

Pe-icon-7-stroke.eot 57KB

loading.gif 8KB

ajax-loader.gif 3KB

test.html 23KB

index.html 16KB

text.html 16KB

contact.html 13KB

blog3.jpg 255KB

portfolio-3.jpg 212KB

jumbotron1.jpg 205KB

portfolio-9.jpg 180KB

blog2.jpg 158KB

portfolio-4.jpg 151KB

person-4.jpg 144KB

portfolio-7.jpg 140KB

blog1.jpg 120KB

portfolio-2.jpg 118KB

portfolio-5.jpg 117KB

portfolio-6.jpg 115KB

portfolio-1.jpg 113KB

portfolio-8.jpg 98KB

person-1.jpg 77KB

person-2.jpg 55KB

blog-avatar.jpg 17KB

blog-avatar2.jpg 14KB

leaflet-src.js 397KB

leaflet-src.esm.js 396KB

lightbox-plus-jquery.js 294KB

jquery.js 274KB

jquery.slim.js 222KB

bootstrap.bundle.js 218KB

leaflet.js 138KB

bootstrap.js 129KB

lightbox-plus-jquery.min.js 96KB

owl.carousel.js 88KB

jquery.min.js 86KB

bootstrap.bundle.min.js 77KB

jquery.slim.min.js 69KB

bootstrap.min.js 57KB

owl.carousel.min.js 43KB

lightbox.js 20KB

lightbox.min.js 9KB

core.js 9KB

jquery.cookie.js 3KB

front.js 2KB

demo.js 809B

cookie.jquery.json 834B

component.json 340B

style.default.min.css.map 143KB

style.violet.min.css.map 143KB

style.sea.min.css.map 143KB

style.blue.min.css.map 143KB

style.pink.min.css.map 143KB

style.green.min.css.map 143KB

style.red.min.css.map 143KB

template-mac.png 145KB

owl.video.play.png 5KB

marker.png 3KB

marker-icon-2x.png 2KB

favicon.png 1KB

marker-icon.png 1KB

prev.png 1KB

next.png 1KB

layers-2x.png 1KB

layers.png 696B

marker-shadow.png 618B

close.png 280B

_variables.scss 38KB

_theme.scss 18KB

共 148 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Multi - Multipurpose Bootstrap theme</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="all,follow">  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">  <link rel="stylesheet" href="css/pe-icon-7-stroke.css">  <link rel="stylesheet" href="vendor/lightbox2/css/lightbox.min.css">  <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">  <link rel="stylesheet" href="css/custom.css">  <link rel="shortcut icon" href="img/favicon.png">  </head> <body>  <header class="header"> <nav class="navbar navbar-expand-lg py-lg-0"> <div class="container"><a href="index.html" class="navbar-brand text-uppercase font-weight-bold">Multi.</a> <button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right small"><span class="text-uppercase mr-2">Menu</span><i class="fas fa-bars"></i></button> <div id="navbarSupportedContent" class="collapse navbar-collapse"> <ul class="navbar-nav ml-auto d-lg-flex align-items-lg-center"> <li class="nav-item"><a href="index.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Home </a> </li> <li class="nav-item"><a href="text.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Text page </a> </li> <li class="nav-item dropdown"><a id="navbarDropdownMenuLink" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4 dropdown-toggle">Dropdown</a> <div aria-labelledby="navbarDropdownMenuLink" class="dropdown-menu mt-0"><a href="#" class="dropdown-item small text-uppercase">Dropdown item 1</a><a href="#" class="dropdown-item small text-uppercase">Dropdown item 2</a><a href="#" class="dropdown-item small text-uppercase">Dropdown item 3</a><a href="#" class="dropdown-item small text-uppercase">Dropdown item 4</a></div> </li> <li class="nav-item"><a href="contact.html" class="nav-link font-weight-bold text-uppercase px-lg-3 py-lg-4">Contact </a> </li> <li class="nav-item mt-4 mt-lg-0"> <button type="button" data-toggle="modal" data-target="#loginModal" class="btn btn-outline-primary nav-btn btn-sm"> <i class="fas fa-sign-out-alt mr-2"></i>Login </button> </li> </ul> </div> </div> </nav> </header> <div id="loginModal" tabindex="-1" role="dialog" aria-lebelledby="loginModalLabel" aria-hidden="true" class="modal fade"> <div role="document" class="modal-dialog modal-sm"> <div class="modal-content rounded-0"> <div class="modal-header"> <h5 id="loginModalLabel" class="text-uppercase modal-title m-0">Customers login</h5> <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true" class="small text-muted">×</span></button> </div> <div class="modal-body"> <form action=""> <div class="form-group"> <input type="email" placeholder="email" class="form-control"> </div> <div class="form-group"> <input type="password" placeholder="password" class="form-control"> </div> <div class="form-group text-center"> <button type="submit" class="btn btn-outline-primary nav-btn btn-sm"> <i class="fas fa-sign-out-alt mr-2"></i>Login </button> </div> </form> <div class="text-center"> <p class="text-muted small">Not registered yet?</p> <p class="small text-muted"> <a href="#" class="font-weight-bold">Register now!</a> It is easy and done in 1 minute and gives you access to special discounts and much more!</p> </div> </div> </div> </div> </div> <div class="container py-5"> <h1>Bootstrap(ious) 4 Boilerplate</h1> <p>This is a sample content.</p> <div class="jumbotron"> <h1>Kitchen Sink</h1> <p>A quick preview of everything Bootstrap has to offer.</p> <p><a href="#" class="btn btn-primary btn-large">Learn more »</a> <a href="#" class="btn btn-outline-primary btn-large">Learn more »</a></p> </div> <div class="row"> <div class="col-lg-6"> <div id="headings" class="card mb-4"> <div class="card-header">Headings</div> <div class="card-body"> <h1 class="page-header">Page Header<small>With Small Text</small></h1> <h1>This is an h1 heading</h1> <h2>This is an h2 heading</h2> <h3>This is an h3 heading</h3> <h4>This is an h4 heading</h4> <h5>This is an h5 heading</h5> <h6>This is an h6 heading</h6> </div> </div> <div id="tables" class="card mb-4"> <div class="card-header">Tables</div> <div class="card-body"> <table class="table table-hover"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Tables</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Michael</td> <td>Are formatted like this</td> </tr> <tr> <td>2</td> <td>Lucille</td> <td>Do you like them?</td> </tr> <tr class="success"> <td>3</td> <td>Success</td> <td></td> </tr> <tr class="danger"> <td>4</td> <td>Danger</td> <td></td> </tr> <tr class="warning"> <td>5</td> <td>Warning</td> <td></td> </tr> <tr class="active"> <td>6</td> <td>Active</td> <td></td> </tr> </tbody> </table> <table class="table table-striped table-bordered table-condensed"> <thead> <tr> <th>#</th> <th>First Name</th> <th>Tables</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Michael</td> <td>This one is bordered and condensed</td> </tr> <tr> <td>2</td> <td>Lucille</td> <td>Do you still like it?</td> </tr> </tbody>

评论收藏

内容反馈