<!DOCTYPE html>
<head>
<title>HOME</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='#css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav id="responsive-menu">
<ul class="menu-holder">
<li class="active"><a href="#home"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#about"><i class="fa fa-briefcase"></i>About</a></li>
<li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
<li><a href="#products"><i class="fa fa-list"></i>Products</a></li>
<li><a href="#contact"><i class="fa fa-envelope"></i>Contact</a></li>
</ul>
</nav>
<div class="templatemo-site-header">
<div class="container">
<div class="row templatemo-position-relative">
<nav class="hidden-xs text-uppercase templatemo-nav">
<ul class="menu-holder">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<h1 class="templatemo-site-name">
<span class="templatemo-brown">The</span>
<span class="templatemo-gold">Brownie</span>
</h1>
<div class="text-right visible-xs">
<a href="#" id="mobile_menu"><span class="fa fa-bars"></span></a>
</div>
</div>
</div>
</div>
<section id="home" class="templatemo-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 templatemo-position-relative">
<div class="templatemo-flex-center templatemo-black-bg text-center">
<div class="templatemo-home-image-container">
<img src="images/bicycle.jpg" alt="Home" class="templatemo-home-image">
<div class="templatemo-image-overlay">
<span class="fa fa-search templatemo-search-icon"></span>
<p class="text-uppercase templatemo-gold">The Stret</p>
<p class="text-uppercase">Sioutis mauris Justo</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="templatemo-content-box templatemo-second-box">
<h2 class="templatemo-brown">duis sed odio amet</h2>
<h3 class="templatemo-gold">class apent tacit sioutis mauris just olmorbi</h3>
<p class="margin-top-30">The Brownie is free responsive template from <span class="blue">template</span><span class="green">mo</span>.com website. You can use this layout for any of your website. Please spread a word about us. Thank you. This template uses CSS Flexbox, which is supported on IE 10+ and recent versions of all other major browsers. Check out <a href="#/#feat=flexbox" target="_blank">caniuse.com</a> for detailed browser support information.</p>
<a href="#" class="btn text-uppercase templatemo-btn templatemo-info-btn">Lorem Ipsum</a>
</div>
</div>
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.17sucai.com/" >免费模板</a></div>
<section id="about" class="templatemo-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="templatemo-content-box text-right">
<h2 class="templatemo-brown">
<span class="templatemo-section-title">Meet Our</span>
<span class="templatemo-section-title">Creative <span class="templatemo-gold"><strong>Team</strong></span></span>
</h2>
<p class="margin-top-30">Lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.</p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Proin condimentum fermentum nunc. Suspendisse in orci enim.</p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="templatemo-flex-center templatemo-black-bg">
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
<div class="jcarousel-wrapper templatemo-team">
<div class="jcarousel">
<ul>
<li>
<div class="text-center templatemo-team-member-container">
<div class="templatemo-member-img-container">
<img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
<img src="images/team-member-1.jpg" alt="Team Member 1" class="tm-team-member-img">
</div>
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">Aenean sollicitudin</h3>
<img src="images/underline.png" alt="Underline" class="margin-top-15 img-responsive center-block">
<p class="margin-top-15">Ribendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<p class="templatemo-brown text-uppercase">Duised odio</p>
</div>
</li>
<li>
<div class="text-center templatemo-team-member-container">
<div class="templatemo-member-img-container">
<img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
<img src="images/team-member-2.jpg" alt="Team Member 2" class="img-circle tm-team-member-img">
</div>
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">Ribendum auctor</h3>
<img src="images/underline.png" alt="Underline" class="margin-top-15">
<p class="margin-top-15">Aenean sollicitudin, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<p class="templatemo-brown text-uppercase">Nisi elit</p>
</div>
</li>
<li>
<div class="text-center templatemo-team-member-container">
<div class="templatemo-member-img-container">
<img src="images/team-img-frame.png" alt="Team img frame" class="templatemo-img-frame">
<img src="images/team-member-3.jpg" alt="Team Member 3" class="img-circle tm-team-member-img">
</div>
<h3 class="tm-team-member-title templatemo-gold text-uppercase margin-top-15">sagittis sem</h3>
<img src="images/underline.png" alt="Underline" class="margin-top-15">
<p class="margin-top-15">Ribendum auctornisi elit consequat ipsum, nisi elit sem nibh id elit.</p>
<p class="templatemo-brown text-uppercase">Nec sagittis</p>
</div>
</li>
</ul>
</div>
<a href="#" class="jcarousel-control-prev inactive">‹</a>
<a href="#" class="jcarousel-control-next">›</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="templatemo-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="templatemo-flex-center templatemo-black-bg text-center">
<div class="templatemo-flex-center templatemo-brown-rectangle-bg">
<div class="templatemo-flex-item-ie-fix padding-30"
黑色复古培训网站模板是一款黑色纹理背景的html5教育培训单页网站模板。_html网站模板_网页源码移动端前端_H5模.rar
9 浏览量
2023-08-05
16:15:53
上传
评论
收藏 694KB RAR 举报
黑色复古培训网站模板是一款黑色纹理背景的html5教育培训单页网站模板。_html网站模板_网页源码移动端前端_H5模.rar （28个子文件） 
黑色复古培训网站模板是一款黑色纹理背景的html5教育培训单页网站模板。 moban517 js 
templatemo_script.js 4KB jquery.jcarousel.min.js 17KB jquery-1.11.1.min.js 94KB css bootstrap.min.css 107KB font-awesome.min.css 21KB templatemo_style.css 14KB
index.html 15KB images 
team-member-2.jpg 8KB
product-3.png 63KB bicycle.jpg 42KB body-bg.png 2KB team-img-frame.png 7KB social-icons.png 14KB round-rectangle.png 14KB underline.png 1KB product-2.png 57KB plan-1.png 10KB product-1.png 51KB header-bg.png 3KB team-member-3.jpg 7KB plan-2.png 7KB team-member-1.jpg 6KB plan-3.png 10KB fonts FontAwesome.otf 84KB fontawesome-webfont.eot 55KB fontawesome-webfont.woff 64KB
fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB资源评论
