CINXE.COM
Vyoma
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Vyoma</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; } .dropdown-menu li { height: 40px; } .logoImage { width: 300px; margin-top: 3px; } .navdefault { background-color: white; height: 180px; } .navbar-nav li { font-size: 16px; margin-right: 65px; } .imageText { position: absolute; padding-top: 100px; text-align: right; margin-left: 300px; } @media(max-width: 1440px) { .imageText { position: absolute; padding-top: 100px; text-align: right; margin-left: 0px; } } @media(max-width: 1024px) { .navbar-nav li { font-size: 20px; margin-right: 10px; } .imageText { position: absolute; padding-top: 50px; text-align: right; margin-left: 0px; } } @media(max-width: 768px) { .navbar-nav li { font-size: 14px; margin-right: 10px; } .logoImage { width: 300px; margin-top: 3px; } .imageText { position: absolute; padding-top: 50px; text-align: right; margin-left: 0px; } .imageText h1 { font-size: 24px; } } @media(min-width: 320px) and (max-width: 425px) { .imageText { position: absolute; padding-top: 0px; text-align: right; margin-left: 150px; } .imageText h1 { font-size: 14px; } .imageText a { display: none !important; } } </style> </head> <body> <nav class="navbar navbar-default navdefault"> <span class="btn btn-link btn-lg" id="backBtn" style="position:absolute;margin:25px;text-decoration:none;"><span class="fa fa-arrow-circle-left"></span> Back</span> <div class="container"> <div class="collapse navbar-collapse text-center" id="bs-example-navbar-collapse-1"> <img src="/images/Vyoma/Vyoma-Logo.png" class="logoImage" /> <ul class="nav navbar-nav" style="padding-top:15px;"> <li class="item" id="toHome"><a href="#">HOME</a></li> <li class="item" id="toWhyVyoma"><a href="#">WHY</a></li> <li class="item" id="toDataStorage"><a href="#">DATA STORAGE</a></li> <li class="item" id="toModule"><a href="#">MODULES</a></li> <li class="item" id="toDataAnalysis"><a href="#">DATA ANALYSIS</a></li> <li class="item" id="toContact"><a href="#">CONTACT US</a></li> </ul> </div> </div> </nav> <div style="padding-top: 180px;" id="Home"> <div class="container imageText"> <h1 style="text-align:right; font-weight:600; line-height:1.5">Water Asset <br /> Management System</h1> <a href="#ReadMore" class="btn btn-lg" id="toHome" style="background-color:#2a3744;padding:10px 30px 10px 30px; color:#fff">Read More</a> </div> <img src="/images/NewBanner/water.png" class="img-responsive" /> </div> <div style="padding:70px 0 70px 0; background-color:#ffd565" id="ReadMore"> <div class="container"> <div class="row"> <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12"> <h2><span style="font-size: xx-large;">VYOMA</span> - is a GIS based web application for water Asset Management System of any size and type to achieve maximum efficiency.</h2> </div> </div> <div class="row" style="margin-top:30px;"> <div class="col-lg-6 col-xl-6 col-md-6 col-sm-6" style="color: black"> <p class="para" style="font-size: x-large;font-weight:600">Vyoma is centered on following framework : </p> <ol style="font-size: x-large;"> <li>What is the current state of my assets?</li> <li>What is my required "sustainable" level of service?</li> <li>Which assets are critical to sustained performance?</li> <li>What are my minimum life-cycle costs?</li> <li id="WhyVyoma">What is my best long-term funding strategy?</li> </ol> </div> <div class="col-lg-6 col-xl-6 col-md-6 col-sm-6"> <img src="/images/Vyoma/Vyoma-multiscreen.png" class="img-responsive" alt="Home" /> </div> </div> </div> </div> <div style="background-color: white;padding: 70px 0 70px 0;"> <div class="container"> <div class="row"> <div class="col-lg-4 col-xl-4 col-md-4 col-sm-6"> <div> <img src="/images/vithi/collection.png" class="img-responsive" alt="Collection" /> </div> </div> <div class="col-lg-8 col-xl-8 col-md-8 col-sm-6" style="color: #222"> <h1 style="color: #222;">WHY VYOMA</h1> <span style="font-size:large;">Vyoma comes to the fore when making decisions related to asset operations and maintenance in order to provide quality services at low cost to consumers.</span> <ol style="font-size: large; margin-top: 40px;"> <li>Prolonging asset life and improving decisions about asset rehabilitation, repair, and replacement</li> <li>Meeting consumer demands with a focus on system sustainability</li> <li>Setting rates based on sound operational and financial planning</li> <li>Budgeting focused on critical activities for sustained performance</li> <li>Meeting service expectations and regulatory requirements</li> <li>Improving responses to emergencies</li> <li>Improving the security and safety of assets</li> <li id="DataStorage">Reducing overall costs for both operations and capital expenditures</li> </ol> </div> </div> </div> </div> <div style="background-color: #2a3744;padding: 90px 0;"> <div class="container"> <div class="row"> <div class="col-lg-6 col-xl-6 col-md-6 col-sm-6" style="color: #ffffff"> <h1 style="color:#ff5000">Data Storage</h1> <ul style="font-size: x-large; margin-top: 50px;"> <li>Relational Database</li> <li>Big Data</li> <li id="Module">GIS referencing Data</li> </ul> </div> <div class="col-lg-6 col-xl-6 col-md-6 col-sm-6"> <img src="/images/vithi/data_storage.png" class="img-responsive" alt="Data Storage" /> </div> </div> </div> </div> <div style="background-color: #ffffff;padding: 70px 0 70px 0;"> <div class="container"> <div class="row"> <div class="col-lg-4 col-xl-4 col-md-4 col-sm-6"> <img src="/images/vithi/data_management.png" class="img-responsive" alt="Modules" /> </div> <div class="col-md-offset-1 col-lg-7 col-xl-7 col-md-7 col-sm-6" style="color: #222"> <h1 style="color: #ff5c5c;">Modules</h1> <ul style="font-size: x-large; margin-top: 40px;"> <li>Customer integration module</li> <li>Manage finance system of asset under finance system</li> <li>Planing the capital budget of assets</li> <li>Geolocation of asset using GIS mapping</li> <li>Registration of asset inventory</li> <li>Condition of asset registered on regular interval</li> <li>Risk assesment reports and failure prediction</li> <li>Full flashed maintenance system</li> <li>Easy integration with SCADA system</li> <li>Reporting charts for monitoring asset</li> <li id="DataAnalysis">Admin dashboard based on role type</li> </ul> </div> </div> </div> </div> <div style="background-color: #00bef1;padding: 90px 0;"> <div class="container"> <div class="row"> <div class="col-lg-7 col-xl-7 col-md-7 col-sm-6" style="color: #fff"> <h1 style="color: #003173; 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> </ul> </div> <div class="col-lg-5 col-xl-5 col-md-5 col-sm-6"> <img src="/images/vithi/data_analysis.png" class="img-responsive" alt="Data Analysis" /> </div> </div> </div> </div> <div style="padding: 90px 0 90px 0;" id="Contact"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12" style="color: #ffffff; background-color:#1fab9a; padding:30px;"> <h2 class="text-uppercase" style="margin:0 0 30px 0">Contact Us</h2> <div class="media"> <div class="media-left contact-left"> <div> <span class="fa fa-3x fa-map-marker fg-Secondary"></span> </div> </div> <div class="media-body"> <p> VisionRI Connexion Services Private Limited <br>SCO 179, Sector 7, Sonepat, National Capital Region, Haryana - 131001, India </p> </div> </div> <div class="media" style="margin-top:30px !important"> <div class="media-left contact-left"> <div> <span class="fa fa-2x fa-phone fg-Secondary"></span> </div> </div> <div class="media-body" style="margin-left:20px;"> <p>+91-130-6444012, +91-9991338884</p> </div> </div> <div class="media" style="margin-top:30px !important"> <div class="media-left contact-left"> <div> <span class="fa fa-2x fa-envelope fg-Secondary"></span> </div> </div> <div class="media-body" style="margin-left:20px;"> <p> <a href="mailto:business@visionri.com" title="E-mail: business@visionri.com" style="color:#ffffff">business@visionri.com</a> </p> </div> </div> <hr /> <div class="media" style="margin-top:30px !important"> <div class="media-body"> <h3 class="media-heading">FOLLOW US</h3> <p style="padding-top:30px"> <a target="_blank" href="http://www.facebook.com/pages/VisionRI-Connexion-Services-Private-Limited/246529418805200/" title="Facebook" class="margin-left5 btn btn-sm" style="background-color:#163f75; padding-left:14px; padding-right:14px; margin-left:25px"> <span class="fa fa-facebook fa-2x" style="color:#fff;"></span> </a> <a target="_blank" href="http://www.twitter.com/vricspl/" title="Twitter" class="margin-left5 btn btn-sm" style="background-color:#00b3f5; margin-left:25px"> <span class="fa fa-twitter fa-2x" style="color:#fff;"></span> </a> <a target="_blank" href="http://www.linkedin.com/company/visionri-connexion-services-pvt-ltd-/" title="Linkedin" class="margin-left5 btn btn-sm" style="background-color:#0085d7; margin-left:25px"> <span class="fa fa-linkedin fa-2x" style="color:#fff;"></span> </a> </p> </div> </div> </div> </div> </div> </div> <div class="bg-grayLighter"> <iframe style="width:100%;border:0;margin-bottom:-7px; border: 0px;" height="450" 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 style="padding: 10px 0; background-color: #ffffff; 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/Vyoma/"><img alt="" class="img-responsive" src="/images/Vyoma/Vyoma-Logo.png" style="max-height: 95px;" /></a> </div> <div class="col-md-offset-1 col-lg-3 col-xl-3 col-md-3"> <h2 class="text-uppercase" style="color:#898989">More Links</h2> <ul class="list-unstyled" style="margin-top: 15px;"> <li><a target="_blank" href="https://www.Devdiscourse.com" style="color:#2479cc">Devdiscourse</a></li> <li><a href="/Content/Vyoma/Information_Brochure.pdf" download="Vyoma" style="color:#2479cc">Download Brochure</a></li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase" style="color:#898989">Follow Us</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/" style="color:#222"><span class="fa fa-facebook-square"></span> facebook</a></li> <li><a target="_blank" href="http://www.twitter.com/vricspl/" style="color:#222"><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-/" style="color:#222"><span class="fa fa-linkedin-square"></span> linkedIn</a></li> </ul> </div> </div> </div> </div> <div class="text-center" style="padding: 10px; background-color: #003173; 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/Vyoma#' + scrollto); }); $('#backBtn').click(function () { //window.history.back(); window.location.href = "/Home/"; }); }); </script> </body> </html>