大气黑色风格的程序员作品展示模板下载.zip资源-CSDN文库

共40个文件

jpg：19个

js：7个

css：3个

版权申诉

H5源码

H5模版

134 浏览量 2024-12-27 11:24:05 上传评论收藏 1.05MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

大气黑色风格的程序员作品展示模板下载.zip （40个子文件）

cpts_1001_bng

jquery.swipebox.min.js 7KB

responsiveslides.min.js 3KB

bootstrap.min.js 28KB

numscroller-1.0.js 4KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 94KB

css

style.css 28KB

bootstrap.css 138KB

swipebox.css 4KB

index.html 30KB

images

t5.jpg 9KB

t6.jpg 9KB

2.jpg 32KB

J1.jpg 10KB

6.jpg 22KB

1.jpg 34KB

t3.jpg 12KB

J.jpg 11KB

ba1.jpg 14KB

t1.jpg 5KB

5.jpg 20KB

J2.jpg 15KB

icons.svg 1KB

t4.jpg 10KB

img-sprite.png 4KB

8.jpg 39KB

top.png 3KB

t2.jpg 5KB

banner22.jpg 376KB

3.jpg 43KB

7.jpg 16KB

4.jpg 33KB

fonts

FontAwesome.otf 61KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 37KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 197KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE html> <html> <head> <title>Home</title>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="css/swipebox.css">  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/numscroller-1.0.js"></script>  <link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1200); }); }); </script>  <script src="js/responsiveslides.min.js"></script> <script> $(function () { $("#slider").responsiveSlides({ auto: true, nav: true, speed: 500, namespace: "callbacks", pager: true, }); }); </script>  <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>  </head> <body>  <div class="banner"> <div class="container"> <div class="navigation wow fadeInLeft animated" data-wow-delay=".5s"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right link-effect"> <li><a href="#home" class="scroll">Home </a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#services" class="scroll">Services</a></li> <li><a href="#portfolio" class="scroll">Portfolio</a></li> <li><a href="#team" class="scroll" >Team</a></li> <li><a href="#news" class="scroll" >News</a></li> <li><a href="#contact" class="scroll" >Contact</a></li> </ul> </div> </nav> </div> <div class="banner-info"> <div class="logo wow fadeInRight animated" data-wow-delay=".5s"> <h3><a href="index.html">P</a></h3> </div> <h1 class="wow fadeInRight animated" data-wow-delay=".5s">Pecuniary</h1> <p class="wow fadeInRight animated" data-wow-delay=".5s">Nam libero tempore, cum soluta nobis .</p> </div> </div> </div> <div class="content">  <div class="about-w3" id="about"> <div class="container"> <h2 class="tittle"><span>[</span> About Us <span>]</span></h2> <p class="about-text">Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent. per conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit. amet a augue.</p> <div class="about-grids"> <div class="col-md-4 about-grid"> <div class="about-top"> <h4><i class="glyphicon glyphicon-heart-empty" aria-hidden="true"></i>Web Development</h4> <span></span> </div> <p>Seunteger rutrum etiam processus dynamicusqui sequitur mutationem consuetudium lectorum. conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit.</p> </div> <div class="col-md-4 about-grid"> <div class="about-top"> <h4><i class="glyphicon glyphicon-globe" aria-hidden="true"></i>Web Marketing</h4> <span></span> </div> <p>Seunteger rutrum etiam processus dynamicusqui sequitur mutationem consuetudium lectorum. conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit.</p> </div> <div class="col-md-4 about-grid"> <div class="about-top"> <h4><i class="glyphicon glyphicon-flag" aria-hidden="true"></i>Web Marketing</h4> <span></span> </div> <p>Seunteger rutrum etiam processus dynamicusqui sequitur mutationem consuetudium lectorum.conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit.</p> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="services" id="services"> <div class="container"> <h3 class="tittle"><span>[</span> Services <span>]</span></h3> <p class="about-text1">Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent. per conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit. amet a augue.</p> <div class="service-grids"> <div class="col-md-4 ser-grid"> <div class="ser-left"> <i class="glyphicon glyphicon-globe" aria-hidden="true"></i> </div> <div class="ser-right"> <h4>UX design</h4> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p> </div> <div class="clearfix"></div> </div> <div class="col-md-4 ser-grid"> <div class="ser-left"> <i class="glyphicon glyphicon-signal" aria-hidden="true"></i> </div> <div class="ser-right"> <h4>UI design</h4> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p> </div> <div class="clearfix"></div> </div> <div class="col-md-4 ser-grid"> <div class="ser-left"> <i class="glyphicon glyphicon-cog" aria-hidden="true"></i> </div> <div class="ser-right"> <h4>SEO Services</h4> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> <div class="service-grids"> <div class="col-md-4 ser-grid"> <div class="ser-left"> <i class="glyphicon glyphicon-heart" aria-hidden="true"></i> </div> <div class="ser-right"> <h4>iOS App</h4> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p> </div> <div class="clearfix"></div> </div> <div class="col-md-4 ser-grid"> <div class="ser-left"> <i class="glyphicon glyphicon-cloud" aria-hidden="true"></i> </div> <div class="ser-right"> <h4>Android App</h4> <p

评论收藏

内容反馈

版权申诉