<!DOCTYPE html>
<html>
<!-- Head -->
<head>
<title>Home</title>
<!-- Meta-Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Meta-Tags -->
<!-- Custom-Stylesheet-Links -->
<!-- Bootstrap-CSS --> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
<!-- Index-Page-CSS --> <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<!-- Gallery-Popup-CSS --> <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="all">
<!-- //Custom-Stylesheet-Links -->
<!-- Web-Fonts -->
<!-- Body-Font --> <link rel='stylesheet' href='#css?family=Open+Sans:400,300,600,700' type='text/css'>
<!-- //Web-Fonts -->
</head>
<!-- //Head -->
<!-- Body -->
<body>
<!-- Header -->
<div class="header" id="home">
<div class="slider-info">
<div class="logo">
<a href="#">HITECH INFO</a>
</div>
<div class="side">
<nav class="dr-menu">
<div class="dr-trigger"><span class="dr-icon dr-icon-menu"></span></div>
<ul>
<li><a class="scroll dr-icon dr-icon-user" href="#about">ABOUT</a></li>
<li><a class="scroll dr-icon dr-icon-camera" href="#services">SERVICES</a></li>
<li><a class="scroll dr-icon dr-icon-bullhorn" href="#pricing">PRICING</a></li>
<li><a class="scroll dr-icon dr-icon-heart" href="#team">TEAM</a></li>
<li><a class="scroll dr-icon dr-icon-download" href="#projects">PROJECTS</a></li>
<li><a class="scroll dr-icon dr-icon-settings" href="#testimonial">TESTIMONIAL</a></li>
<li><a class="scroll dr-icon dr-icon-switch" href="#newsletter">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
<div class="slider">
<!-- Slider1 -->
<div class="slider-1">
<ul class="rslides" id="slider1">
<li>
<img src="images/slide-1.jpg" alt="Hitech Info">
</li>
<li>
<img src="images/slide-2.jpg" alt="Hitech Info">
</li>
<li>
<img src="images/slide-3.jpg" alt="Hitech Info">
</li>
<li>
<img src="images/slide-4.jpg" alt="Hitech Info">
</li>
<li>
<img src="images/slide-5.jpg" alt="Hitech Info">
</li>
</ul>
</div>
<!-- //Slider1 -->
</div>
<div class="clearfix"></div>
</div>
<!-- //Header -->
<!-- About -->
<div class="about" id="about">
<div class="container">
<h1>ABOUT US</h1>
<div class="heading-underline">
<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
</div>
<div class="col-md-6 col-sm-6 about-details">
<div class="about-image">
<img src="images/mac.png" alt="Hitech Info">
</div>
<div class="about-info">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="clearfix"></div>
</div>
<!-- Skills -->
<div class="col-md-6 col-sm-6 skills">
<div id="about-us" class="parallax">
<h2>OUR SKILLS</h2>
<div class="heading-underline">
<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
</div>
<div class="our-skills wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
<p class="lead">LOREM IPSUM</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="90">90%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="400ms">
<p class="lead">DOLORES AMET</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="80">80%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
<p class="lead">CONSECTETUR</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="70">70%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<p class="lead">ADIPISICING</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="75">75%</div>
</div>
</div>
<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<p class="lead">EXERCITATION</p>
<div class="progress">
<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="85">85%</div>
</div>
</div>
</div>
<!-- Tooltip -->
<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">EXPLORE<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></button>
<div class="tooltip-content">
<div class="modal fade features-modal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">HITECH INFO</h4>
</div>
<div class="modal-body">
<img src="images/about.jpg" alt="Hitech Info">
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p>
</div>
</div>
</div>
</div>
<script>
$('#myModal').modal('');
</script>
</div>
<!-- //Tooltip -->
</div>
</div>
<!-- //Skills -->
<div class="clearfix"></div>
</div>
</div>
<!-- //About -->
<!-- Services -->
<div class="services" id="services">
<div class="container">
<h3>SERVICES</h3>
<div class="heading-underline">
<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
</div>
<div class="service-grids">
<div class="col-md-4 col-sm-4 service-grid service-grid-1">
<img src="images/service-1.png" alt="Hitech Info">
<h4>LOREM IPSUM</h4>
<p>Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
</div>
<div class="col-md-4 col-sm-4 service-grid service-grid-2">
<img src="images/service-2.png" alt="Hitech Info">
<h4>DOLORES AMET</h4>
<p>Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin liter
电子产品设计网站模板是一款大气扁平风格设计公司网站模板下载。.rar
版权申诉
101 浏览量
2023-04-28
07:12:38
上传
评论
收藏 1.62MB RAR 举报
电子产品设计网站模板是一款大气扁平风格设计公司网站模板下载。.rar （78个子文件） 
电子产品设计网站模板是一款大气扁平风格设计公司网站模板下载。 moban1358 js 
modernizr.custom.97074.js 8KB jquery.magnific-popup.js 45KB responsiveslides.min.js 3KB bootstrap.min.js 31KB jquery.chocolat.js 10KB main.js 803B ytmenu.js 881B easing.js 5KB move-top.js 1KB modernizr.custom.js 7KB wow.min.js 5KB jquery-2.1.4.min.js 82KB mousescroll.js 9KB jquery.inview.min.js 1KB css style.css 39KB bootstrap.min.css 107KB chocolat.css 2KB
index.html 28KB images 
gallery-11.jpg 14KB
team-1.png 43KB gallery-12-big.jpg 65KB gallery-7-big.jpg 23KB gallery-4-big.jpg 24KB slide-3.jpg 140KB gallery-2.jpg 8KB follow-4.png 1KB gallery-11-big.jpg 54KB service-1.png 3KB gallery-2-big.jpg 32KB services.jpg 81KB gallery-6-big.jpg 18KB gallery-1.jpg 6KB follow-5.png 2KB gallery-1-big.jpg 26KB service-3.png 3KB gallery-10.jpg 9KB about.jpg 21KB gallery-10-big.jpg 31KB slide-1.jpg 102KB follow-1.png 1KB gallery-5.jpg 13KB service-2.png 2KB
themes.gif 359B gallery-3-big.jpg 38KB left.png 835B follow-3.png 1KB slide-4.jpg 62KB to-top.png 1KB gallery-8-big.jpg 33KB mac.png 167KB gallery-8.jpg 9KB slide-5.jpg 43KB follow-2.png 1KB follow.jpg 113KB gallery-7.jpg 7KB gallery-12.jpg 9KB gallery-9.jpg 6KB img-sprite.png 11KB slide-2.jpg 29KB gallery-9-big.jpg 24KB close.png 670B gallery-4.jpg 6KB gallery-6.jpg 24KB right.png 654B gallery-3.jpg 5KB team.jpg 30KB team-3.png 68KB icon.png 6KB gallery-5-big.jpg 51KB team-4.png 54KB team-2.png 82KB fonts glyphicons-halflings-regular.ttf 44KB icomoon.woff 3KB
icomoon.svg 7KB icomoon.dev.svg 7KB icomoon.eot 3KB icomoon.ttf 3KB Petitinho.ttf 29KB资源评论
