作品展示&图片展示HTML源码-专业摄影师展示动态响应式网页模板-适配移动端.zip资源-CSDN文库

共91个文件

png：27个

css：15个

js：11个

版权申诉

求职简历

作品展示

HTML源码

适配移动端

JavaScript

151 浏览量 2024-03-30 12:17:04 上传评论收藏 7.34MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

作品展示&图片展示HTML源码-专业摄影师展示动态响应式网页模板-适配移动端.zip （91个子文件）

作品展示&图片展示HTML源码-专业摄影师展示动态响应式网页模板-适配移动端

html

assets

bootstrap.js 121KB

bootstrap.bundle.js.map 350KB

bootstrap.bundle.min.js.map 287KB

bootstrap.min.js 50KB

main.js 3KB

jquery.style.switcher.js 7KB

popper.min.js 20KB

bootstrap.bundle.min.js 69KB

bootstrap.bundle.js 207KB

bootstrap.js.map 207KB

jquery.validate.min.js 23KB

owl.carousel.min.js 43KB

jquery.min.js 85KB

bootstrap.min.js.map 172KB

jquery-3.3.1.slim.min.js 68KB

img

left-arrow.png 182B

quote-icon.png 2KB

heart.png 415B

double-right.svg 750B

girl3.jpg 146KB

portfolio-img4.png 426KB

about-me-img1.png 15KB

pinterest.png 440B

google-plus.png 386B

recent-img1.jpg 65KB

activity-img1.png 298KB

girl2.jpg 275KB

feed-img2.png 160KB

girl1.jpg 249KB

about-me-img2.png 45KB

twit-girl-img.png 19KB

activity-img3.png 268KB

portfolio-img2.png 238KB

portfolio-img6.png 226KB

right-arrow.png 169B

twitter.png 394B

recent-img3.jpg 76KB

camera-bg.png 885KB

camera-bg.jpg 261KB

facebook.png 235B

portfolio-img3.png 96KB

portfolio-img1.png 122KB

portfolio-img5.png 111KB

about-me-img3.png 16KB

banner-img.jpg 332KB

about-me-img.jpg 497KB

recent-img2.jpg 113KB

activity-img2.png 314KB

portfolio-img8.png 174KB

twitter-logo.png 1KB

feed-img1.png 193KB

recent-img4.jpg 92KB

portfolio-img7.png 158KB

css

style.css 24KB

bootstrap-grid.css.map 96KB

bootstrap.min.css 138KB

bootstrap-grid.css 37KB

style.css.map 13KB

bootstrap-grid.min.css.map 67KB

style-5.css 24KB

bootstrap-reboot.min.css.map 25KB

icomoon.css 25KB

style-4.css 24KB

bootstrap.css.map 420KB

bootstrap.css 170KB

style-2.css 24KB

style-6.css 24KB

style-3.css 24KB

bootstrap-reboot.css 5KB

bootstrap-reboot.css.map 59KB

color-preset-option.css 2KB

bootstrap-grid.min.css 28KB

bootstrap.min.css.map 549KB

bootstrap-reboot.min.css 4KB

sass

style-2.scss 24KB

style-4.scss 24KB

css 1KB

style-5.scss 24KB

style.scss 24KB

style-6.scss 24KB

style-3.scss 24KB

fonts

PT_Sans-Web-Regular.ttf 433KB

PT_Sans-Web-Bold.ttf 459KB

icomoon

icomoon.woff 101KB

icomoon.svg 357KB

icomoon.eot 101KB

icomoon.ttf 100KB

PT_Sans-Web-Italic.ttf 426KB

Oswald-Bold.ttf 92KB

index.html 20KB

blog.html 11KB

<!DOCTYPE html>  <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/style.css">  <link rel="stylesheet" href="assets/css/icomoon.css">  <link rel="stylesheet" id="theme-switch" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/color-preset-option.css">  <title>Girly</title> </head> <body> <nav class="navbar navbar-expand-md fixed-top maine-menu"> <div class="container"> <button class="navbar-toggler ml-auto" data-target="#my-nav" onclick="myFunction(this)" data-toggle="collapse"> <span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span> </button> <div id="my-nav" class="collapse navbar-collapse"> <ul class="navbar-nav mx-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">About</a></li> <li class="nav-item"> <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">Activity</a></li> <li class="nav-item"> <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">Portfolio</a></li> <li class="nav-item"> <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">Testimonial</a></li> <li class="nav-item"> <a class="nav-link" href="blog.html" tabindex="-1" aria-disabled="true">Blog</a></li> <li class="nav-item"> <a class="nav-link" href="#" tabindex="-1" aria-disabled="true">Contact</a></li> </ul> </div> </div> </nav> <div class="container-fluid fh5co-home-banner"> <div class="card"> <img class="card-img" src="assets/img/banner-img.jpg" alt=""> <div class="card-img-overlay"> <div class="center-text"> <h2 class="card-title">A camera is the save button for the mind’s eye</h2> <a href="#" class="btn"> <svg width="201" height="51" viewBox="0 0 201 51"> <defs> <style> .cls-1 { fill: none; stroke-width: 1px; stroke: url(#linear-gradient); } </style> <linearGradient id="linear-gradient" x1="140.508" y1="50.5" x2="60.492" y2="0.5" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#e90e65"/> <stop offset="1" stop-color="#fff"/> </linearGradient> </defs> <rect id="Rounded_Rectangle_1" data-name="Rounded Rectangle 1" class="cls-1" x="0.5" y="0.5" width="200" height="50" rx="25" ry="25"/> </svg> Explore</a> </div> </div> </div> </div> <div class="container-fluid fh5co-two-img"> <div class="row"> <div class="col-sm-6 pr-0 pl-0"> <div class="card"> <img class="card-img" src="assets/img/girl1.jpg" alt=""> <div class="card-img-overlay"> </div> </div> </div> <div class="col-sm-6 pr-0 pl-0"> <div class="card"> <img class="card-img" src="assets/img/girl2.jpg" alt=""> <div class="card-img-overlay"> </div> </div> </div> </div> </div> <div class="container-fluid fh5co-recent-work"> <div class="container contact-pop"> <div class="row"> <div class="col-md-6 pr-0"> <div class="card"> <img class="card-img w-100" src="assets/img/girl3.jpg" alt=""> <div class="card-img-overlay"> </div> </div> </div> <div class="col-md-6 pl-0"> <div class="content"> <h3>I am Sandra Reigel</h3> <h4>Professional photographer</h4> <hr /> <p>Sed do eiusmod tempor incididunt ut labore et dolo magna aliqua. Ut enim ad minim veniam, quis nostd exercitation ullamco laboris nisi ut aliquip ex ea mo consequat. Duis aute irure dolor in reprehenderit in ullamco.</p> <a href="#" class="btn">CONTACT</a> </div> </div> </div> </div> <div class="container recent"> <div class="row"> <h2>Recent works</h2> <div class="owl-carousel owl-carousel2 owl-theme"> <div> <div class="card"> <img class="card-img" src="assets/img/recent-img1.jpg" alt=""> <div class="card-img-overlay"> <a href="#"><img src="assets/img/heart.png" class="heart" alt="heart icon"></a> <div class="bottom-text"> <h5 class="card-title">Model photography</h5> <p class="card-text">Digital, Photography</p> </div> </div> </div> </div> <div> <div class="card"> <img class="card-img" src="assets/img/recent-img2.jpg" alt=""> <div class="card-img-overlay"> <a href="#"><img src="assets/img/heart.png" class="heart" alt="heart icon"></a> <div class="bottom-text"> <h5 class="card-title">Product photography</h5> <p class="card-text">Digital, Photography</p> </div> </div> </div> </div> <div> <div class="card"> <img class="card-img" src="assets/img/recent-img3.jpg" alt=""> <div class="card-img-overlay"> <a href="#"><img src="assets/img/heart.png" class="heart" alt="heart icon"></a> <div class="bottom-text"> <h5 class="card-title">Tour and potrait</h5> <p class="card-text">Digital, Photography</p> </div> </div> </div> </div> <div> <div class="card"> <img class="card-img" src="assets/img/recent-img4.jpg" alt=""> <div class="card-img-overlay"> <a href="#"><img src="assets/img/heart.png" class="heart" alt="heart icon"></a> <div class="bottom-text"> <h5 class="card-title">Classical photography</h5> <p class="card-text">Digital, Photography</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid recent fh5co-portfolio"> <div class="container"> <h2>Portfolios</h2> <div class="row"> <div class="bx bx-1"> <div class="card"> <img class="card-img" src="assets/img/portfolio-img1.png" alt=""> <div class="card-img-overlay"> <a href="#"><img src="assets/img/heart.png" class="heart" alt="heart icon"></a> <div class="bottom-text"> <h5 class="card-title">Natural site</h5> </div> </div> </div> </div> <div class="bx bx-2"> <div class="card"> <img class="card-img" src="assets/img/portfolio-img2.png" alt=""> <div class="card-img-overlay"> <a href="#"><img src="assets/img/heart.png" class="heart" alt="heart icon"></a> <div class="bottom-text"> <h5 class="card-title">Vacation special photography</h5> </div> </div> </div> </div> <div class="bx bx-3"> <div class="card"> <img class="card-img" src="assets/im

评论收藏

内容反馈

版权申诉