<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon-->
<link rel="shortcut icon" href="img/fav.png">
<!-- Author Meta -->
<meta name="author" content="colorlib">
<!-- Meta Description -->
<meta name="description" content="">
<!-- Meta Keyword -->
<meta name="keywords" content="">
<!-- meta character set -->
<meta charset="UTF-8">
<!-- Site Title -->
<title>Repair</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<!--
CSS
============================================= -->
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header id="header" id="home">
<div class="container main-menu">
<div class="row align-items-center justify-content-between d-flex">
<div id="logo">
<a href="index.html"><img src="img/vf-OS_logo_v2.png" style="width: 115px;" alt="vf-OS Logo" /></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="index.html">Home</a></li>
<li><a href="about.html">Showcases for industry</a></li>
<li><a href="services.html">Components for industry</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</div>
</header><!-- #header -->
<!-- start banner Area -->
<section class="banner-area relative" id="home">
<div class="overlay overlay-bg"></div>
<div class="container">
<div class="row d-flex align-items-center justify-content-center">
<div class="about-content col-lg-12">
<h1 class="text-white">
Vf-OS Components
</h1>
<p class="text-white link-nav"><a href="index.html">Home </a> <span class="lnr lnr-arrow-right"></span> <a href="services.html"> Components</a></p>
</div>
</div>
</div>
</section>
<!-- End banner Area -->
<!-- Start service Area -->
<section class="service-area section-gap" style="padding-bottom: 10px;" id="service">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 pb-50 header-text text-center">
<h1 class="mb-10">What we Offer to our Supporters</h1>
<p>
Who are in extremely love with eco friendly system..
</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="single-service">
<a href="component1.html" hidden></a>
<div class="thumb">
<img src="img/o1.jpg" alt="">
</div>
<h4>Component 1 </h4>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit, urna hac mollis ultrices natoque class. Aptent fermentum duis.
</p>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single-service">
<a href="component2.html" hidden></a>
<div class="thumb">
<img src="img/o2.jpg" alt="">
</div>
<h4>Component 2</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit, urna hac mollis ultrices natoque class. Aptent fermentum duis.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End service Area -->
<!-- Start work-process Area -->
<section class="work-process-area section-gap">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-60 col-lg-7">
<div class="title text-center">
<h1 class="mb-10">Our Working Process</h1>
<p>It won���t be a bigger problem to find one video game lover in your neighbor. Since the introduction of Virtual Game</p>
</div>
</div>
</div>
<div class="total-work-process d-flex flex-wrap justify-content-around align-items-center">
<div class="single-work-process">
<div class="work-icon-box">
<span class="lnr lnr-funnel"></span>
</div>
<h4 class="caption">Detect problem</h4>
</div>
<div class="work-arrow">
<img src="img/arrow.png" alt="">
</div>
<div class="single-work-process">
<div class="work-icon-box">
<span class="lnr lnr-layers"></span>
</div>
<h4 class="caption">Split solution into parts</h4>
</div>
<div class="work-arrow">
<img src="img/arrow.png" alt="">
</div>
<div class="single-work-process">
<div class="work-icon-box">
<span class="lnr lnr-paw"></span>
</div>
<h4 class="caption">Analyzing method</h4>
</div>
<div class="work-arrow">
<img src="img/arrow.png" alt="">
</div>
<div class="single-work-process">
<div class="work-icon-box">
<span class="lnr lnr-smile"></span>
</div>
<h4 class="caption">Final result comes out</h4>
</div>
<div class="row">
<div class="col"></div>
</div>
</div>
</section>
<!-- End work-process Area -->
<!-- start footer Area -->
<footer class="footer-area section-gap">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>About vf-OS</h6>
<p>
vf-OS offers a manufacturing orientated cloud platform, supporting a multi-sided market ecosystem that provides a range of services for the connected factory of the future, allowing manufacturing companies to develop and integrate better manufacturing and logistics processes
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>Navigation Links</h6>
<div class="row">
<div class="col">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Feature</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
</div>
<div class="col">
<ul>
<li><a href="#">Team</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>Stay Tune!</h6>
<p>
Entry your email and stay connected with vf-os
</p>
<div id="mc_embed_signup">
<form target="_blank" novalidate="true" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01" method="get" class="subscription relative">
<div class="input-group d-flex flex-row">
<input name="EMAIL" placeholder="Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email Address '" required="" type="email">
<div style="position: absolute; left: -5000px;">
<input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
</div>
<button class="btn bb-btn"><span class="lnr lnr-location"></span></button>
</div>
<div class="mt-10 info"></div>
</form>
</div>
</div>
</div>
</div>
<div class="row footer-bottom d-flex justify-content-between align-items-center">
<div class="col-lg-8 col-sm-12 footer-text m-0">
<img src="/img/europe.png">
<p>This project has received funding from the European Union���s Horizon 2020 research and innovation programme
under grant
agreement No 723710.</p>
</div>
</p>
<div class="col-lg-4 col-sm-12 footer-social">
<a href="https://www.facebook.com/vfoseuropeanproject/"><i class="fa fa-facebook"></i></a>
<a href="http://www.vf-os.eu"><i class="fa fa-globe"></i></a>
<a href="https://www.youtube.com/channel/UCN-5AXqIaXjXItq8jJuoW1w"><i class="fa fa-youtube-play"></i></a>
<a href="https://www.linkedin.com/in/vf-os-project/"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</footer>
<!-- End footer Area -->
<script src="js/vendor/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhOdIF3Y9382fqJYt5I_sswSrEw5eihAA"></script>
<script src="js/easing.min.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.min.js"></script>
<script src="js/mn-accordion.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery.circlechart.js"></script>
<script src="js/mail-script.js"></script>
<script src="js/main.js"></script>
<script >
$(".single-service").click(function() {
var newUrl = $(this).find("a").attr("href");
//check if the url of anchor is not empty..
if(newUrl && newUrl.length > 5 )
{
var targetPage = newUrl;
var url = window.parent.location.href;
if(url.indexOf('.') > -1){
url = url.substring(0, url.lastIndexOf('/') + 1);
}
window.parent.location = url + targetPage;
}
return false;
});
</script>
</body>
</html>