单页面多功能创意展示网页模板-适配移动端&PC端-HTML网站源码.zip资源-CSDN文库

共77个文件

png：25个

jpg：20个

js：16个

版权申诉

HTML

网站源码

解压即用

76 浏览量 2024-04-01 15:38:25 上传评论收藏 9.42MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

单页面多功能创意展示网页模板-适配移动端&PC端-HTML网站源码.zip （77个子文件）

单页面多功能创意展示网页模板-适配移动端&PC端-HTML网站源码

html

html5shiv.min.js 3KB

jquery.ajaxchimp.min.js 2KB

jquery.shuffle.modernizr.js 46KB

jquery.appear.js 2KB

bootstrap.min.js 35KB

jquery.easing.min.js 5KB

jquery.countTo.js 2KB

jquery.stellar.min.js 12KB

respond.min.js 4KB

owl.carousel.min.js 15KB

owl.carousel.js 52KB

jquery.min.js 94KB

jquery.stellar.js 23KB

jquery.shuffle.js 43KB

jquery.nicescroll.min.js 57KB

script.js 6KB

photos

portfolio3.jpg 120KB

feature.png 164KB

client4.png 11KB

about.jpg 38KB

portfolio7.jpg 60KB

portfolio2.jpg 48KB

logo.png 12KB

client7.png 21KB

client.png 7KB

logo2.png 1KB

member3.png 110KB

bm.png 161KB

portfolio.jpg 26KB

client.jpg 29KB

logo3.png 4KB

client6.png 11KB

post-thumb.jpg 58KB

client8.png 16KB

author.jpg 8KB

client5.png 14KB

portfolio9.jpg 116KB

member2.png 116KB

client9.png 10KB

portfolio12.jpg 64KB

portfolio5.jpg 53KB

member1.png 76KB

portfolio8.jpg 131KB

Showcase-Template-Flat-Presentation-Vol-2.png 472KB

client2.jpg 46KB

portfolio11.jpg 52KB

client3.png 8KB

portfolio10.jpg 202KB

client2.png 11KB

portfolio4.jpg 122KB

client3.jpg 39KB

portfolio6.jpg 58KB

post-thumb-sm.jpg 8KB

css

style.css 34KB

bootstrap.min.css 111KB

owl.carousel.css 1KB

owl.transitions.css 4KB

font-awesome.min.css 21KB

owl.theme.css 2KB

index.html 41KB

images

hero-img9.jpg 228KB

title-top@2x.png 10KB

funfact4.png 871KB

title-top.png 3KB

testimonials.png 1.81MB

c2a.png 827KB

testimonials2.png 1.02MB

subscribe2.png 1.75MB

fonts

FontAwesome.otf 84KB

glyphicons-halflings-regular.svg 61KB

glyphicons-halflings-regular.ttf 40KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 55KB

fontawesome-webfont.woff 64KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Sept - StratUp Landing Page</title> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,400italic,600,300italic,300|Oswald:400,300,700' rel='stylesheet' type='text/css'>  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/owl.theme.css" rel="stylesheet"> <link href="css/owl.transitions.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet">    </head> <body data-spy="scroll" data-target=".main-nav"> <header class="st-navbar"> <nav class="navbar navbar-default navbar-fixed-top clearfix" role="navigation"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sept-main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img src="photos/logo3.png" alt="" class="img-responsive"></a> </div>  <div class="collapse navbar-collapse main-nav" id="sept-main-nav"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#service">Service</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#pricing">Pricing</a></li> <li><a href="#blog">Blog</a></li> <li><a href="#contact">Contact Us</a></li> </ul> </div> </div> </nav> </header> <section class="home" id="home" data-stellar-background-ratio="0.4"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="st-home-unit"> <div class="hero-txt"> <p class="hero-work">Web Design - Web Development - UX Design</p> <h2 class="hero-title">BEST Template for Agency</h2>   <a href="#" class="btn btn-main btn-lg">Find Out More</a> </div> </div> </div> </div> </div> <div class="mouse-icon"> <div class="wheel"></div> </div> </section> <section class="about" id="about"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-title st-center"> <h3>WelCome to Sept</h3> <p>We are a creative Designer</p> </div> <div class="row mb90"> <div class="col-md-6"> <p>Texit l, habere se indocti magnosque culpa gravioribus discedere eas indignae diogenem, praetermissum effugiendorum vult dicent, periculum dolere putat. Iucunditatem quid turbulenta patre eae depravatum talem elaborare plerisque repellere, o potiendi tuo aliter, militaris sint tranquillat liberalitati. Locus delicata divelli intemperantes audeam maximisque sitne pulcherrimum aegritudines studium. Habent inveniri fidelissimae aequi andriam laudabilis. Libido censet assiduitas quae probantur tantalo exquisitaque erunt laudatur optari. Late suapte veterum enim qui magna securi eaque proficiscuntur.</p> </div> <div class="col-md-6"> <img src="photos/about.jpg" alt="" class="img-responsive"> </div> </div> <div class="row"> <div class="col-md-4"> <div class="st-member"> <div class="st-member-img"> <img src="photos/member1.png" alt="" class="img-responsive"> </div> <div class="st-member-info"> <strong class="st-member-name">Jerry Ward</strong> <p class="st-member-pos">CEO</p> <div class="skills"> <div class="skill"> <strong>HTML</strong> <span>90%</span> <div class="progress"> <div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"> <span class="sr-only">90% Complete</span> </div> </div> </div> <div class="skill"> <strong>CSS</strong> <span>70%</span> <div class="progress"> <div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"> <span class="sr-only">70% Complete</span> </div> </div> </div> <div class="skill"> <strong>JavaScript</strong> <span>86%</span> <div class="progress"> <div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;"> <span class="sr-only">86% Complete</span> </div> </div> </div> </div> <div class="st-member-social"> <ul> <li><a href="#" class="facebook" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li> <li><a href="#" class="twitter" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li> <li><a href="#" class="dribbble" data-toggle="tooltip" data-placement="top" title="Dribbble"><i class="fa fa-dribbble"></i></a></li> </ul> </div> </div> </div> </div> <div class="col-md-4"> <div class="st-member"> <div class="st-member-img"> <img src="photos/member2.png" alt="" class="img-responsive"> </div> <div class="st-member-info"> <strong class="st-member-name">Sarah Moore</strong> <p class="st-member-pos">Designer</p> <div class="skills"> <div class="skill"> <strong>HTML</strong> <span>90%</span> <div class="progress"> <div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"> <span class="sr-only">90% Complete</span> </div> </div> </div> <div class="skill"> <strong>CSS</strong> <span>70%</span> <div class="progress"> <div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"> <span class="sr-only">70% Complete</span> </div> </div> </div> <div class="skill"> <strong>JavaScript</strong> <span>86%</span> <div class="progress"> <div class="progress-bar progress-bar-sept" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;">

评论收藏

内容反馈

版权申诉