企业级网站源码-软件开发营销机构展示网页模板-响应式适配移动端.zip资源-CSDN文库

共23个文件

css：10个

jpg：9个

scss：2个

版权申诉

源码

HTML

JavaScript

68 浏览量 2024-03-20 10:17:32 上传评论收藏 866KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-软件开发营销机构展示网页模板-响应式适配移动端.zip （23个子文件）

企业级网站源码-软件开发营销机构展示网页模板-响应式适配移动端

html

scripts.js 2KB

img

work-4.jpg 92KB

client-1.jpg 57KB

parallex.jpg 114KB

client-3.jpg 50KB

work-3.jpg 32KB

client-2.jpg 56KB

work-1.jpg 46KB

parallex2.jpg 104KB

work-2.jpg 64KB

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 9KB

index.html 24KB

<!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>Bluish - Free Bootstrap 4 Agency Landing Page Template</title> <meta name="description" content="Bluish is a beautiful Bootstrap 4 template for agency and company 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>  <nav class="navbar navbar-expand-md navbar-dark navbar-transparent fixed-top sticky-navigation"> <a class="navbar-brand mx-auto" href="index.html"> Bluish </a> <button class="navbar-toggler navbar-toggler-right text-white" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span data-feather="grid"></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="#services">Services</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#process">Process</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#contact">Contact</a> </li> </ul> <ul class="list-inline social social-sm mb-0 social-rounded"> <li class="list-inline-item"> <a href=""><i class="fa fa-facebook"></i></a> </li> <li class="list-inline-item"> <a href=""><i class="fa fa-twitter"></i></a> </li> <li class="list-inline-item"> <a href=""><i class="fa fa-google-plus"></i></a> </li> </ul> </div> </nav>  <section class="bg-hero py-7 py-md-0" id="home" style="background-image: url(img/parallex.jpg)"> <div class="container"> <div class="row vh-md-100"> <div class="col-md-7 mx-auto my-auto text-white text-center"> <h1 class="text-white text-capitalize">We build software that matters.</h1> <p class="text-white lead mt-4 mb-5"> Build your next app, store or website with our team of awesome designers, software developers & marketing specialists. </p> <a href="#contact" class="btn btn-primary btn-lg page-scroll"> Get started for free </a> </div> </div> </div> <div class="cover-arrow bounce"> <a href="#about" class="page-scroll"><em class="text-white" data-feather="chevrons-down"></em></a> </div> </section>  <section class="py-7" id="about"> <div class="container"> <div class="row"> <div class="col-md-5 my-auto"> <h2 class="dot-circle">We build beautiful things.</h2> <p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi commodo, tempus odio a nibh. <a href="#">Learn more</a> </p> </div> <div class="col-md-6 ml-auto"> <div class="row"> <div class="col-6 p-3"><img src="img/work-1.jpg" class="img-fluid d-block mx-auto" alt="Work 1"/></div> <div class="col-6 p-3"><img src="img/work-2.jpg" class="img-fluid d-block mx-auto" alt="Work 2"/></div> <div class="col-6 p-3"><img src="img/work-3.jpg" class="img-fluid d-block mx-auto" alt="Work 3"/></div> <div class="col-6 p-3"><img src="img/work-4.jpg" class="img-fluid d-block mx-auto" alt="Work 4"/></div> </div> </div> </div> </div> </section>  <section class="bg-light py-7" id="services"> <div class="container"> <div class="row"> <div class="col-md-7 mx-auto text-center"> <h2>We do quite a few things.</h2> <p class="text-muted lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in nisi commodo, tempus odio a, vestibulum nibh.</p> </div> </div> <div class="row mt-5"> <div class="col-md-10 mx-auto"> <div class="row"> <div class="col-md-6 mb-5"> <div class="media"> <div class="icon-box border-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="crop" width="30" height="30"></span> </div> </div> <div class="media-body"> <h5 class="mt-0 mb-3">Web design</h5> Nam liber tempor cum soluta nobis eleifend option congue nihil imper. </div> </div> </div> <div class="col-md-6 mb-5"> <div class="media"> <div class="icon-box border-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="monitor" width="30" height="30"></span> </div> </div> <div class="media-body"> <h5 class="mt-0 mb-3">Web development</h5> Nam liber tempor cum soluta nobis eleifend option congue nihil imper. </div> </div> </div> <div class="col-md-6 mb-5"> <div class="media"> <div class="icon-box border-box"> <div class="icon-box-inner small-xs text-primary"> <span data-feather="briefcase" width="30" height="30"></span> </div> </div> <div class="media-body"> <h5 class="mt-0 mb-3">Branding</h5>

评论收藏

内容反馈

版权申诉