公司级网站源码-软件产品服务团队响应式网页模板-支持适配移动端.zip资源-CSDN文库

共27个文件

jpg：8个

js：6个

css：5个

版权申诉

32 浏览量 2024-03-23 10:17:03 上传评论收藏 2.44MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司级网站源码-软件产品服务团队响应式网页模板-支持适配移动端.zip （27个子文件）

公司级网站源码-软件产品服务团队响应式网页模板-支持适配移动端

html

bootstrap.min.js 36KB

jquery.stellar.min.js 12KB

owl.carousel.min.js 42KB

smoothscroll.js 4KB

custom.js 1KB

jquery.js 84KB

css

bootstrap.min.css 118KB

owl.carousel.css 4KB

font-awesome.min.css 30KB

owl.theme.default.min.css 936B

tooplate-style.css 15KB

index.html 19KB

images

feature-mockup.png 229KB

tst-image3.jpg 15KB

tst-image2.jpg 12KB

home-bg.jpg 1.23MB

team-image2.jpg 133KB

tst-image1.jpg 15KB

team-image1.jpg 56KB

testimonial-image.jpg 112KB

team-image3.jpg 96KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="en"> <head> <title>Soft Landing Page by Tooplate</title>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="team" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/owl.carousel.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css">  <link rel="stylesheet" href="css/tooplate-style.css"> </head> <body>  <section class="preloader"> <div class="spinner"> <span class="spinner-rotate"></span> </div> </section>  <section class="navbar custom-navbar navbar-fixed-top" 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="index.html" class="navbar-brand">Soft Landing</a> </div>  <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="#home" class="smoothScroll">Home</a></li> <li><a href="#feature" class="smoothScroll">Features</a></li> <li><a href="#about" class="smoothScroll">About us</a></li> <li><a href="#pricing" class="smoothScroll">Pricing</a></li> <li><a href="#contact" class="smoothScroll">Contact</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Say hello - <span>info@soft.co</span></a></li> </ul> </div> </div> </section>  <section id="home" data-stellar-background-ratio="0.5"> <div class="overlay"></div> <div class="container"> <div class="row"> <div class="col-md-offset-3 col-md-6 col-sm-12"> <div class="home-info"> <h3>professional landing page</h3> <h1>We help you manage your website successfully!</h1> <form action="" method="get" class="online-form"> <input type="email" name="email" class="form-control" placeholder="Enter your email" required=""> <button type="submit" class="form-control">Get started</button> </form> </div> </div> </div> </div> </section>  <section id="feature" data-stellar-background-ratio="0.5"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="section-title"> <h1>What you get</h1> </div> </div> <div class="col-md-6 col-sm-6"> <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#tab01" aria-controls="tab01" role="tab" data-toggle="tab">Responsive</a></li> <li><a href="#tab02" aria-controls="tab02" role="tab" data-toggle="tab">Mobile</a></li> <li><a href="#tab03" aria-controls="tab03" role="tab" data-toggle="tab">Support</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab01" role="tabpanel"> <div class="tab-pane-item"> <h2>Minimal Design</h2> <p>Nam feugiat a ante sollicitudin luctus. Quisque eget placerat massa. Ut quis ligula ornare, pellentesque velit eget, vestibulum est. Donec pretium tristique elit eget sodales. Pellentesque posuere.</p> </div> <div class="tab-pane-item"> <h2>Easy to use</h2> <p>Aliquam massa massa, consectetur non mattis fringilla, sodales ac turpis. Morbi ac felis sagittis, faucibus mauris vitae, placerat mauris.</p> </div> </div> <div class="tab-pane" id="tab02" role="tabpanel"> <div class="tab-pane-item"> <h2>Compatible Browsers</h2> <p>Nam maximus elit a metus luctus, a faucibus magna mattis. Ut malesuada viverra iaculis. Nunc euismod sit amet neque a tincidunt.</p> </div> <div class="tab-pane-item"> <h2>User Friendly</h2> <p>Maecenas maximus velit lorem, quis pharetra turpis fringilla id. Vestibulum tempor facilisis efficitur. Sed nec nisi sit amet nibh pellentesque elementum.</p> </div> <div class="tab-pane-item"> <h2>HTML5 & CSS3</h2> <p>In viverra ipsum ornare sapien rhoncus ullamcorper. Vivamus vitae risus ac mi vehicula sagittis. Nulla dictum magna sit amet pharetra aliquam.</p> </div> </div> <div class="tab-pane" id="tab03" role="tabpanel"> <div class="tab-pane-item"> <h2>Quick Support</h2> <p>Mauris rutrum est at fringilla pulvinar. Nam ligula urna, lobortis non scelerisque vel, molestie eu massa. Nullam mattis elit at tortor accumsan.</p> </div> <div class="tab-pane-item"> <h2>Managed Stuffs</h2> <p>Quisque ullamcorper sem quis sapien cursus efficitur. Sed id sodales ipsum. Morbi eleifend tempus erat sit amet vehicula. Nulla at posuere tellus, non mattis erat. Nulla id massa gravida.</p> </div> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="feature-image"> <img src="images/feature-mockup.png" class="img-responsive" alt="Thin Laptop"> </div> </div> </div> </div> </section>  <section id="about" data-stellar-background-ratio="0.5">

评论收藏

内容反馈

版权申诉