基于HTML+CSS+JS开发的网站-紫粉时尚创意发型展示响应式网页.7z资源-CSDN文库

共163个文件

scss：88个

jpg：24个

png：17个

web前端

网站源码

HTML

JavaScript

需积分: 5 27 浏览量 2024-07-10 14:39:00 上传评论收藏 4.17MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS+JS开发的网站-紫粉时尚创意发型展示响应式网页.7z （163个子文件）

bootstrap.css 137KB

main.css 42KB

font-awesome.min.css 30KB

jquery.DonutWidget.min.css 13KB

linearicons.css 8KB

magnific-popup.css 7KB

owl.carousel.css 4KB

nice-select.css 4KB

jquerysctipttop.css 736B

fontawesome-webfont.eot 162KB

Linearicons-Free.eot 55KB

elements.html 34KB

index.html 24KB

generic.html 15KB

about-img.jpg 524KB

g7.jpg 154KB

g2.jpg 126KB

g1.jpg 122KB

g2.jpg 114KB

g1.jpg 109KB

g6.jpg 108KB

g3.jpg 103KB

g4.jpg 93KB

g5.jpg 87KB

g4.jpg 83KB

g3.jpg 80KB

g6.jpg 73KB

g5.jpg 63KB

g8.jpg 16KB

d.jpg 14KB

f3.jpg 2KB

f2.jpg 2KB

f1.jpg 2KB

f5.jpg 2KB

f4.jpg 2KB

f7.jpg 1KB

f6.jpg 1KB

f8.jpg 1KB

jquery-2.2.4.min.js 84KB

bootstrap.min.js 50KB

owl.carousel.min.js 39KB

jquery.magnific-popup.min.js 20KB

parallax.min.js 7KB

jquery.sticky.js 6KB

jquery.ajaxchimp.min.js 5KB

main.js 3KB

jquery.nice-select.min.js 3KB

bootstrap.map 320KB

main.map 127KB

FontAwesome.otf 132KB

header-img.png 998KB

t4.png 131KB

t2.png 121KB

t1.png 92KB

t3.png 91KB

s1.png 5KB

play.png 4KB

s3.png 3KB

s2.png 3KB

s4.png 2KB

logo.png 2KB

primary-check.png 2KB

primary-radio.png 1KB

disabled-check.png 1KB

success-radio.png 1KB

success-check.png 1KB

disabled-radio.png 1KB

_variables.scss 29KB

_elements.scss 16KB

_home.scss 12KB

_reboot.scss 11KB

_forms.scss 10KB

_reset.scss 8KB

_custom-forms.scss 7KB

_navbar.scss 6KB

_button-group.scss 5KB

_flexbox.scss 5KB

_input-group.scss 4KB

_popover.scss 4KB

_card.scss 4KB

_carousel.scss 4KB

_breakpoints.scss 4KB

_modal.scss 4KB

_mixins.scss 3KB

_dropdown.scss 3KB

_tables.scss 3KB

_list-group.scss 3KB

_functions.scss 3KB

_tooltip.scss 3KB

_buttons.scss 3KB

_flex.scss 2KB

_print.scss 2KB

_nav.scss 2KB

_type.scss 2KB

_buttons.scss 2KB

_forms.scss 2KB

_gradients.scss 2KB

_pagination.scss 2KB

_spacing.scss 1KB

_grid-framework.scss 1KB

共 163 条

<!DOCTYPE html> <html lang="zxx" class="no-js"> <head>  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="shortcut icon" href="img/elements/fav.png">  <meta name="author" content="CodePixar">  <meta name="description" content="">  <meta name="keywords" content="">  <meta charset="UTF-8">  <title>Barber</title> <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">  <link rel="stylesheet" href="css/linearicons.css"> <link rel="stylesheet" href="css/owl.carousel.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/nice-select.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/main.css"> </head> <body>  <section class="generic-banner relative">  <header class="default-header"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="container"> <a class="navbar-brand" href="index.html"> <img src="img/logo.png" alt=""> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="text-white lnr lnr-menu"></span> </button> <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent"> <ul class="navbar-nav"> <li><a href="index.html#home">Home</a></li> <li><a href="index.html#service">Service</a></li> <li><a href="index.html#team">team</a></li> <li><a href="index.html#price">price</a></li> <li><a href="index.html#contact">Contact</a></li>  <li class="dropdown"> <a class="dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"> Pages </a> <div class="dropdown-menu"> <a class="dropdown-item" href="generic.html">Generic</a> <a class="dropdown-item" href="elements.html">Elements</a> </div> </li> </ul> </div> </div> </nav> </header>  <div class="container"> <div class="row height align-items-center justify-content-center"> <div class="col-lg-10"> <div class="generic-banner-content"> <h2 class="text-white">The Elements Page</h2> <p class="text-white">It won’t be a bigger problem to find one video game lover in your <br> neighbor. Since the introduction of Virtual Game.</p> </div> </div> </div> </div> </section>   <section class="sample-text-area"> <div class="container"> <h3 class="text-heading">Text Sample</h3> <p class="sample-text"> Every avid independent filmmaker has <b>Bold</b> about making that <i>Italic</i> interest documentary, or short film to show off their creative prowess. Many have great ideas and want to “wow” the<sup>Superscript</sup> scene, or video renters with their big project. But once you have the<sub>Subscript</sub> “in the can” (no easy feat), how do you move from a <del>Strike</del> through of master DVDs with the <u>“Underline”</u> marked hand-written title inside a secondhand CD case, to a pile of cardboard boxes full of shiny new, retail-ready DVDs, with UPC barcodes and polywrap sitting on your doorstep? You need to create eye-popping artwork and have your project replicated. Using a reputable full service DVD Replication company like PacificDisc, Inc. to partner with is certainly a helpful option to ensure a professional end result, but to help with your DVD replication project, here are 4 easy steps to follow for good DVD replication results: </p> </div> </section>   <section class="button-area"> <div class="container border-top-generic"> <h3 class="text-heading">Sample Buttons</h3> <div class="button-group-area"> <a href="#" class="genric-btn default">Default</a> <a href="#" class="genric-btn primary">Primary</a> <a href="#" class="genric-btn success">Success</a> <a href="#" class="genric-btn info">Info</a> <a href="#" class="genric-btn warning">Warning</a> <a href="#" class="genric-btn danger">Danger</a> <a href="#" class="genric-btn link">Link</a> <a href="#" class="genric-btn disable">Disable</a> </div> <div class="button-group-area mt-10"> <a href="#" class="genric-btn default-border">Default</a> <a href="#" class="genric-btn primary-border">Primary</a> <a href="#" class="genric-btn success-border">Success</a> <a href="#" class="genric-btn info-border">Info</a> <a href="#" class="genric-btn warning-border">Warning</a> <a href="#" class="genric-btn danger-border">Danger</a> <a href="#" class="genric-btn link-border">Link</a> <a href="#" class="genric-btn disable">Disable</a> </div> <div class="button-group-area mt-40"> <a href="#" class="genric-btn default radius">Default</a> <a href="#" class="genric-btn primary radius">Primary</a> <a href="#" class="genric-btn success radius">Success</a> <a href="#" class="genric-btn info radius">Info</a> <a href="#" class="genric-btn warning radius">Warning</a> <a href="#" class="genric-btn danger radius">Danger</a> <a href="#" class="genric-btn link radius">Link</a> <a href="#" class="genric-btn disable radius">Disable</a> </div> <div class="button-group-area mt-10"> <a href="#" class="genric-btn default-border radius">Default</a> <a href="#" class="genric-btn primary-border radius">Primary</a> <a href="#" class="genric-btn success-border radius">Success</a> <a href="#" class="genric-btn info-border radius">Info</a> <a href="#" class="genric-btn warning-border radius">Warning</a> <a href="#" class="genric-btn danger-border radius">Danger</a> <a href="#" class="genric-btn link-border radius">Link</a> <a href="#" class="genric-btn disable radius">Disable</a> </div> <div class="button-group-area mt-40"> <a href="#" class="genric-btn default circle">Default</a> <a href="#" class="genric-btn primary circle">Primary</a> <a href="#" class="genric-btn success circle">Success</a> <a href="#" class="genric-btn info circle">Info</a> <a href="#" class="genric-btn warning circle">Warning</a> <a href="#" class="genric-btn danger circle">Danger</a> <a href="#" class="genric-btn link circle">Link</a> <a href="#" class="genric-btn disable circle">Disable</a> </div> <div class="button-group-area mt-10"> <a href="#" class="genric-btn default-border circle">Default</a> <a href="#" class="genric-btn primary-border circle">Primary</a> <a href="#" class="genric-btn success-border circle">Success</a> <a href="#" class="genric-btn info-border circle">Info</a> <a href="#" class="genric-btn warning-border circle">Warning</a> <a href="#" class="genric-btn danger-border circle">Danger</a> <a href="#" class="genric-btn link-border circle">Link</a> <a href="#" class="genric-btn disable circle">Disable</a> </div> <div class="button-group-area mt-40"> <a href="#" class="genric-btn default

评论收藏

内容反馈