<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Data</title>
<!-- favicon -->
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<!-- fontawesome -->
<link rel="stylesheet" href="assets/fontawesome/css/all.min.css">
<!-- slick slider -->
<link rel="stylesheet" href="assets/css/slick.css">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- style for this template -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- responsive style -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- preloader begin-->
<div class="preloader">
<div class="loader">
<hr><hr>
</div>
</div>
<!-- preloader end -->
<!-- scroll to top -->
<div class="scroll-to-top">
</div>
<!-- scroll to top -->
<!-- header begin -->
<div class="header">
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-xl-9 col-lg-9">
<div class="top-left">
<ul>
<li><a href="#"><i class="fas fa-envelope"></i>example@info.com</a></li>
<li><a href="#"><i class="fas fa-phone"></i>+880 1234 567890</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-3">
<div class="top-right">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-header">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-2 d-xl-flex d-lg-flex d-block align-items-center">
<div class="row">
<div class="col-xl-12 col-lg-12 col-7 d-xl-block d-lg-block d-flex align-items-center">
<div class="logo">
<a href="#"><img src="assets/images/logo.png" alt="LOGO"></a>
</div>
</div>
<div class="d-xl-none d-lg-none d-block col-5">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-10">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#service">service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#offers">offers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#project">project</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">contact</a>
</li>
</ul>
<a href="#" class="my-btn">get started</a>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- header end -->
<!-- banner begin -->
<div class="banner" id="home">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-6 col-lg-6">
<div class="banner-txt">
<h1>Faculty of Artificial Intelligence</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus laboriosam quas non at similique molestiae dolorum natus.</p>
<a href="#" class="my-btn">about us</a>
</div>
</div>
<div class="col-xl-6 col-lg-6 d-xl-flex d-lg-flex d-block align-items-center">
<div class="part-img">
<img src="assets/images/banner.png" alt="banner image">
</div>
</div>
</div>
</div>
</div>
<!-- banner end -->
<!-- about begin -->
<div class="about" id="about">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-5 col-lg-5 col-md-5">
<div class="part-img">
<img src="assets/images/about.png" alt="about">
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-7 d-xl-flex d-lg-flex d-block align-items-center">
<div class="part-txt">
<div class="title">
<p>about us</p>
<h2>A few words about us</h2>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum ipsam, quisquam at veritatis commodi voluptatum quidem modi eius sunt excepturi quod id eligendi magnam nisi, earum ex provident inventore cupiditate!</p>
<ul>
<li><i class="fas fa-external-link-alt"></i>Advance Advisory Team</li>
<li><i class="fas fa-external-link-alt"></i>Professional Consulting Services</li>
<li><i class="fas fa-external-link-alt"></i>24/7 Support Help Center</li>
<li><i class="fas fa-external-link-alt"></i>Customer Service & Operations</li>
</ul>
<a href="#" class="my-btn">learn more</a>
</div>
</div>
</div>
</div>
</div>
<!-- about end -->
<!-- service begin -->
<div class="service" id="service">
<div class="container">
<div class="heading">
<p>services</p>
<h2>services we provide</h2>
</div>
<div class="row justify-content-between">
<div class="col-xl-6 col-lg-6">
<div class="part-
绿色大气风格响应式数据分析网页模板.zip
8 浏览量
2023-06-20
19:20:59
上传
评论
收藏 1.62MB ZIP 举报
绿色大气风格响应式数据分析网页模板.zip （42个子文件） 
24892 assets js 
bootstrap.min.js 59KB main.js 1KB slick.min.js 42KB jquery-3.4.1.min.js 86KB css style.css 25KB bootstrap.min.css 156KB responsive.css 26KB slick.css 2KB images 
tab-1.png 62KB service.png 83KB
client-1.jpg 38KB banner.png 90KB project-1.jpg 21KB 02.png 127KB blog-1.jpg 21KB img-4.png 41KB img-3.png 44KB client-2.jpg 35KB 04.png 92KB img-5.png 27KB logo.png 18KB tab-2.png 52KB after.png 3KB blog-2.jpg 20KB 01.png 58KB 03.png 66KB banner-bg.jpg 23KB about.png 176KB contact.png 38KB img-6.png 33KB img-2.png 41KB project-2.jpg 37KB team-1.jpg 23KB img-1.png 78KB project-3.jpg 23KB team-2.jpg 26KB fontawesome webfonts fa-brands-400.woff2 74KB fa-regular-400.woff2 13KB fa-solid-900.woff2 74KB css all.min.css 56KB
index.html 37KB favicon.png 13KB资源评论
