<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/jcarousel.css" rel="stylesheet" />
<link href="css/flexslider.css" rel="stylesheet" />
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper" class="home-page">
<!-- start header -->
<header>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo"/></a>
</div>
<div class="navbar-collapse collapse ">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">About Us <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="about.html">Our Company</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Investors</a></li>
</ul>
</li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- end header -->
<section id="banner">
<!-- Slider -->
<div id="main-slider" class="flexslider">
<ul class="slides">
<li>
<img src="img/slides/1.jpg" alt="" />
<div class="flex-caption">
<h3>Quality Touch</h3>
<p>Doloribus omnis minus temporibus perferquam</p>
</div>
</li>
<li>
<img src="img/slides/2.jpg" alt="" />
<div class="flex-caption">
<h3>High Performence</h3>
<p>Lorem ipsum dolo amet, consectetur provident.</p>
</div>
</li>
</ul>
</div>
<!-- end slider -->
</section>
<section id="call-to-action-2">
<div class="container">
<div class="row">
<div class="col-md-12 aligncenter">
<h3>Welcome to Macro Technologies</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti.</p>
</div>
</div>
</div>
</section>
<section id="content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="aligncenter"><h2 class="aligncenter">Our Services</h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus ovident, doloribus omnis minus temporibus perferendis nesciunt..</div>
<br/>
</div>
</div>
<div class="row">
<div class="skill-home"> <div class="skill-home-solid clearfix">
<div class="col-md-3 text-center">
<span class="icons c1"><i class="fa fa-book"></i></span> <div class="box-area">
<h3>Mobile App</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div>
</div>
<div class="col-md-3 text-center">
<span class="icons c2"><i class="fa fa-users"></i></span> <div class="box-area">
<h3>Web Development</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div>
</div>
<div class="col-md-3 text-center">
<span class="icons c3"><i class="fa fa-trophy"></i></span> <div class="box-area">
<h3>Quality</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div>
</div>
<div class="col-md-3 text-center">
<span class="icons c4"><i class="fa fa-globe"></i></span> <div class="box-area">
<h3>Products</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p>
</div></div>
</div></div>
</div>
</div>
</section>
<section class="section-padding gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-6 col-sm-6 text-center wow fadeInLeft animated" data-wow-animation-name="fadeInLeft">
<img src="img/tab1.png" alt="">
</div>
<div class="col-lg-6 col-sm-6 wow fadeInRight animated" data-wow-animation-name="fadeInRight">
<h2>
Our Best Products
</h2>
<hr>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantiu.
</p>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener. natus error sit voluptatem accusantiu.
</p>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ablic jiener.
</p>
<hr>
<a href="javascript:;" class="lineBtn">
Request Quote
</a>
</div>
</div>
</div>
</section>
<section class="about home-about">
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- Heading and para -->
<div class="block-heading-two">
<h3><span>Why Choose Us?</span></h3>
</div>
<p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur. <br><br>Sed ut perspiciaatis iste natus error sit voluptatem probably haven't heard of them accusamus.</p>
</div>
<div class="col-md-4">
<div class="block-heading-two">
<h3><span>News & Updates</span></h3>
</div>
<!-- Accordion starts -->
<div class="panel-group" id="accordion-al
公司业务代办网站模板里面包含6个子页面,适合公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
120 浏览量
2023-08-05
14:13:33
上传
评论
收藏 2.46MB RAR 举报
2201_75761617
- 粉丝: 20
- 资源: 7339
最新资源
- 美赛数学建模算法-使用Matlab实现非线性规划NonLinearProgramming-国赛-题解.zip
- linux安装java8环境资源包
- 静态路由综合实验模拟ensp
- Unity中WebSocket网络连接的代码以及相关protobuf-net协议转换后的脚本类
- 基于ATLAB + Psychtoolbox 心理学实验,情绪词汇效价判断
- 美赛数学建模算法-使用Matlab实现神经网络NeuralNetwork-包括BP+LVQ-国赛-题解.zip
- hb-mapper-makertbin.log
- dfcf_silence_upgrade_cfw_10.15.3_20240318163518_64.apk
- 美赛数学建模算法-使用Matlab实现多元分析MultivariteAnalysis-包括聚类分析+主成分分析-国赛-题解
- 构成学1.psd
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈