<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Distinct Multipurpose Bootstrap Responsive website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="keywords" content="Distinct Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<div class="sidenav">
<!-- header -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-gradient-secondary pt-3 flex-column">
<h1>
<a class="navbar-brand" href="index.html">Distinct
</a>
</h1>
<button class="navbar-toggler ml-lg-auto mt-3" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav text-center flex-column">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">about</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services">services</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#explore">Explore</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">contact</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- //header -->
</div>
<div class="main">
<div class="banner-text-w3ls">
<div class="container">
<div class="mx-auto">
<h2>distinct</h2>
</div>
</div>
</div>
<!-- about-bottom -->
<section class="wthree-row" id="about">
<div class="row justify-content-center align-items-center no-gutters abbot-main">
<div class="col-lg-6 p-0">
<img src="images/about.jpg" class="img-fluid" alt="" />
</div>
<div class="col-lg-6 p-0 abbot-right">
<div class="card">
<div class="card-body px-sm-5 py-3 px-4">
<h3 class="stat-title card-title align-self-center">the smartest way to manage your data</h3>
<span class="w3-line"></span>
<p class="card-text align-self-center my-lg-5 my-3 text-center">
Vestibulum volutpat non eros ut vulputate. Nunc id risus accumsan Donec mi nulla, auctor nec sem a, ornare auctor mi. Sed
mi tortor, commodo a felis in, fringilla tincidunt nullaAtqui causae gloriatur ius te.</p>
<p class="card-text align-self-center my-lg-4 my-3 text-center">Donec mi nulla, auctor nec sem a, ornare auctor mi. Sed mi tortor, commodo a felis in, fringilla
tincidunt nulla. Vestibulum volutpat non eros ut Lorem ipsum dolor sit amet, illum definitiones
no quo, maluisset concludaturque et eum, altera fabulas ut quovulputate.</p>
<a href="#explore" class="btn btn-info abt_card_btn bg-info mx-auto d-block scroll">Know More</a>
</div>
</div>
</div>
</div>
<div class="row align-items-center no-gutters abbot-grid2">
<div class="col-lg-6 py-lg-3 px-lg-5 p-sm-5 px-3 py-5 abbot-right">
<h3 class="stat-title card-title align-self-center pt-3 text-center">the entrepreneur's market place</h3>
<span class="w3-line mx-auto text-center d-block"></span>
<div class="progress_agile mx-auto mt-5">
<div class="progress-outer mt-3">
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped active" style="width:90%; box-shadow:-1px 10px 10px rgba(91, 192, 222, 0.7);"></div>
<div class="progress-value">90%</div>
</div>
<h6 class="text-right text-capitalize pt-3">economic growth</h6>
</div>
<div class="progress-outer my-5">
<div class="progress">
<div class="progress-bar progress-bar-warning progress-bar-striped active" style="width:80%; box-shadow:-1px 10px 10px rgba(240, 173, 78,0.7);"></div>
<div class="progress-value">80%</div>
</div>
<h6 class="text-right text-capitalize pt-3">skills</h6>
</div>
<div class="progress-outer">
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" style="width:70%; box-shadow:-1px 10px 10px rgba(116, 195, 116,0.7);"></div>
<div class="progress-value">70%</div>
</div>
<h6 class="text-right text-capitalize pt-3">projects</h6>
</div>
</div>
</div>
<div class="col-lg-6 p-0">
<img src="images/about1.jpg" class="img-fluid" alt="" />
</div>
</div>
</section>
<!-- //about bottom -->
<!-- about -->
<section class="wthree-row py-lg-5" id="services">
<div class="container pt-sm-5">
<h3 class="stat-title pb-3">you may also be
<span>interested</span> in</h3>
<span class="w3-line mx-auto text-center d-block"></span>
<div class="row pt-5 mt-3 d-flex justify-content-center">
<div class="card col-lg-3 col-md-6 border-0">
HTML网站源码-创意产品服务展示响应式网页模板-移动端可用.zip
版权申诉
75 浏览量
2024-03-22
10:41:26
上传
评论
收藏 2.31MB ZIP 举报
HTML网站源码-创意产品服务展示响应式网页模板-移动端可用.zip （35个子文件） 
HTML网站源码-创意产品服务展示响应式网页模板-移动端可用 html js 
bootstrap.js 112KB SmoothScroll.min.js 13KB jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 49KB fa-solid-900.eot 104KB fa-solid-900.ttf 103KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 39KB fa-solid-900.svg 382KB css style.css 14KB bootstrap.css 174KB fontawesome-all.min.css 35KB
index.html 22KB images 
footer.jpg 60KB about1.jpg 81KB s1.jpg 76KB s2.jpg 47KB about.jpg 58KB banner.jpg 156KB nav.jpg 493KB slide.jpg 466KB s3.jpg 98KB
top-arrow.png 3KB s4.jpg 59KB资源评论
