企业级网站源码-移动APP开发服务网页模板-响应式适配移动端.zip资源-CSDN文库

共22个文件

css：10个

jpg：6个

scss：2个

版权申诉

HTML

源码

JavaScript

180 浏览量 2024-03-25 08:41:32 上传评论 1 收藏 1.09MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-移动APP开发服务网页模板-响应式适配移动端.zip （22个子文件）

企业级网站源码-移动APP开发服务网页模板-响应式适配移动端

html

scripts.js 2KB

img

work-4.jpg 102KB

client-1.jpg 57KB

mobile.png 106KB

work-3.jpg 160KB

client-2.jpg 56KB

work-1.jpg 76KB

mockup.png 249KB

work-2.jpg 62KB

css

green.css 184KB

black.css 184KB

default.css 184KB

purple.css 184KB

cyan.css 184KB

teal.css 184KB

pink.css 184KB

indigo.css 184KB

orange.css 184KB

red.css 184KB

scss

_variables.scss 22KB

_custom.scss 10KB

index.html 26KB

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Boom - Free Bootstrap 4 Product Landing Page Template</title> <meta name="description" content="Boom is a beautiful Bootstrap 4 template for multipurpose landing pages." />  <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  <link rel="stylesheet" href="css/default.css" id="theme-color"> </head> <body data-spy="scroll" data-target="#boom-navbar" data-offset="0">  <nav class="navbar navbar-expand-md navbar-dark fixed-top sticky-navigation" id="boom-navbar"> <a class="navbar-brand" href="index.html"> Boom </a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span data-feather="menu"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav mx-auto"> <li class="nav-item"> <a class="nav-link page-scroll" href="#about">About</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#portfolio">Portfolio</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#services">Services</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#blog">Blog</a> </li> </ul> <form class="form-inline"> <a class="btn btn-primary page-scroll" href="#contact"> Contact us </a> </form> </div> </nav>  <section class="py-6 py-md-0 bg-gradient" id="home"> <div class="container"> <div class="row vh-md-100"> <div class="col-md-8 col-sm-10 my-auto mx-auto text-center"> <h1 class="display-3 text-white">Stunning websites & app built by our team</h1> <p class="lead text-light mb-5">Nam liber tempor cum soluta nobis eleifend option congue nihil imper per tem por legere me doming.</p> <a href="#" class="btn btn-outline-light btn-lg"> Get started now </a> </div> </div> </div> </section>  <section class="pt-6" id="about"> <div class="container"> <div class="row"> <div class="col-md-6 mx-auto text-center"> <span class="text-uppercase text-muted large-sm">Meet Boom</span> <h2 class="display-4">A better way to design</h2> <p class="lead"> Donec lacus enim, ullamcorper nec lectus id, ornare finibus nunc. Integer id ante posuere, vestibulum mauris eget, efficitur felis. </p> </div> </div> <div class="row mt-5"> <div class="col-md-10 mx-auto"> <img src="img/mockup.png" class="img-fluid d-block mx-auto" alt="Mockup"/> </div> </div> <div class="row mt-5"> <div class="col-md-3 col-sm-4 mb-3"> <div class="card"> <div class="card-body text-center"> <div class="icon-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="layout" width="30" height="30"></span> </div> </div> <h5 class="mt-0 mb-3">Page builder</h5> Nam liber tempor cum soluta nobis eleifend option congue nihil imper. <br/> <a href="#">Learn more</a> </div> </div> </div> <div class="col-md-3 col-sm-4 mb-3"> <div class="card"> <div class="card-body text-center"> <div class="icon-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="monitor" width="30" height="30"></span> </div> </div> <h5 class="mt-0 mb-3">Responsive design</h5> Nam liber tempor cum soluta nobis eleifend option congue nihil imper. <br/> <a href="#">Learn more</a> </div> </div> </div> <div class="col-md-3 col-sm-4 mb-3"> <div class="card"> <div class="card-body text-center"> <div class="icon-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="headphones" width="30" height="30"></span> </div> </div> <h5 class="mt-0 mb-3">Lifetime support</h5> Nam liber tempor cum soluta nobis eleifend option congue nihil imper. <br/> <a href="#">Learn more</a> </div> </div> </div> <div class="col-md-3 col-sm-4 mb-3"> <div class="card"> <div class="card-body text-center"> <div class="icon-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="refresh-cw" width="30" height="30"></span> </div> </div> <h5 class="mt-0 mb-3">Free updates</h5> Nam liber tempor cum soluta nobis eleifend option congue nihil imper. <br/> <a href="#">Learn more</a> </div> </div> </div> </div> </div> </section> <hr class="mt-6" />  <section class="py-6" id="portfolio"> <div class="container"> <div class="row"> <div class="col-md-6 mx-auto text-center"> <span class="text-uppercase text-muted large-sm">Case studies</span> <h2 class="display-4">We work with awesome companies</h2> <p class="lead"> Donec lacus enim, ullamcorper nec lectus id, ornare finibus nunc. Integer id ante posuere, vestibulum mauris eget, efficitur felis.

评论收藏

内容反馈

版权申诉