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

共30个文件

css：10个

png：10个

jpg：6个

版权申诉

源码

HTML

JavaScript

28 浏览量 2024-03-20 10:16:57 上传评论收藏 2.38MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

企业级网站源码-品牌商务APP开发公司网页模板-响应式适配移动端.zip （30个子文件）

企业级网站源码-品牌商务APP开发公司网页模板-响应式适配移动端

html

scripts.js 2KB

img

team

team-3.jpg 50KB

team-1.jpg 57KB

team-2.jpg 56KB

team-4.jpg 73KB

parallex.jpg 175KB

press

press-1.png 3KB

press-6.png 3KB

press-5.png 2KB

press-3.png 4KB

press-4.png 2KB

press-2.png 2KB

app-2.png 178KB

parallex2.jpg 394KB

app-1.png 492KB

app-4.png 249KB

app-3.png 455KB

css

green.css 186KB

default.css 186KB

purple.css 186KB

cyan.css 186KB

teal.css 186KB

pink.css 186KB

blue.css 186KB

indigo.css 186KB

red.css 186KB

yellow.css 186KB

scss

_variables.scss 22KB

_custom.scss 10KB

index.html 32KB

<!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>Eight - Free Bootstrap 4 Multipurpose Landing Page Template</title> <meta name="description" content="Eight is a beautiful Bootstrap 4 template for multipurpose landing pages." />  <link href="https://fonts.googleapis.com/css?family=Arimo: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="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.8.1/slick.min.css"> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/slick-carousel/1.8.1/slick-theme.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 px-md-5"> <a class="navbar-brand" href="index.html"> EIGHT </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="#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="#process">How we work</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#news">News</a> </li> </ul> <form class="form-inline ml-auto ml-md-0"> <a href="#contact" class="btn btn-light page-scroll">Contact Us</a> </form> </div> </nav>  <section class="py-7 py-md-0 bg-hero" style="background-image: url(img/parallex.jpg)" id="home"> <div class="container"> <div class="row vh-md-100"> <div class="col-md-7 mx-auto my-auto text-center"> <h1 class="text-white">We build mobile apps for the brands you care the most.</h1> <p class="lead text-light">Being a Europe's leading app development agency, we have developed over 1,000 mobile apps which are downloaded billions of times.</p> </div> </div> </div> <div class="cover-arrow bounce d-none d-md-block"> <a href="#about" class="page-scroll"><em class="text-white" data-feather="chevrons-down"></em></a> </div> </section>  <section class="py-7 portfolio" id="portfolio"> <div class="container"> <div class="row"> <div class="col-md-7 mx-auto text-center"> <h2>Mobile apps for the future.</h2> <div class="divider bg-dark mx-auto"></div> <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 bg-red my-md-5 py-5"> <div class="col-md-5"> <img src="img/app-1.png" alt="App 1" class="d-block mx-auto img-fluid img-app"> </div> <div class="col-md-6 mr-auto my-auto py-md-8 p-5 text-center text-md-left"> <h2>Todd</h2> <div class="divider divider-sm bg-dark mx-auto mx-md-0"></div> <div class="tags"> <span>Android</span> <span>Gaming</span> <span>UK</span> </div> <p class="lead my-4"> Donec lacus enim, ullamcorper nec lectus id, ornare finibus nunc. Eleifend option congue nihil imper. </p> <a href="#" class="font-weight-bold d-flex flex-row align-items-center justify-content-center justify-content-md-start"> View case study <span data-feather="arrow-right" class="ml-2" width="20" height="20"></span> </a> </div> </div> <div class="row bg-blue my-md-5 py-5"> <div class="col-md-5 order-1 order-md-2"> <img src="img/app-2.png" alt="App 2" class="d-block mx-auto img-fluid img-app"> </div> <div class="col-md-6 order-2 order-md-1 ml-auto my-auto py-md-8 p-5 text-center text-md-left"> <h2>Chat</h2> <div class="divider divider-sm bg-dark mx-auto mx-md-0"></div> <div class="tags"> <span>iOS</span> <span>Communications</span> <span>USA</span> </div> <p class="lead my-4"> Donec lacus enim, ullamcorper nec lectus id, ornare finibus nunc. Eleifend option congue nihil imper. </p> <a href="#" class="font-weight-bold d-flex flex-row align-items-center justify-content-center justify-content-md-start"> View case study <span data-feather="arrow-right" class="ml-2" width="20" height="20"></span> </a> </div> </div> <div class="row bg-indigo my-md-5 py-5"> <div class="col-md-5"> <img src="img/app-3.png" alt="App 3" class="d-block mx-auto img-fluid img-app"> </div> <div class="col-md-6 mr-auto my-auto py-md-8 p-5 text-center text-md-left"> <h2>Unify</h2> <div class="divider divider-sm bg-dark mx-auto mx-md-0"></div> <div class="tags"> <span>Android</span> <span>Tools</span> <span>Germany</span> </div> <p class="lead my-4"> Donec lacus enim, ullamcorper nec lectus id, ornare finibus nunc. Eleifend option congue nihil imper. </p> <a href="#" class="font-weight-bold d-flex flex-row align-items-center justify-content-center justify-content-md-start"> View case study <span data-feather="arrow-right" class="ml-2" width="20" height="20"></span> </a> </div> </div> <div class="row bg-cyan my-md-5 py-5"> <div class="col-md-5 order-1 order-md-2"> <img src="img/app-4.png" alt="App 4" class="d-bl

评论收藏

内容反馈

版权申诉