<!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>Material - Material Design Bootstrap 4 Template</title>
<link rel="stylesheet" href="assets/css/bootstrap-4.5.0.min.css">
<link rel="stylesheet" href="assets/css/materialdesignicons.min.css">
<link rel="stylesheet" href="assets/css/material.min.css">
<link rel="stylesheet" href="assets/css/ripples.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.2.3.4.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" type="text/css" href="assets/css/colors/indigo.css" media="screen" />
</head>
<body>
<header id="header">
<div class="navbar-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="assets/images/logo.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="page-scroll" href="#">Home <span><i class="mdi mdi-chevron-down"></i></span></a>
<ul class="sub-menu">
<li class="nav-item"><a class="" href="index.html">Home V1</a></li>
<li class="nav-item"><a class="active" href="index-2.html">Home V2</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" href="#">Pages <span><i class="mdi mdi-chevron-down"></i></span></a>
<ul class="sub-menu">
<li class="nav-item"><a href="about-us.html">About Us 1</a></li>
<li class="nav-item"><a href="about-us2.html">About Us 2</a></li>
<li class="nav-item"><a href="team.html">Team Members</a></li>
<li class="nav-item"><a href="features.html">Features</a></li>
<li class="nav-item"><a href="team-single.html">Team Single Page</a></li>
<li class="nav-item"><a href="services.html">Services</a></li>
<li class="nav-item"><a href="404.html">404</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" href="#">Components <span><i class="mdi mdi-chevron-down"></i></span></a>
<ul class="sub-menu">
<li class="nav-item"><a href="tab.html">Tabs</a></li>
<li class="nav-item"><a href="alert.html">Alert</a></li>
<li class="nav-item"><a href="accordion.html">Accordions</a></li>
<li class="nav-item"><a href="pricing.html">Pricing Tables</a></li>
<li class="nav-item"><a href="buttons.html">Buttons</a></li>
<li class="nav-item"><a href="icons.html">Icons</a></li>
<li class="nav-item"><a href="carousel.html">Carousel</a></li>
<li class="nav-item"><a href="counter.html">Counter</a></li>
<li class="nav-item"><a href="map.html">Google Map</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" href="#">Portfolio <span><i class="mdi mdi-chevron-down"></i></span></a>
<ul class="sub-menu">
<li class="nav-item"><a href="portfolio-2.html">Portfolio 2 columns</a></li>
<li class="nav-item"><a href="portfolio.html">Portfolio 3 columns</a></li>
<li class="nav-item"><a href="portfolio-single.html">Portfolio Single</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" href="#">Blog <span><i class="mdi mdi-chevron-down"></i></span></a>
<ul class="sub-menu">
<li class="nav-item"><a href="blog.html">Blog Page</a></li>
<li class="nav-item"><a href="blog-single.html">Blog Single Page</a></li>
</ul>
</li>
<li class="nav-item">
<a class="page-scroll" href="#">Contact <span><i class="mdi mdi-chevron-down"></i></span></a>
<ul class="sub-menu left-menu">
<li class="nav-item"><a href="contact-us.html">Contact Us 1</a></li>
<li class="nav-item"><a href="contact-us2.html">Contact Us 2</a></li>
</ul>
</li>
</ul>
</div>
<div class="search-icon">
<span class="open-search">
<i class="mdi mdi-magnify btn btn-common"></i>
</span>
</div>
<form role="search" class="navbar-form">
<div class="container">
<div class="row">
<div class="form-group has-feedback">
<input type="text" placeholder="Type and search ..." class="form-control">
<div class="close"><i class="mdi mdi-close"></i></div>
</div>
</div>
</div>
</form>
</nav>
</div>
</div>
</div>
</div>
</header>
<div id="main-slide" class="carousel slide slider-2" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#main-slide" data-slide-to="0" class="active"></li>
<li data-target="#main-slide" data-slide-to="1"></li>
<li data-target="#main-slide" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/slider/slide_1.jpg" alt="First slide">
<div class="carousel-caption second-slider d-md-block text-left">
<h1 class="wow fadeInLeft hero-heading" data-wow-delay="700ms">Crafted Carefully with Love</h1>
<h5 class="wow fadeInLeft hero-sub-heading" data-wow-delay="500ms">Material Design Meets With The Power of
Bootstrap 4</h5>
<a href="javascript:void(0)" class="fadeInLeft wow btn btn-common" data-wow-delay="300ms"><i class="material-icons mdi mdi-lightbulb-outline"></i> Explore<div class="ripple-container"></div></a>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/slider/slide_2.jpg" alt="Second slide">
<div class="carousel-caption second-slider d-md-block text-left">
<h1 class="wow fadeInUp hero-heading" data-wow-delay="700ms">UI Kit and Template</h1>
<h5 class="wow fadeInUp hero-sub-heading" data-wow-delay="500ms">Extensively Customizable Tons of UI Elements
</h5>
<a href="javascript:void(0)" class="fadeInUp wow btn btn-common" data-wow-delay="300ms"><i class="material-icons mdi mdi-cart-outline"></i> Purchase</a>
<a href="javascript:void(0)" class="fadeInUp wow btn btn-border" data-wow-delay="500ms"><i class="material-icons mdi mdi-lightbulb-outline"></i> Learn More <div class="ripple-container"></div></a>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/slider/slide_3.jpg" alt="Third slide">
<div class="carousel-caption second-slider d-md-block text-left">
<h1 class="wow fadeInDown hero-heading" data-wow-delay="700ms">Feature Rich Elements</h1>
<h5 class="fadeInDown wow hero-sub-heading" data-wow-delay="500ms">Ready to Use for Business, Agency, Startup,
Portfolio Sites and More...</h5>
<a href="javascript:void(0)" class="fadeInDown wow btn btn-common" data-wow-delay="300ms"><i class="material-icons mdi mdi-arrow-collapse-down"></i> Download Now</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#main-slide" role="button" data-slide="prev">
<span class="carousel-control" aria-hidden="true"><i class="mdi mdi-arrow-left" data-ripple-color="#F0F0F0"></i></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#main-slide" role="button" data-slide="next">
<span class="carousel-control" aria-hidden="true"><i class="mdi mdi-arrow-right" data-ripple-color="#F0F0F0"></i></span>
<span class="sr-only">Next</span>
</a>
</div>
<section class="Material-about-section section-padding">
<div class="container">
<div class="row justify-content-md-start justify-content-center">
<div class="col-sm-8 col-md-6 col-lg-3 col-xl-3 wow animated fadeInUp" data-wow-delay=".2s">
<div class="about-single">
<i class="material-icons mdi mdi-layers"></i>
<h2 class="subtitle">Bootstrap 4</h2>
<p>Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.</p>
</div>
</div>
<div class="col
企业级网站源码-软件开发项目服务网页模板-响应式适配移动端.zip （137个子文件） 
materialdesignicons.min.css 239KB bootstrap-4.5.0.min.css 157KB bootstrap.min.css 122KB material.min.css 94KB style.css 61KB animate.css 56KB magnific-popup.css 7KB responsive.css 6KB indigo.css 4KB owl.carousel.2.3.4.min.css 3KB pink.css 3KB green.css 3KB red.css 3KB deep-purple.css 3KB purple.css 3KB blue.css 3KB yellow.css 3KB slicknav.css 3KB color-switcher.css 2KB color.css 2KB owl.carousel.css 1KB ripples.min.css 1KB materialdesignicons-webfont.eot 879KB
index-2.html 38KB index.html 38KB accordion.html 24KB tab.html 24KB about-us.html 22KB about-us2.html 22KB blog.html 21KB features.html 19KB services.html 19KB carousel.html 19KB blog-single.html 19KB team.html 16KB pricing.html 16KB buttons.html 15KB portfolio-2.html 15KB portfolio.html 15KB contact-us.html 14KB portfolio-single.html 14KB icons.html 14KB contact-us2.html 13KB alert.html 12KB team-single.html 12KB counter.html 12KB map.html 11KB 404.html 11KB
slide_3.jpg 410KB slide_2.jpg 375KB slider-bg1.jpg 246KB testimonial_bg.jpg 169KB slide_1.jpg 131KB post-image.jpg 126KB slider-bg3.jpg 102KB 02.jpg 96KB 03.jpg 94KB work2.jpg 81KB featured6.jpg 69KB work4.jpg 63KB work1.jpg 60KB team3.jpg 52KB featured5.jpg 49KB team2.jpg 40KB work3.jpg 38KB work6.jpg 37KB featured8.jpg 36KB slider-bg2.jpg 36KB team4.jpg 34KB featured3.jpg 34KB featured1.jpg 31KB video.jpg 29KB work5.jpg 28KB author3.jpg 26KB team1.jpg 25KB author2.jpg 25KB featured7.jpg 24KB featured2.jpg 24KB page-title-bg.jpg 19KB author1.jpg 17KB cta-bg.jpg 16KB author-bg.jpg 12KB thum2.jpg 11KB thum5.jpg 10KB thum1.jpg 10KB thum4.jpg 10KB thum6.jpg 10KB thum7.jpg 10KB thum8.jpg 10KB thum3.jpg 10KB thum9.jpg 9KB featured4.jpg 6KB comment3.jpg 3KB comment2.jpg 2KB comment4.jpg 2KB comment1.jpg 2KB author.jpg 1KB jquery-3.5.1-min.js 87KB jquery-min.js 82KB bootstrap-4.5.0.min.js 59KB共 137 条
- 1
- 2
资源评论
