漂亮绿色技术服公司网站模板-漂亮绿色技术服务单页bootstrap响应式手机技术开发.rar资源-CSDN文库

共24个文件

js：6个

css：6个

jpg：5个

版权申诉

8 浏览量 2022-11-20 11:42:45 上传评论收藏 1.2MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

漂亮绿色技术服公司网站模板_漂亮绿色技术服务单页 bootstrap 响应式手机技术开发.rar （24个子文件）

漂亮绿色技术服公司网站模板_漂亮绿色技术服务单页 bootstrap 响应式手机技术开发

btts_31_epf

assets

css

bootstrap.css 129KB

themes

green.css 1KB

red.css 1KB

font-awesome.min.css 20KB

style.css 3KB

styleSwitcher.css 2KB

img

2.jpg 29KB

1.jpg 14KB

3.jpg 40KB

testi.jpg 195KB

head.jpg 531KB

logo180-50.png 843B

fonts

fontawesome-webfont.eot 71KB

fontawesome-webfont.woff 82KB

FontAwesome.otf 73KB

fontawesome-webfont.svg 248KB

fontawesome-webfont.ttf 138KB

jquery.easing.min.js 5KB

jquery-1.10.2.js 91KB

styleSwitcher.js 2KB

custom.js 1KB

scrollReveal.js 11KB

bootstrap.js 54KB

index.html 15KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="" /> <meta name="author" content="" /> <title>Landing Page Template</title>  <link href="assets/css/bootstrap.css" rel="stylesheet" />  <link href="assets/css/font-awesome.min.css" rel="stylesheet" />  <link href="assets/css/styleSwitcher.css" rel="stylesheet" />  <link href="assets/css/style.css" rel="stylesheet" />  <link href="assets/css/themes/green.css" id="mainCSS" rel="stylesheet" />  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' /> </head> <body > <div class="switcher" style="left:-50px;"> <a id="switch-panel" class="hide-panel"> <i class="fa fa-recycle"></i> </a> <p style="font-size:10px">choose</p> <ul class="colors-list"> <li><a title="Green" id="green" class="green" ></a></li> <li><a title="Red" id="red" class="red" ></a></li> </ul> </div>  <div class="navbar navbar-inverse navbar-fixed-top move-me" id="menu"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img class="logo-custom" src="assets/img/logo180-50.png" alt="" /></a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li ><a href="#home">HOME</a></li> <li><a href="#features">FEATURES</a></li> <li><a href="#developers">DEVELOPERS</a></li> <li><a href="#pricing">PRICING</a></li> <li><a href="#contact">CONTACT</a></li> <li><a href="mailto:info@domain.com?Subject=Product%20Enquiry" target="_top"> <i class="fa fa-envelope-o"></i><span class="home-mail">e-mail: info@domain.com</span></a></li> </ul> </div> </div> </div>  <section class="header-sec" id="home" > <div class="overlay"> <div class="container"> <div class="row text-center" > <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1"> <h2 data-scroll-reveal="enter from the bottom after 0.1s"> <strong> Land Your Services in Style </strong> </h2> <p data-scroll-reveal="enter from the bottom after 0.8s"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium lectus vel Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <br /> </div> </div> </div> </div> </section>  <section class="features" id="features"> <div class="container"> <div class="row text-center" > <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1"> <h3 data-scroll-reveal="enter from the bottom after 0.1s"> <strong> Awesome Features </strong> </h3> </div> </div> <div class="row " > <div class="col-lg-6 col-md-6 col-sm-6" data-scroll-reveal="enter from the left after 0.4s" > <div class="media"> <div class="pull-left"> <i class=" fa fa-history fa-5x "></i> </div> <div class="media-body"> <h4 class="media-heading"><strong> Responsive Layout </strong></h4> <p> Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. </p> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6" data-scroll-reveal="enter from the right after 0.7s"> <div class="media"> <div class="pull-left"> <i class=" fa fa-ra fa-5x "></i> </div> <div class="media-body"> <h4 class="media-heading"><strong> Easy Customization </strong></h4> <p> Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. </p> </div> </div> </div> </div> <div class="row text-center just-pad" > <div class="col-lg-4 col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.2s" > <i class=" fa fa-database fa-5x "></i> <h4 ><strong> Easy Understanding </strong></h4> <p> Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. </p> </div> <div class="col-lg-4 col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 0.8s" > <i class=" fa fa-send fa-5x "></i> <h4 ><strong> Awesomeness Loaded </strong></h4> <p> Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. </p> </div> <div class="col-lg-4 col-md-4 col-sm-4" data-scroll-reveal="enter from the bottom after 1.4s" > <i class=" fa fa-puzzle-piece fa-5x "></i> <h4 ><strong> Freely Available </strong></h4> <p> Aenean faucibus luctus e

评论收藏

内容反馈

版权申诉