基于HTML+CSS+JS开发的网站-摄影艺术动态展示网页模板.7z资源-CSDN文库

共46个文件

jpg：18个

png：5个

html：4个

HTML

源码

web

JavaScript

需积分: 5 66 浏览量 2024-07-10 14:34:07 上传评论收藏 2.85MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS+JS开发的网站-摄影艺术动态展示网页模板.7z （46个子文件）

[web前端]&[课程设计]&[网站源码]-摄影艺术动态展示网页模板

html

assets

bootstrap.min.js 59KB

theme-change.js 692B

jquery-3.3.1.min.js 68KB

webfonts

fa-brands-400.woff 90KB

fa-brands-400.ttf 133KB

fa-brands-400.svg 730KB

fa-solid-900.woff 102KB

fa-solid-900.eot 200KB

fa-solid-900.ttf 200KB

fa-brands-400.woff2 77KB

fa-regular-400.woff2 13KB

fa-brands-400.eot 134KB

fa-regular-400.eot 34KB

fa-regular-400.woff 16KB

fa-regular-400.svg 141KB

fa-regular-400.ttf 33KB

fa-solid-900.woff2 78KB

fa-solid-900.svg 896KB

css

style-starter.css 366KB

images

g3.jpg 32KB

ins.png 1KB

banner6.jpg 196KB

g2.jpg 60KB

tw.png 939B

team4.jpg 34KB

banner4.jpg 265KB

team3.jpg 43KB

banner3.jpg 104KB

left.png 175B

team2.jpg 45KB

fb.png 791B

g6.jpg 78KB

banner1.jpg 158KB

ab2.jpg 21KB

g5.jpg 58KB

banner5.jpg 145KB

right.png 193B

g4.jpg 46KB

team1.jpg 77KB

banner2.jpg 132KB

ab1.jpg 70KB

g1.jpg 48KB

services.html 22KB

index.html 37KB

contact.html 18KB

about.html 23KB

<!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>PixShot - Photography Category Bootstrap Responsive Template | Home</title>  <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,600;0,700;1,600&display=swap" rel="stylesheet">   <link rel="stylesheet" href="assets/css/style-starter.css"> </head>  <body> <header id="site-header" class="fixed-top"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light stroke py-lg-0"> <h1><a class="navbar-brand pe-xl-5 pe-lg-4" href="index.html"> Pix<span class="log">Shot</span> </a></h1> <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon fa icon-expand fa-bars"></span> <span class="navbar-toggler-icon fa icon-close fa-times"></span> </button> <div class="collapse navbar-collapse" id="navbarScroll"> <ul class="navbar-nav me-lg-auto my-2 my-lg-0 navbar-nav-scroll"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li> <li class="nav-item"> <a class="nav-link" href="services.html">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul>  <ul class="header-search d-flex mx-lg-4"> <li class="nav-item search-right"> <a href="#search" class="" title="search"> <span class="fas fa-search me-lg-4" aria-hidden="true"></span></a>  <div id="search" class="pop-overlay"> <div class="popup"> <h3 class="title-w3l two mb-4 text-left">Search Here</h3> <form action="#" method="GET" class="search-box d-flex position-relative"> <input type="search" placeholder="Enter Keyword here" name="search" required="required" autofocus=""> <button type="submit" class="btn btn-primary"><span class="fas fa-search" aria-hidden="true"></span></button> </form> </div> <a class="close" href="#close">×</a> </div>  </li> <li class="nav-item propertyw3-btnhny"> <a href="#get" class="btn btn-style btn-secondary">Get In Touch</a> </li> </ul>  </div>  <div class="mobile-position"> <nav class="navigation"> <div class="theme-switch-wrapper"> <label class="theme-switch" for="checkbox"> <input type="checkbox" id="checkbox"> <div class="mode-container"> <i class="gg-sun"></i> <i class="gg-moon"></i> </div> </label> </div> </nav> </div>  </nav> </div> </header>   <section class="w3l-main-slider banner-slider position-relative" id="home"> <div class="slider-info banner-view banner-top1"> <div class="container"> <div class="banner-info header-hero-19 text-center mx-auto"> <p class="w3hny-tag">Put hope in every click.</p> <h3 class="title-hero-19">Turn your photos into art.</h3> <a href="about.html" class="btn btn-style btn-primary mt-4">Read More</a> </div> </div> </div> </section>   <section class="w3l-ab-page py-5" id="about1"> <div class="container py-md-5 py-3"> <div class="title-content text-left"> <h6 class="title-subhny">Capture and share your best side</h6> <h3 class="title-w3l mb-2">For exceptional photographers, it’s all about the details </h3> </div> <div class="row mt-5 pb-5 ab-inf-stat position-relative"> <div class="col-lg-7 abw3-img mb-lg-0 mb-5"> <img src="assets/images/banner5.jpg" alt="" class="img-fluid radius-image"> </div> <div class="col-lg-5 ps-lg-5"> <p>Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. Semper at tempufddfel. Lorem ipsum dolor sit amet consectetur adipisicing elit.</p> <div class="w3banner-content-btns d-flex"> <a href="about.html" class="btn btn-style btn-secondary mt-lg-5 mt-4">Read More </a> </div> <div class="w3l-stats-inner-inf"> <div class="row stats-con"> <div class="col-6 stats_info counter_grid"> <div class="stats_infoinhny"> <h3>Locations</h3> <p class="counter">3220 </p> <h3>Total Snaps</h3> </div> </div> <div class="col-6 stats_info counter_grid"> <div class="stats_infoinhny"> <h3>People</h3> <p class="counter">1020 </p> <h3>Happy Clients</h3> </div> </div> </div> </div> </div> </div> </div> </section>   <section class="w3l-feature-8 py-5"> <div class="container py-md-5 py-3"> <div class="row text-center"> <div class="col-lg-3 col-sm-6 feature-body"> <div class="feature-8-info"> <div class="feature-icon"> <i class="fas fa-edit"></i> </div> <div class="feature-info"> <h3 class="feature-title mb-2"

评论收藏

内容反馈