<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Claymore Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Google Fonts -->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'>
<!-- Google Font link ends-->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
</head>
<body>
<!-- Header starts here-->
<div class="header">
<div class="container">
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""></a>
</div>
<span class="menu"></span>
<div class="clear"></div>
<div class="navigation">
<ul class="navig">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#service" class="scroll">Service</a></li>
<li><a href="#features"class="scroll">Features</a></li>
<li><a href="#">Price</a></li>
<li><a href="#contact"class="scroll">Contact</a></li>
<li class="bold"><a href="#">Login</a></li>
</ul>
</div>
<script>
$( "span.menu" ).click(function() {
$( "ul.navig" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<div class="clearfix"> </div>
</div>
<!-- Log In a BoX -->
<div class="login">
<div class="text">
<input type="text" placeholder="User Name" required="" />
</div>
<div class="text">
<input type="password" placeholder="password" required="" />
</div>
<div class="text">
<input type="submit" value="Login"/>
</div>
<script>
$( "ul.navig li.bold a" ).click(function() {
$( ".login" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
</div>
<!-- Log In a BoX -->
<div class="banner">
<div class="row banner-row">
<div class="col-md-6 banner-row-left">
<img src="./images/ban-mat1.png" />
</div>
<div class="col-md-6 banner-row-left banner-row-right">
<h2>Quam eleifend metus commodo</h2>
<p>luctus at sit amet urna. Quisque non augue tincidunt, egestas massa non, elementum sem. Suspendisse mollis nullaeu lorem ultricies dapibus.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s </p>
<div class="buttons">
<input type="button" value="Purchase now"/><input type="button" class="act" value="Learn more"/>
<i>or</i>
</div>
</h2>
</div>
</div>
</div>
</div>
</div>
<!-- Header ends here-->
<!-- About starts here-->
<div class="about" id="about">
<div class="container">
<div class="row about-content">
<div class="col-md-7 about-left-content">
<h3>
About us
</h3>
<p>Sed non massa quis nisl tincidunt posuere sit amet vitae sem. Praesent sed convallis quam. Donec hendrerit neque sit amet tellus ornare et semper lorem lacinia. Suspendisse ac pellentesque odio. Nunc pharetra malesuada nisi ac condimentum. Curabitur porttitor pulvinar </p>
</div>
<div class="col-md-5 about-right-content">
<img src="./images/about-mat.png" />
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="about-us">
<div class="container">
<div class="row about-below-content">
<div class="col-md-4 about-content-below-left">
<img src="./images/testi-sy21.png" />
<h3>
Fully Booked Up
</h3>
<p>Curabitur tincidunt dapibus odio, eu gravida felis blanditvel. Vivamus feugiat auctor lorem non eleifend. Nam eu pellentesque est, vitae interdum nisi.</p>
</div>
<div class="col-md-4 about-content-below-left">
<img src="./images/testi-sy1.png" />
<h3>
Build With Love
</h3>
<p>Nullam dignissim felis diam, sed ultricies nisl ultricies quis. Maecenas feugiat urna ante, et viverra tellus facilisis ut. In hac habitasse platea dictumst.</p>
</div>
<div class="col-md-4 about-content-below-left">
<img src="./images/testi-sy3.png" />
<h3>
Fully Responsive
</h3>
<p>Aliquam mattis massa at urna tincidunt ultrices.Curabitur lobortis ante vulputate, imperdiet felisa, adipiscing odio aliquam pharetra molestie mauris</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- About ends here-->
<!-- Slide starts here-->
<div class="slider-start" id="service">
<div class="container">
<div class="slider-content">
<div class="slider-heading">
<h3> Lorem ipsum dolor sit amet</h3>
<p>
consectetur adipiscing elit. Maecenas facilisis ligula non ornare vehicula.
</p>
</div>
<div class="wmuSlider example1">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner">
<img src="./images/layer-image1.png" alt=""/>
</div>
</article>
<article style="position: relative; width: 100%; opacity: 1;">
<div class="banner">
<img src="./images/layer-image.png" alt=""/>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner">
<img src="./images/layer-image2.png" alt=""/>
</div>
</article>
</div>
</div>
<script src="./js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
</div>
</div>
</div>
</div>
<!-- Slide ends here-->
<div class="container">
<div class="testimonals" id="features">
<div class="slide-content-class3">
<h3>What people say</h3>
</div>
<div class="row slide-content-class4">
<div class="col-md-6 slide-content-class4-left">
<i class="ser-a"></i>
<div class="services-column-row-left">
<h3>Excepteur sint occaecat</h3>
<p>Sed non massa quis nisl tincidunt posuere sit amet vitae sem. Praesent sed convallis quam.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 slide-content-class4-left">
<i class="ser-b"></i>
<div class="services-column-row-left">
<h3>Excepteur sint occaecat</h3>
<p>Sed non massa quis nisl tincidunt posuere sit amet vitae sem. Praesent sed convallis quam.</p>
</div>
</div>
</div>
<div class="row slide-content-class4">
<div class="col-md-6 slide-content-class4-left">
<i class="ser-c"></i>
<div class="services-column-row-left">
<h3>Excepteur sint occaecat</h3>
<p>Sed non massa quis nisl tincidunt posuere sit amet vitae sem. Praesent sed convallis quam.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 slide-content-class4-left">
<i c
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 手机组态软件 APP监控西门子S7-1200 PLC C#全套源代码 1,C#开发上位机手机APP,自己写的程序可提供部分 2,通过VS2019开发安卓手机app 3,全套源代码,admin ,1
- 该算法 转速环采用广义预测控制和扩展状态观测器作为前馈叠加输出为给定转矩 给定转矩经过牛顿迭代法数值求解得到dq电流 仿真表明具有良好的调速性能 和抗干扰能力
- MATLB Simulink仿真平台直流微电网并网运行控制策略 包括风机(MPPT)、光伏(MPPT)、蓄电池、直流负载、交流负载、并网逆变器及电网 并网逆变器采用电流下垂控制,锁相环、风机和光伏MP
- 前端分析-2023071100789
- BLDC无刷直流电机和PMSM永磁同步电机源码,原理图 基于STM32F1的有传感器和无传感驱动 直流无刷电机有传感器和无传感驱动程序, 无传感的实现是基于反电动势过零点实现的,有传感的霍尔实现 永
- matlab程序,基于粒子群优化算法的综合能源系统优化调度,考虑了冷能和电能 主要是夏季优化
- matlab程序,复现,基于改进粒子群算法的混合储能系统容量优化,关键词,超级电容,混合储能,粒子群算法 拿之前问清楚 可以运行看结果,出不 不
- 前端分析-2023071100789
- matlab程序设计,综合能源系统主从博弈复现,综合需求响应,碳交易机制stackelberg博弈,以下已经复现出来了,可以接设计,非原价 拿之前问清楚 可以运行看结果,出不 不
- Level-Shift-CHB-7level-Inverter:基于MATLAB Simulink的级联H桥(CHB)7电平逆变器仿真模型 仿真条件:MATLAB Simulink R2015b
- 冷热电综合能源系统优化调度,设备包含燃气轮机,燃气锅炉,余热锅炉,电制冷机,吸收式制冷机,电转气设备等,采用cplex求解或者粒子群求解 此外,再次基础上还有考虑综合需求响应和碳交易机制的综合能源系
- SEPIC:基于MATLAB Simulink的SEPIC变器仿真模型,包含开环控制和闭环控制两种控制 仿真条件:MATLAB Simulink R2015b
- Buck:基于MATLAB Simulink的Buck变器仿真模型,包含开环控制和闭环控制两种控制 仿真条件:MATLAB Simulink R2015b
- ABC-DQ:基于MATLAB Simulink的三相静止坐标系到两相静止坐标系(Clark变)到两相旋转坐标系变(Park变)的仿真模型 仿真条件:MATLAB Simulink R2015b
- Halcon联合C#开发最新版实用框架 实际项目应用验证过的版本,源码,修改了大量Bug以适合实际项目应用 采用仿Visionpro拖拉流程形式,很适合学习使用,可修改参考用于项目 注:软件能够正常
- 三菱FX3U分切机程序,采用三菱伺服的速度与力矩模式,收料采用锥度与恒张力两种控制模式,程序包含锥度计算详细步骤,有模拟量输入输出,有张力检测,有PID调节,是锂电行业分切机通用程序模板
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈