Idea-KM

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Idea-KM</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; } </style> </head> <body> <nav class="navbar navbar-default" style="background-color:white;height:100px;"> <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" id="bs-example-navbar-collapse-1"> <img src="/images/Idea/IdeaKM-Logo.png" /> <ul class="nav navbar-nav navbar-right" style="padding-top:15px;"> <li class="item" id="toHome"><a href="#">HOME</a></li> <li class="item" id="toAbout"><a href="#">ABOUT</a></li> <li class="item" id="toFeatures"><a href="#">FEATURES</a></li> <li class="item" id="toContact"><a href="#">CONTACT US</a></li> </ul> </div> </div> </nav> <div id="Home" style="padding-top:100px;"> <img src="/images/Idea/IDEAKMBanner.jpg" class="img-responsive" alt="" /> </div> <div style="padding-top: 100px;padding-bottom: 70px; background-color:#0288D1;" id="About"> <div class="container"> <div class="row"> <div class="col-lg-6 col-xl-6 col-md-6"> <div> <img src="/images/Idea/IDEA_KMWhy.png" class="img-responsive" alt="" /> </div> </div> <div class="col-lg-6 col-xl-6 col-md-6" style="color: white;"> <p class="para" style="font-size: 18px;"><span style="font-size: x-large;">IDEA-KM</span> - an online knowledge management system for acquiring, organizing, sustaining, applying, sharing and renewing both the tacit and explicit knowledge of employees to enhance organizational performance and create value. Features include file storage, analytic services and task management system embedded with calendar view. </p> </div> </div> </div> </div> <div style="background-color: #dcd3c4;padding: 50px 0 70px 0;" id="Features"> <div class="container"> <div class="row"> <div class="col-lg-8 col-xl-8 col-md-8"> <h1>Features</h1> <span style="font-size:large;"></span> <ul style="font-size: 18px;"> <li>Sharing of file and folder to the public or specific users.</li> <li>IDEA - KM allow read write and read permission applicable for all files type and folder.</li> <li>File tagging system for intelligent search.</li> <li>Quick access from any devices across the world.</li> <li>Task and event management an integral part of IDEA - KM.</li> <li>Email and SMS integration for all users notifications.</li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> </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/IdeaKM/"><img alt="" class="img-responsive" src="/images/Idea/IDEAKMwhite.png" /></a> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase" style="color: #0288D1;">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/Idea/Idea-KM.pdf" download="Idea-KM">Download Brochure</a></li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase" style="color: #0288D1;">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/IdeaKM#' + scrollto); }); $('#backBtn').click(function () { //window.history.back(); window.location.href = "/Home/"; }); }); </script> </body> </html>

CINXE.COM

Idea-KM