<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Home</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="keywords" content="">
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="static/css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="static/css/style.css" type="text/css" media="all">
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="static/css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="static/css/css.css" rel="stylesheet">
<link href="static/css/css1.css" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- mian-content -->
<div class="main-content" id="home">
<div class="layer">
<!-- header -->
<header>
<div class="container-fluid px-lg-5">
<!-- nav -->
<nav class="pt-4 d-lg-flex">
<div id="logo">
<h1> <a href="">Organization</a></h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop">
<ul class="menu mt-2 ml-auto">
<li class="active"><a href="">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li>
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2">
<ul class="inner-ul">
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="#video" class="scroll">Video</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
<li><a href="#features" class="scroll">Features</a></li>
<li><a class="scroll" href="#some">Some</a></li>
</ul>
</li>
<li><a href="#testi" class="scroll">Testimonials</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<div class="container">
<!-- /banner -->
<div class="banner-info-w3layouts text-center">
<h3>Welcome To Creative World
Awesome Technology</h3>
<div class="read-more">
<a href="#about" class="read-more scroll">Read More </a> </div>
</div>
</div>
<!-- //banner -->
</div>
</div>
<!--// mian-content -->
<!-- about-->
<section class="wthree-row" id="about">
<div class="container">
<div class="row about-main">
<div class="col-lg-6 about-text-grid text-left py-lg-5 mt-5 mb-5">
<div class="title-desc">
<h3 class="tittle mb-4">Looking An Adequate Solution For Your </h3>
</div>
<p class="my-sm-4 mt-2 mb-4">Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices., ut et inter dum nisi fermentum.ut et inter dum nisi fermentum. Pellentesque sed sodales nunc ut et inter dum nisi fermentum. Pellentesque sed sodales nunc ut et inter dum nisi fermentum. Pellentesque sed sodales nunc</p>
<p class="my-sm-4 mt-2 mb-4">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices., ut et inter dum nisi fermentum. Pellentesque sed sodales nunc ut et inter dum nisi fermentum. </p>
<a href="#bottom"> Read more</a>
</div>
<div class="col-lg-6 about-right">
<img src="static/picture/1.jpg" class="img-fluid" alt="">
<img src="static/picture/3.jpg" class="img-fluid" alt="">
<img src="static/picture/2.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- middle-->
<div class="middle-info py-5" id="some">
<div class="container py-xl-5 py-3">
<h3 class="w3ls-title-2 text-center font-weight-bold text-wh mb-5">
Nisi ut aliquip ex consequat.</h3>
<p class="mx-auto">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices., ut et inter dum nisi fermentum. Pellentesque sed sodales nunc ut et inter dum nisi fermentum. </p>
<div class="buttons-w3pvt text-center mt-lg-4 pb-lg-5">
<a href="#about" class="button-style scroll mr-3">Read More</a>
</div>
</div>
</div>
<!-- //middle-->
<!-- about-->
<section class="wthree-row1">
<div class="row about-main">
<div class="col-lg-6 about-right-1">
</div>
<div class="col-lg-6 about-text-grid wth_abt text-left">
<div class="title-desc">
<h3 class="tittle mb-4">Looking An Adequate Solution For Your </h3>
</div>
<p class="my-sm-4 mt-2 mb-4">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices., ut et inter dum nisi fermentum. Pellentesque sed sodales nunc ut et inter dum nisi fermentum. </p>
</div>
</div>
</section>
<!-- //about -->
<!-- video -->
<section class="video py-lg-4 py-md-3 py-sm-3 py-3" id="video">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="box">
<a class="button" href="#popup1"><span class="fa fa-play-circle" aria-hidden="true"></span></a>
</div>
<div id="popup1" class="overlay">
<div class="popup">
<a class="close" href="#video">×</a>
<div class="content">
<iframe src=""></iframe>
</div>
</div>
</div>
<div class="video-txt-para text-center mt-lg-5 mt-md-4 mt-3">
<h4 class="mb-2">Live Video Play</h4>
<p class="mx-auto">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices., ut et inter dum nisi fermentum. Pellentesque sed sodales nunc ut et inter dum nisi fermentum. </p>
</div>
</div>
</section>
<!--//video-->
<!-- news -->
<section class="news py-5" id="news">
<div class="container py-lg-5">
<div class="row news-grids py-lg-4 text-left">
<div class="col-md-6 newsgrid1">
<img src="static/picture/g1.jpg" alt="news image" class="img-fluid">
<div class="new-tp">
<h4 class=" mt-4">Integer porttitor mollisar lorem, at molestie arcu pulvinar</h4>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. pellentesque mi non laoreet eleifend porttitor mollisar</p>
<a class="btn mt-lg-4 mt-3 agile-link-bnr1 scroll" href="#services" role="button">Learn More</a>
</div>
</div>
<div
大气宽屏html5响应式工业设计科技公司单页模板
版权申诉
100 浏览量
2022-07-14
03:05:51
上传
评论
收藏 2.68MB RAR 举报
大气宽屏html5响应式工业设计科技公司单页模板
（149个子文件） 
bootstrap.css 174KB font-awesome.css 37KB style.css 26KB css1.css 21KB css.css 15KB fontawesome-webfont.eot 162KB
index.html 19KB
banner2.jpg 199KB bg4.jpg 195KB bg2.jpg 94KB bg.jpg 75KB bg1.jpg 75KB g1.jpg 44KB bg3.jpg 36KB g6.jpg 33KB g3.jpg 32KB g4.jpg 29KB g2.jpg 28KB g5.jpg 27KB 2.jpg 27KB 3.jpg 23KB 1.jpg 21KB te2.jpg 17KB fontawesome-webfont.ttf 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2 45KB pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2 45KB pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2 44KB pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2 44KB pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2 44KB pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2 44KB pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2 44KB pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2 41KB pxiEyp8kv8JHgFVrJJbecmNE.woff2 39KB pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2 39KB pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2 38KB pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2 37KB pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2 35KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2 13KB 6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2 13KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2 13KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2 13KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdu.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18Q.woff2 12KB 6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDI.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18Q.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18Q.woff2 12KB 6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSds18Q.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCdi18Smxg.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSdi18Smxg.woff2 12KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkidi18Smxg.woff2 12KB 6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2 12KB 6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7psDJT9g.woff2 12KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2 11KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2 11KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2 11KB 6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSdi18Smxg.woff2 11KB 6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2 11KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmRduz8A.woff2 11KB pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2 9KB pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2 9KB pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2 9KB pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2 8KB pxiGyp8kv8JHgFVrJJLucHtA.woff2 8KB pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2 8KB pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2 8KB pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2 8KB pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2 8KB pxiEyp8kv8JHgFVrJJfecg.woff2 8KB pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 8KB pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2 7KB pxiGyp8kv8JHgFVrLPTucHtA.woff2 7KB 6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wkxduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2 7KB 6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBduz8A.woff2 7KB 6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2 6KB 6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2 6KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2 6KB pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2 6KB pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2 6KB 6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2 6KB 6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2 6KB共 149 条
- 1
- 2
资源评论
你热爱好热啊
- 粉丝: 2
- 资源: 1385
最新资源
- 2023-04-06-项目笔记 - 第一百十九阶段 - 4.4.2.117全局变量的作用域-117 -2024.04.30
- Highlight Plus v20.0.1
- 基于MIC+NE555光敏电阻的声光控电路Multisim仿真原理图
- python tkinter-08-盒子模型.ev4.rar
- Doozy UI Manager 2023
- 基于matlab实现夜间车牌识别程序(1).rar
- 基于matlab实现无线传感器网络无需测距定位算法matlab源代码 包括apit，dv-hop，amorphous在内的共7个
- 基于python的yolov5实现的旋转目标检测
- 基于matlab实现无线传感器网络 CAB定位仿真程序 这是无线传感器节点定位CAB算法的仿真程序，由matlab完成.rar
- 基于matlab实现图像处理，本程序使用背景差分法对来往车辆进行检测和跟踪.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
