大气css3动画互联网软件公司bootstrap模板_html5bootstrap响应式模板UI前端源码.rar资源-CSDN文库

共19个文件

js：5个

css：4个

jpg：2个

html5

135 浏览量 2023-08-01 14:03:05 上传评论收藏 1.48MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大气css3动画互联网软件公司bootstrap模板_html5 bootstrap 响应式模板UI前端源码.rar （19个子文件）

大气css3动画互联网软件公司bootstrap模板

bootstrap.min.js 35KB

wow.min.js 7KB

custom.js 422B

jquery.js 91KB

jquery.singlePageNav.min.js 2KB

css

bootstrap.min.css 115KB

font-awesome.min.css 23KB

animate.min.css 45KB

templatemo-style.css 9KB

index.html 11KB

images

software-img.png 253KB

contact-bg.jpg 463KB

home-bg.jpg 311KB

fonts

FontAwesome.otf 92KB

fontawesome-webfont.eot 59KB

fontawesome-webfont.woff 70KB

fontawesome-webfont.woff2 55KB

fontawesome-webfont.svg 306KB

fontawesome-webfont.ttf 119KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Boxer - Software Landing Page</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content=""> <meta name="description" content="">  <link rel="stylesheet" href="css/animate.min.css">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/font-awesome.min.css">  <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,700,800' rel='stylesheet' type='text/css'>  <link rel="stylesheet" href="css/templatemo-style.css"> </head> <body>  <div class="preloader"> <div class="sk-spinner sk-spinner-rotating-plane"></div> </div>   <nav class="navbar navbar-default navbar-fixed-top templatemo-nav" role="navigation"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> <span class="icon icon-bar"></span> </button> <a href="#" class="navbar-brand">Boxer</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right text-uppercase"> <li><a href="#home">Home</a></li> <li><a href="#feature">Features</a></li> <li><a href="#pricing">Pricing</a></li> <li><a href="#download">Download</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </div> </nav>  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>  <section id="home"> <div class="overlay"> <div class="container"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-10 wow fadeIn" data-wow-delay="0.3s"> <h1 class="text-upper">Software Landing Page</h1> <p class="tm-white">This is a fully Responsive, Clean Design, Modern, and Flexible Software Landing Page for startups, businesses and agencies. It is built with HTML5 & CSS3, Bootstrap 3.3.4, Font Awesome 4.3.0, and much more. Designed by <a href="http://www.templatemo.com">templatemo</a>. Images by <a href="http://pixabay.com">Pixabay</a></p> <img src="images/software-img.png" class="img-responsive" alt="home img"> </div> <div class="col-md-1"></div> </div> </div> </div> </section>   <section id="divider"> <div class="container"> <div class="row"> <div class="col-md-4 wow fadeInUp templatemo-box" data-wow-delay="0.3s"> <i class="fa fa-laptop"></i> <h3 class="text-uppercase">RESPONSIVE LAYOUT</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p> </div> <div class="col-md-4 wow fadeInUp templatemo-box" data-wow-delay="0.3s"> <i class="fa fa-twitter"></i> <h3 class="text-uppercase">BOOTSTRAP 3.3.4</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p> </div> <div class="col-md-4 wow fadeInUp templatemo-box" data-wow-delay="0.3s"> <i class="fa fa-font"></i> <h3 class="text-uppercase">GOOGLE FONT</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p> </div> </div> </div> </section>   <section id="feature"> <div class="container"> <div class="row"> <div class="col-md-6 wow fadeInLeft" data-wow-delay="0.6s"> <h2 class="text-uppercase">Our Software Features</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><span><i class="fa fa-mobile"></i></span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><i class="fa fa-code"></i>Quis autem velis reprehenderit et quis voluptate velit esse quam.</p> </div> <div class="col-md-6 wow fadeInRight" data-wow-delay="0.6s"> <img src="images/software-img.png" class="img-responsive" alt="feature img"> </div> </div> </div> </section>   <section id="feature1"> <div class="container"> <div class="row"> <div class="col-md-6 wow fadeInUp" data-wow-delay="0.6s"> <img src="images/software-img.png" class="img-responsive" alt="feature img"> </div> <div class="col-md-6 wow fadeInUp" data-wow-delay="0.6s"> <h2 class="text-uppercase">More of Your Software</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><span><i class="fa fa-mobile"></i></span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><i class="fa fa-code"></i>Quis autem velis reprehenderit et quis voluptate velit esse quam.</p> </div> </div> </div> </section>   <section id="pricing"> <div class="container"> <div class="row"> <div class="col-md-12 wow bounceIn"> <h2 class="text-uppercase">Our Pricing</h2> </div> <div class="col-md-4 wow fadeIn" data-wow-delay="0.6s"> <div class="pricing text-uppercase"> <div class="pricing-title"> <h4>Basic Plan</h4> <p>$10</p> <small class="text-lowercase">monthly</small> </div> <ul> <li>2 GB Space</li> <li>200 GB Bandwidth</li> <li>20 More Themes</li> <li>Lifetime Support</li> </ul> <button class="btn btn-primary text-uppercase">Sign up</button> </div> </div> <div class="col-md-4 wow fadeIn" data-wow-delay="0.6s"> <div class="pricing active text-uppercase"> <div class="pricing-title"> <h4>Business Plan</h4> <p>$20</p> <small class="text-lowercase">monthly</small> </div> <ul> <li>5 GB space</li> <li>500 GB Bandwidth</li> <li>50 More Themes</li> <li>Lifetime Support</li> </ul> <button class="btn btn-primary text-uppercase">Sign up</button> </div> </div> <div class="col-md-4 wow fadeIn" data-wow-delay="0.6s"> <div class="pricing text-uppercase"> <div class="pricing-title"> <h4>Pro Plan</h4> <p>$30</p> <small class="text-lowercase">monthly</small> </div> <ul> <li>10 GB space</li> <li>1,000 GB bandwidth</li> <li>100 more themes</li> <li>Lifetime Support</li> </ul> <button class="btn btn-primary text-uppercase">Sign Up</button> </div> </div> </div> </div> </section>   <section id="download"> <div class="container"> <div class="row"> <div class="col-md-6 wow fadeInLeft" data-wow-delay="0.6s"> <h2 class="text-uppercase">Download Our Software</h2> <p>Lorem ipsum dolor sit amet, c

评论收藏

内容反馈