<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<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." />
<!--Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i" rel="stylesheet">
<!--vendors styles-->
<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">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="css/default.css" id="theme-color">
</head>
<body>
<!--navigation-->
<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>
<!--hero header-->
<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>
<!-- portfolio 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
企业级网站源码-品牌商务APP开发公司网页模板-响应式适配移动端.zip
版权申诉
128 浏览量
2024-03-20
10:16:57
上传
评论
收藏 2.38MB ZIP 举报
企业级网站源码-品牌商务APP开发公司网页模板-响应式适配移动端.zip （30个子文件） 
企业级网站源码-品牌商务APP开发公司网页模板-响应式适配移动端 html js 
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资源评论
