<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Mamba Bootstrap Template - Index</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Top Bar ======= -->
<section id="topbar" class="d-none d-lg-block">
<div class="container clearfix">
<div class="contact-info float-left">
<i class="icofont-envelope"></i><a href="mailto:[email protected]">[email protected]</a>
<i class="icofont-phone"></i> +1 5589 55488 55
</div>
<div class="social-links float-right">
<a href="#" class="twitter"><i class="icofont-twitter"></i></a>
<a href="#" class="facebook"><i class="icofont-facebook"></i></a>
<a href="#" class="instagram"><i class="icofont-instagram"></i></a>
<a href="#" class="skype"><i class="icofont-skype"></i></a>
<a href="#" class="linkedin"><i class="icofont-linkedin"></i></i></a>
</div>
</div>
</section>
<!-- ======= Header ======= -->
<header id="header">
<div class="container">
<div class="logo float-left">
<h1 class="text-light"><a href="index.html"><span>Mamba</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav class="nav-menu float-right d-none d-lg-block">
<ul>
<li class="active"><a href="#header">Home <i class="la la-angle-down"></i></a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#team">Team</a></li>
<li class="drop-down"><a href="">Drop Down</a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li class="drop-down"><a href="#">Drop Down 2</a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
<li><a href="#">Drop Down 5</a></li>
</ul>
</li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav><!-- .nav-menu -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
<div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<!-- Slide 1 -->
<div class="carousel-item active" style="background-image: url('assets/img/slide/slide-1.jpg');">
<div class="carousel-container">
<div class="carousel-content container">
<h2 class="animated fadeInDown">Welcome to <span>Mamba</span></h2>
<p class="animated fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>
<a href="#about" class="btn-get-started animated fadeInUp scrollto">Read More</a>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="carousel-item" style="background-image: url('assets/img/slide/slide-2.jpg');">
<div class="carousel-container">
<div class="carousel-content container">
<h2 class="animated fadeInDown">Lorem Ipsum Dolor</h2>
<p class="animated fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>
<a href="#about" class="btn-get-started animated fadeInUp scrollto">Read More</a>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="carousel-item" style="background-image: url('assets/img/slide/slide-3.jpg');">
<div class="carousel-container">
<div class="carousel-content container">
<h2 class="animated fadeInDown">Sequi ea ut et est quaerat</h2>
<p class="animated fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>
<a href="#about" class="btn-get-started animated fadeInUp scrollto">Read More</a>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon icofont-rounded-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon icofont-rounded-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 video-box">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
<a href="https://www.youtube.com/watch?v=jDDaplaOz7Q" class="venobox play-btn mb-4" data-vbtype="video" data-autoplay="true"></a>
</div>
<div class="col-lg-6 d-flex flex-column justify-content-center about-content">
<div class="section-title">
<h2>About Us</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea.</p>
</div>
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="bx bx-fingerprint"></i></div>
<h4 class="title"><a href="">Lorem Ipsum</a></h4>
<p c
项目所用html.zip （69个子文件） 
项目所用html forms assets js 
main.js 5KB img team 
team-3.jpg 55KB team-1.jpg 83KB team-2.jpg 89KB team-4.jpg 48KB slide slide-3.jpg 185KB slide-1.jpg 218KB slide-2.jpg 144KB
apple-touch-icon.png 2KB portfolio portfolio-1.jpg 74KB portfolio-5.jpg 79KB portfolio-9.jpg 57KB portfolio-8.jpg 16KB portfolio-3.jpg 55KB portfolio-7.jpg 119KB portfolio-6.jpg 25KB portfolio-2.jpg 45KB portfolio-4.jpg 27KB about.jpg 156KB favicon.png 491B css style.css 24KB vendor isotope-layout isotope.pkgd.js 89KB isotope.pkgd.min.js 35KB waypoints jquery.waypoints.min.js 9KB jquery-sticky jquery.sticky.js 9KB jquery.easing jquery.easing.min.js 2KB boxicons css animations.css 7KB transformations.css 683B boxicons.css 65KB boxicons.min.css 52KB fonts 
boxicons.svg 797KB boxicons.woff 224KB boxicons.ttf 224KB boxicons.woff2 79KB boxicons.eot 224KB icofont icofont.min.css 90KB fonts icofont.woff2 525KB icofont.woff 630KB counterup counterup.min.js 2KB bootstrap js bootstrap.js 132KB bootstrap.bundle.js.map 400KB bootstrap.bundle.min.js.map 311KB bootstrap.min.js 59KB bootstrap.bundle.min.js 79KB bootstrap.bundle.js 223KB bootstrap.js.map 250KB bootstrap.min.js.map 190KB css bootstrap-grid.css.map 154KB bootstrap.min.css 156KB bootstrap-grid.css 66KB bootstrap-grid.min.css.map 112KB bootstrap-reboot.min.css.map 32KB bootstrap.css.map 493KB bootstrap.css 193KB bootstrap-reboot.css 5KB bootstrap-reboot.css.map 76KB bootstrap-grid.min.css 50KB bootstrap.min.css.map 627KB bootstrap-reboot.min.css 4KB animate.css animate.css 76KB animate.min.css 57KB venobox venobox.css 19KB venobox.js 32KB venobox.min.js 11KB jquery jquery.min.js 86KB jquery.min.map 133KB aos aos.js 14KB aos.css 25KB
index.html 35KB资源评论
yanxiaoyu110
- 粉丝: 254
最新资源
- (源码)基于Jekyll框架的个人博客系统.zip
- 公路隧道照明节能控制软件方案及实现硕士研究生学位论文.doc
- 夜大学软件工程导论习题答案.doc
- 小型物业管理系统数据库课程设计方案31802.doc
- 整套完整的施工进度网络图.doc
- STC单片机太阳能LED路灯控制器设计方案.doc
- (用友)审计软件应用课程实验报告记录.doc
- 增强学习在图像识别中-洞察研究.docx
- 2012年通信中级工程师考试习题-传输与接入(超级整理版).doc
- 互联网电视行业现状分析及市场前景.doc
- 企业计算机网络维护方案.doc
- (源码)基于C++和Arduino的NexDome望远镜控制系统.zip
- 和初学者谈谈如何学好单片机编程技术.doc
- 城市商业银行网络系统规划与设计.doc
- PLC工业控制的毕业设计.doc
- 智能照明控制系统与楼宇自控系统集成的实现.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
