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

共24个文件

js：6个

css：6个

jpg：5个

html

需积分: 0 137 浏览量 2023-09-10 10:37:44 上传评论收藏 1.2MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

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

style.css 3KB

green.css 1KB

bootstrap.js 54KB

2.jpg 29KB

styleSwitcher.css 2KB

FontAwesome.otf 73KB

jquery.easing.min.js 5KB

fontawesome-webfont.eot 71KB

1.jpg 14KB

fontawesome-webfont.woff 82KB

bootstrap.css 129KB

font-awesome.min.css 20KB

head.jpg 531KB

index.html 15KB

fontawesome-webfont.svg 248KB

jquery-1.10.2.js 91KB

logo180-50.png 843B

fontawesome-webfont.ttf 138KB

custom.js 1KB

testi.jpg 195KB

red.css 1KB

3.jpg 40KB

scrollReveal.js 11KB

styleSwitcher.js 2KB

<!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

评论收藏

内容反馈