CINXE.COM
Vithi
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Vithi</title> <link href="/Content/bootstrap.min.css" rel="stylesheet" /> <link href="/Content/font-awesome.css" rel="stylesheet" /> <style> body { height: 100%; width: 100%; } .bg-grayLighter { background-color: #efefef; } .padding-top10 { padding-top: 10%; } .main-title { color: #fff; font-size: 100px; font-family: fantasy; /*color: #286090;*/ padding: 30px; } .sub-title { color: white; padding: 10px; font-size: 20px; text-shadow: #efefef; } /*Nav bar*/ .navbar-default { background-color: transparent; border: none; border-radius: 0px; z-index: 999; transition: 0.3s; position: fixed; width: 100%; padding: 10px; } .affix { width: 100%; /* ReSharper disable once RequiresFallbackColor */ background: rgba(255, 255, 255, 0.8); box-shadow: 0px 1px #e6e6e6; } .navbar.affix .logo { opacity: 1; -ms-transform: translateX(0); transform: translateX(0); } .navbar .logo { display: inline-block; vertical-align: top; -ms-transform: translateX(2.5em); transform: translateX(2.5em); transition: 0.5s ease; opacity: 0; margin-top: 16px; color: green; } #panel-icon { transition: 0.3s; margin: auto 10px; color: green; padding: 6px 12px; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } #panel-icon { display: inline-block; width: 40px; height: 45px; position: relative; margin-top: 15px; margin-left: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #panel-icon span { display: block; position: absolute; height: 4px; width: 100%; background: #ffc52f; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #panel-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #panel-icon span:nth-child(2) { top: 15px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #panel-icon span:nth-child(3) { top: 30px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #panel-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 2px; } #panel-icon.open span:nth-child(2) { width: 0%; opacity: 0; } #panel-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #left-panel { padding-top: 85px; width: 350px; position: fixed; height: 100%; background-color:white; top: 0px; float: left; margin-left: -350px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; box-shadow: 0 2px 2px 0 #ccc, 0 1px 5px 0 #ccc, 0 3px 1px -2px #ccc; z-index: 10; } #left-panel.open { margin-left: 0px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #left-panel .item { padding: 15px 0px 15px 30px; color: #374f59; border-bottom: 1px solid #eee; font-size: large; -ms-transform: translateX(0); transform: translateX(0); transition: 0.5s ease; } #left-panel .item:last-child { border-bottom: 0px solid #eee; } #left-panel .item:hover { background-color: #ffc52f; padding-left: 60px; } #footer li a { color: white; font-size: medium; } #footer li { margin: 8px 0; } .backcss{ padding: 15px 0px 15px 30px; color: #374f59; border-bottom: 1px solid #eee; font-size: large; -ms-transform: translateX(0); transform: translateX(0); transition: 0.5s ease; cursor:pointer; } .backcss:hover { background-color: #ffc52f; padding-left: 60px; } </style> </head> <body> <div class="navbar navbar-default clearfix noselect"> <div id="panel-icon"> <span></span> <span></span> <span></span> </div> <div class="logo" id="Home"> <img src="/images/vithi/VITHI_text.png" class="img-responsive" style="height: 34px;" alt=""/> </div> </div> <div class="bg-grayLighter" id="main-container" style="padding: 70px 0 40px 0; height: 100%;background-color:#f4f4f4; overflow: hidden;"> <img src="/images/vithi/VITHI_Logo.png" style="margin: 0px auto;max-width:400px;" class="img-responsive" alt=""/> </div> <div id="left-panel"> <div class="item" id="tomain-container"><span>Home</span></div> <div class="item" id="toAbout"><span>About</span></div> <div class="item" id="toDataCollection">Data Collection</div> <div class="item" id="toDataStorage">Data Storage</div> <div class="item" id="toDataManagement">Data Management</div> <div class="item" id="toDataAnalysis">Data Analysis</div> <div class="item" id="toReporting">Reporting</div> <div class="item" id="toContact">Contact Us</div> <div class="backcss" id="backBtn">Back</div> </div> <div style="padding: 90px 0;" id="About"> <div class="container"> <div class="row"> <div class="col-lg-6 col-xl-6 col-md-6"> <div style="padding-top:18%;"> <img src="/images/vithi/vithi_multiscreen.png" class="img-responsive" alt=""/> </div> </div> <div class="col-lg-6 col-xl-6 col-md-6" style="color: #555"> <p class="para" style="font-size: large;"><span style="font-size: x-large;">VITHI</span> - The aim is to provide a structured approach to roads maintenance and development to enable authorities to operate, maintain and restore their 鈥楻oad assets' to meet key performance requirements.</p> <p style="font-size: large;">This valuable asset, ideally needs to be monitored and managed, and therefore requires asset management systems which are GIS based, to properly manage the asset information. When these are integrated to a common base, we have an integrated road asset management system.</p> <ul style="font-size: large;"> <li>Establish a complete inventory of all road network with all its elements</li> <li>Provide a clear picture of the current condition/performance of the road network</li> <li>Estimate the value of the asset</li> <li>Predict future demand of traffic and service needs</li> <li>Estimate maintenance needs and costs </li> <li>Prioritise objectives related to the desired quality and performance of the road network</li> <li>Set up funding scenarios for the regular and timely maintenance and upgrade of the road asset</li> <li>Define a strategy (RAM Plan)</li> <li>Implement the RAM Plan</li> </ul> </div> </div> </div> </div> <div style="background-color: #ffc802;padding: 70px 0 70px 0;" id="DataCollection"> <div class="container"> <div class="row"> <div class="col-lg-8 col-xl-8 col-md-8" style="color: #fff"> <h1 style="color: #fff;">Data Collection</h1> <ul style="font-size: x-large; margin-top: 40px;"> <li>Inventory</li> <li>Condition</li> <li>Costs</li> <li>Traffic</li> <li>Users</li> <li>Real Time Data Eg. GPS data</li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <div> <img src="/images/vithi/collection.png" class="img-responsive" alt=""/> </div> </div> </div> </div> </div> <div style="background-color: #034670;padding: 90px 0;" id="DataStorage"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xl-5 col-md-5"> <div> <img src="/images/vithi/data_storage.png" style="max-width:350px;" class="img-responsive" alt=""/> </div> </div> <div class="col-lg-7 col-xl-7 col-md-7" style="color: #fff"> <h1 style="color: #fff; margin-top: 40px;">Data Storage</h1> <ul style="font-size: x-large; margin-top: 50px;"> <li>Relational Database</li> <li>Big Data</li> <li>GIS referencing Data</li> </ul> </div> </div> </div> </div> <div style="background-color: #dcd3c4;padding: 70px 0 70px 0;" id="DataManagement"> <div class="container"> <div class="row"> <div class="col-lg-8 col-xl-8 col-md-8" style="color: #374f59"> <h1 style="color: #374f59;">Data Management</h1> <ul style="font-size: x-large; margin-top: 40px;"> <li>Dashboard Analysis</li> <li> Data Aggregrations</li> <li>Data Transformation</li> <li>Data Analytics</li> <li>Various Filters & Sub Filters</li> <li>Extract data to excel and other formats</li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <div> <img src="/images/vithi/data_management.png" class="img-responsive" alt=""/> </div> </div> </div> </div> </div> <div style="background-color: #19b29e;padding: 90px 0;" id="DataAnalysis"> <div class="container"> <div class="row"> <div class="col-lg-5 col-xl-5 col-md-5"> <div> <img src="/images/vithi/data_analysis.png" style="max-width:300px;" class="img-responsive" alt=""/> </div> </div> <div class="col-lg-7 col-xl-7 col-md-7" style="color: #fff"> <h1 style="color: #fff; margin-top: 40px;">Data Analysis</h1> <ul style="font-size: x-large; margin-top: 50px;"> <li>Hadoop</li> <li>Big Data</li> <li>Elastic Search</li> <li>HDM-4 Interfacing</li> </ul> </div> </div> </div> </div> <div style="background-color: #e6e6e6;padding: 70px 0 70px 0;" id="Reporting"> <div class="container"> <div class="row"> <div class="col-lg-8 col-xl-8 col-md-8" style="color: #374f59"> <h1 style="color: #374f59;">Reporting</h1> <ul style="font-size: x-large; margin-top: 40px;"> <li>Long term and short term plan</li> <li> Statistics</li> <li>Statistics using google and d3 charts</li> <li>Downloadable Report in different formats</li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <div> <img src="/images/vithi/reporting.png" class="img-responsive" alt=""/> </div> </div> </div> </div> </div> <div style="padding: 90px 0 0 0;" id="Contact"> <div class="container"> <h2 class="text-uppercase">Contact Us</h2> <div style="margin: 40px 0; color: #666666;"> <div class="media"> <div class="media-left contact-left"> <div> <span class="fa fa-2x fa-address-card-o fg-Secondary"></span> </div> </div> <div class="media-body"> <h4 class="media-heading">Address</h4> <p> VisionRI Connexion Services Private Limited <br>SCO 179, Sector 7, Sonepat, National Capital Region, Haryana - 131001, India </p> </div> </div> <div class="media"> <div class="media-left contact-left"> <div> <span class="fa fa-2x fa-phone fg-Secondary"></span> </div> </div> <div class="media-body"> <h4 class="media-heading">Phone</h4> <p> +91-130-6444012, +91-9991338884 </p> </div> </div> <div class="media"> <div class="media-left contact-left"> <div> <span class="fa fa-2x fa-envelope-open-o fg-Secondary"></span> </div> </div> <div class="media-body"> <h4 class="media-heading">Email</h4> <p> <a href="mailto:business@visionri.com" title="E-mail: business@visionri.com">business@visionri.com</a> </p> </div> </div> <div class="media"> <div class="media-left contact-left"> <div> <span class="fa fa-2x fa-share-alt fg-Secondary"></span> </div> </div> <div class="media-body"> <h4 class="media-heading">Social Media</h4> <p> <a target="_blank" href="http://www.facebook.com/pages/VisionRI-Connexion-Services-Private-Limited/246529418805200/" title="Facebook" class="margin-left5"> <span class="fa fa-facebook-square fg-Secondary"></span> </a> <a target="_blank" href="http://www.twitter.com/vricspl/" title="Twitter" class="margin-left5"> <span class="fa fa-twitter-square fg-Secondary"></span> </a> <a target="_blank" href="http://www.linkedin.com/company/visionri-connexion-services-pvt-ltd-/" title="Linkedin" class="margin-left5"> <span class="fa fa-linkedin-square fg-Secondary"></span> </a> </p> </div> </div> </div> </div> <div class="bg-grayLighter"> <iframe style="width:100%;border:0;margin-bottom:-7px; border: 0px;" height="370" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyARBC8sr3yVYJd6UMT_QnFF_9UOIscG3gE&q=VisionRI+Connexion+Services+Private+Limited,+Sonipat,+Haryana,+India" allowfullscreen></iframe> </div> </div> <div style="padding: 90px 0; background-color: #3f3f3f; color: white;"> <div class="container"> <div class="row" id="footer"> <div class="col-lg-4 col-xl-4 col-md-4" style="padding-top: 45px;"> <a href="/Home/Vithi/"><img alt="" class="img-responsive" src="/images/vithi/VITHI_Logo.png" style="max-height: 95px;" /></a> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase" style="color: #dea42c;">Links</h2> <ul class="list-unstyled" style="margin-top: 15px;"> <li><a target="_blank" href="https://www.Devdiscourse.com">Devdiscourse</a></li> <li><a href="/Content/Vithi/Information_Brochure_VITHI.pdf" download="Vithi">Download Brochure</a></li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase" style="color: #dea42c;">Follow</h2> <ul class="list-unstyled" style="margin-top: 15px;"> <li><a target="_blank" href="http://www.facebook.com/pages/VisionRI-Connexion-Services-Private-Limited/246529418805200/"><span class="fa fa-facebook-square"></span> facebook</a></li> <li><a target="_blank" href="http://www.twitter.com/vricspl/"><span class="fa fa-twitter-square"></span> twitter</a></li> <li><a target="_blank" href="http://www.linkedin.com/company/visionri-connexion-services-pvt-ltd-/"><span class="fa fa-linkedin-square"></span> linkedIn</a></li> </ul> </div> </div> </div> </div> <div class="text-center" style="padding: 10px; background-color: #272727; color: white;"> Copyright 漏 All Rights Reserved </div> <script src="/Scripts/jquery-1.10.2.min.js"></script> <script src="/Scripts/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.navbar').affix({ offset: 100 }); $("#panel-icon").click(function() { $(this).toggleClass("open"); $("#left-panel").toggleClass("open"); }); $(".item").click(function () { var scrollto = this.id; var navBarHeight = $(".navbar").height(); scrollto = scrollto.replace("to", ""); $('html,body').animate({ scrollTop: ($("#" + scrollto).offset().top) - 85 }, 'slow'); window.history.pushState(scrollto, 'Title', '/Home/Vithi#' + scrollto); }); $('#backBtn').click(function () { //window.history.back(); window.location.href = "/Home/"; }); }); </script> </body> </html>