CINXE.COM
IDEA-ME: Monitoring and Evaluation tool for managing development projects
<!DOCTYPE html> <html lang="en" dir="ltr"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>IDEA-ME: Monitoring and Evaluation tool for managing development projects</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="index, follow, noodp, noydir" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="description" content="IDEA-ME is a web-based project monitoring and evaluation tool for managing development projects, NGOs and foundations, government agencies, institutions and funding agencies." /> <meta name="keywords" content="IDEA-ME, Idea, Monitoring and Evaluation Tool, Project Monitoring Tool, Logframe, Task Management, Meeting Room, Livestreaming, Analytics & Reports, Chat & Video Calling, Project Portfolios Management" /> <link rel="canonical" href="https://www.visionri.com/Home/IdeaME" /> <meta name="news_keywords" content="IDEA-ME, Idea, Monitoring and Evaluation Tool, Project Monitoring Tool, Logframe, Task Management, Meeting Room, Livestreaming, Analytics & Reports, Chat & Video Calling, Project Portfolios Management" /> <meta itemprop="name" content="IDEA-ME: Monitoring and Evaluation tool for managing development projects" /> <meta itemprop="description" content="IDEA-ME is a web-based project monitoring and evaluation tool for managing development projects, NGOs and foundations, government agencies, institutions and funding agencies." /> <meta itemprop="image" content="https://www.visionri.com/images/Idea/Idea_me_banner.jpg" /> <meta itemprop="thumbnailUrl" href="https://www.visionri.com/images/Idea/Idea_me_banner.jpg?width=640" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@VisionRI_" /> <meta name="twitter:creator" content="@VisionRI_" /> <meta property="og:url" content="https://www.visionri.com/Home/IdeaME" /> <meta property="og:type" content="website" /> <meta property="og:title" content="IDEA-ME: Monitoring and Evaluation tool for managing development projects" /> <meta property="og:description" content="IDEA-ME is a web-based project monitoring and evaluation tool for managing development projects, NGOs and foundations, government agencies, institutions and funding agencies." /> <meta property="og:image" itemprop="image" content="https://www.visionri.com/images/Idea/Idea_me_banner.jpg" /> <meta property="og:site_name" content="IDEA-ME" /> <meta content="1280" property="og:image:width"> <meta content="720" property="og:image:height"> <link href="/Content/bootstrap.min.css" rel="stylesheet" /> <link href="/Content/font-awesome.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@400;700&family=Oswald:wght@400&display=swap" rel="stylesheet"> <link href="/Content/OwlCarousel/dist/assets/owl.carousel.min.css" rel="stylesheet" /> <style> body { height: 100%; width: 100%; font-family: 'Frank Ruhl Libre', serif; } .font-oswald { font-family: 'Oswald', sans-serif; } .bg-grayLighter { background-color: #f8f8f8; } .padding-top10 { padding-top: 10%; } .font-large { font-size: 19px; line-height: 1.37; } ul.font-large { padding-left: 20px; } ul.font-large li { margin-top: 10px } .main-title { color: #fff; font-size: 100px; font-family: fantasy; 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%; 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; color: #007879; } #panel-icon { transition: 0.3s; margin: auto 10px; color: #007879; 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: 0; -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: #007879; 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: 75px; 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; font-family: 'Oswald'; } #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, #left-panel a.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; cursor:pointer; display:block; text-decoration:none; } #left-panel .item:last-child { border-bottom: 0px solid #eee; } #left-panel .item:hover { background-color: #007879; color: white; padding-left: 60px; } #footer li a { color: #333; font-size: medium; text-decoration: none } #footer li a:hover { color: #007879; text-decoration: none } #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: #007879; color: white; padding-left: 60px; } .actionDiv { background-color: white; color: black; margin-bottom: 5px; } .no-margin { margin: 0; } .no-padding { padding: 0; } .fg-color { color: #007879; } .container-padding { padding: 70px 0; } .bg-color { background-color: #007879; } .fg-white { color: #fff; } .bg-gradient { background: linear-gradient(97.53deg, #00B8BA 6.33%, #288CCE 73.37%); } .text-gradient { background: -webkit-linear-gradient(97.53deg, #00B8BA 6.33%, #288CCE 73.37%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gradient-heading:after { content: ' '; width: 50px; height: 5px; background: linear-gradient(97.53deg, #00B8BA 6.33%, #288CCE 73.37%); display: block; margin-top: 3px } .t-header { line-height: 1.39; color: #212121 } .img-grayscale { filter: saturate(0); } .t-overlay { position: relative; } .t-overlay:after { position: absolute; background: linear-gradient(97.53deg, #00B8BA 6.33%, #288CCE 73.37%); width: 100%; height: 100%; content: ''; display: block; top: 0; opacity: 0.5; } b { font-weight: 600; } .custom-nav { font-family: 'Oswald'; font-size: 20px; } .plan-card { border-radius: 30px; background-color: #fff; background-image: url('/images/Idea/lines.svg'); background-repeat: no-repeat; background-position: calc(100% - 20px) 0%; background-size: 50px; padding: 20px; border: 0.343725px solid #D7D7D7; filter: drop-shadow(0.343725px 0.68745px 5px rgba(0, 0, 0, 0.25)); margin: 40px 0; font-size: 17px; } .plan-card.large { padding: 50px 20px; margin: 10px 0; } .plan-card ul li { margin: 15px 0; } .plan-card ul li i { margin-right: 8px; } .btn-custom { color: white; margin-top: 20px; margin-bottom: 10px; font-size: 18px; font-weight: 500; padding: 5px 15px; font-family: 'Frank Ruhl Libre', serif; border-radius: 25px; margin-top: 30px; } .btn-custom:hover { color: white; background: linear-gradient(97.53deg, #00B8BA 6.33%, #288CCE 73.37%); } .btn-custom.btn1 { background-color: #01B8BA; } .btn-custom.btn2 { background-color: #007879; } .btn-custom.btn3 { background-color: #288CCE; } .fg-one { color: #01B8BA !important; } .fg-two { color: #007879 !important; } .fg-three { color: #288CCE !important; } .fg-trail { color: #5cb85c !important; } .bg-trail { background-color: #5cb85c !important; } .owl-carousel .owl-nav { position: absolute; top: -60px; right: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { margin-left: 10px; padding: 5px 10px !important; outline-color: transparent; line-height: 16px; font-size: 24px; } .owl-carousel .owl-nav button.owl-next { background-color: #288CCE; color: #fff; } .owl-carousel .owl-nav button.owl-prev { background-color: #00B8BA; color: #fff; } .owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled { background-color: #ccc; color: #333; } .m-t-20{ margin-top:20px; } </style> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <div class="navbar-brand"> <div style="margin-top:-22px"> <div id="panel-icon"> <span></span> <span></span> <span></span> </div> <div class="logo" id="Home"> <img src="/images/ideame_logo.svg" class="img-responsive" style="height:60px;" alt="IDEA-ME" /> </div> </div> </div> </div> </div> </nav> <div class="bg-white" id="main-container"> <img src="/images/Idea/IDEAMEBanner.jpg" class="img-responsive center-block" alt="" /> </div> <div id="left-panel"> <div class="item" data-to="tomain-container"><span>Home</span></div> <div class="item" data-to="toAbout"><span>About</span></div> <div class="item" data-to="toWhy">Why</div> <div class="item" data-to="toFeatures">Features</div> <div class="item" data-to="toAction">Action</div> <div class="item" data-to="App">IDEA-ME Mobile Application</div> <div class="item" data-to="toContact">Contact Us</div> <a class="item" href="/">Back</a> </div> <div class="bg-grayLighter container-padding" id="About"> <div class="container"> <div class="row"> <div class="col-lg-6 col-xl-6 col-md-6"> <p class="para font-large"><span class="text-gradient h2">IDEA-ME</span> is a web-based project monitoring and evaluation tool that provides a feature-rich platform incorporating portfolios, log frame design and indicators, team integration, activities/tasks tracking, custom and smart notifications, custom forms builder, analytical and reporting module, video-based meeting room, live streaming from project sites with an android based application with GIS-enabled technologies.</p> <p class="font-large">IDEA-ME is a monitoring and evaluation software for managing development projects, NGOs and foundations, government agencies, institutions and funding agencies.</p> </div> <div class="col-lg-6 col-xl-6 col-md-6"> <img src="/images/Idea/idea-me-mockup.png" class="img-responsive" alt="" /> </div> </div> </div> </div> <div class="container-padding bg-gradient" id="Why"> <div class="container"> <div class="row"> <div class="col-lg-12 col-xl-12 col-md-12 fg-white"> <h2 class="font-oswald text-uppercase">Why IDEA-ME</h2> <ul class="font-large" style="margin-top: 40px;"> <li>Easy to install, implement and use.</li> <li>Highly flexible and customizable with configured plans available according to the needs of users.</li> <li>Cloud-based facilitating log in anywhere (office, home or field) and anytime.</li> <li>Allows seamless collaboration at all levels of project management team and project stakeholders.</li> <li>Designed for quality controls.</li> <li>Real time data driven project management and monitoring for resolving the executional challenges and seamless implementation of organization planning and controls.</li> <li>Designed to identify, manage and control risks.</li> <li>Data security through encryption, backups, SSL encryption, the best international practices applied.</li> <li>Affordable plans for all.</li> </ul> </div> </div> </div> </div> <div class="container-padding" id="Features"> <div class="container"> <h2 class="text-uppercase fg-color font-oswald text-gradient gradient-heading">Features</h2> <div class="text-center"> <img src="/images/Idea/feature-for-web.png" class="img-responsive center-block" /> </div> </div> </div> <div class="container-padding bg-grayLighter" id="Action"> <div class="container"> <div class="row"> <div class="col-lg-12 col-xl-12 col-md-12"> <h2 style="margin-top: 30px;margin-bottom:30px;" class="font-oswald text-uppercase text-gradient gradient-heading">IDEA-ME in Action</h2> <div class="owl-carousel"> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/Sierra_Leone_project.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Monitoring and Evaluation of Road Project in Sierra Leone funded by African Development Bank</h3> <p>Used Form Builder Tool, Logframe, Document Management System, IDEA-Live Monitoring Application for survey, and Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/zinwa_project.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Project Monitoring, Knowledge Management and Stakeholder Consultations to prepare National Water Resources Master Plan for Zimbabwe funded by the World Bank</h3> <p>Used Form builder Tool, Workflow, Meeting Room, Logframe, Task management, Custom Roles and Organize Team, Document Management System, IDEA-Live Monitoring Application for survey, and Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/transmission-lines.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Project Management Consultant for DABS in Afghanistan (funded by ADB)</h3> <p>Managing and supervising the construction of power transmission lines, substation and distribution network using all modules of the software.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/kenya.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Development of a Road Hazard Management System and Emergency Response Plan for the Petroleum Sector in Kenya (funded by the World Bank)</h3> <p>Used Meeting Room, Chat and Video Calling, Form Builder tool, IDEA-Live Monitoring Application for survey, Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/the_research.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">The Participatory Monitoring of Sustainable Development Goals</h3> <p>An innovative and experimental participatory research by VisionRI in collaboration with Devdiscourse using Form Builder Tool, Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/livelihood.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Examine/Audit existing experiences with Alternative Livelihood Programmes in Ghana (funded by the World Bank)</h3> <p>Used Meeting Room, Form Builder Tool, IDEA-Live Monitoring Application for survey, Chat & Video Calling, and Document Management System.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/trade_logestic.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Development of a Nation Trade Logistics Strategy for Zambia (Funded by the World Bank)</h3> <p>Used Form Builder Tool, Document Management System, IDEA-Live Monitoring Application for survey, Meeting Room, Chat and Video Calling, Live Monitoring, and Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/agribusiness_uganda.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Skills Survey in Agribusiness in Uganda, Zambia and Sierra Leone for African Development Bank</h3> <p>Used Form Builder Tool, Meeting Room, Document Management System, IDEA-Live Monitoring Application for survey, and Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/GIS_based_electrification.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Update of GIS Database for Ghana's Last-Mile Electrification funded by the World Bank</h3> <p>Used Form Builder Tool, Meeting Room, Document management system, IDEA-Live Monitoring Application for survey, and Analytics and Reports.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/Qaisar_laman_afg.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Construction supervision of Qaisar-Laman Road Project in Afghanistan (Funded by ADB)</h3> <p>Managing and supervising the construction of road project using all modules of the software.</p> </div> </div> <div class="item"> <div class="t-overlay"> <img src="/images/Idea/head_office_sonipat.jpg" class="img-responsive img-grayscale"> </div> <div class="panel-bodyk"> <h3 class="t-header">Catalyzing the daily operations at Head Office of VisionRI</h3> <p>Used Form Builder Tool, Meeting Room, Document Management System, Task Management System, IDEA-Live Monitoring Application for survey, and Analytics and Reports.</p> </div> </div> </div> </div> </div> </div> </div> <div class="container-padding bg-white" id="App"> <div class="container"> <h2 class="text-uppercase fg-color font-oswald text-gradient gradient-heading">IDEA-ME Mobile Application</h2> <div class="row m-t-20"> <div class="col-md-5"> <img src="/Images/Idea/idea_moble_app.png" class="img-responsive center-block" /> </div> <div class="col-md-7"> <p class="font-large m-t-20">Collect data from the field with the mobile application of IDEA-ME available on <a href="https://play.google.com/store/apps/details?id=com.visionri.ideame" target="_blank">Google Play Store</a>. IDEA-ME android application comes with the following features:</p> <ol class="font-large m-t-20"> <li>User friendly.</li> <li>Highly secure with end to end encryption.</li> <li>Offline data collection and syncing data to the cloud once internet connectivity becomes available.</li> <li>Collection of geo-tagged data.</li> <li>Live streaming from multiple project sites.</li> <li>Collection of photos and videos, and syncing to the cloud.</li> <li>Editing pre-filled surveys/forms before syncing.</li> </ol> </div> </div> </div> </div> <div class="container-padding bg-grayLighter" id="Contact" style="padding-bottom:0"> <div class="container"> <h2 class="text-uppercase font-oswald text-gradient gradient-heading">Contact Us</h2> <div style="margin: 40px 0;"> <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 font-oswald">Address</h4> <p class="font-large"> 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 font-oswald">Phone</h4> <p class="font-large"> +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 font-oswald">Email</h4> <p class="font-large"> <a href="mailto:business@visionri.com" class="fg-color" 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 font-oswald">Social Media</h4> <ul class="list-inline" style="margin-top:10px;"> <li> <a target="_blank" href="http://www.facebook.com/pages/VisionRI-Connexion-Services-Private-Limited/246529418805200/" title="Facebook" class="margin-left5 fg-color"> <span class="fa fa-facebook-square fg-Secondary fa-2x"></span> </a> </li> <li> <a target="_blank" href="http://www.twitter.com/vricspl/" title="Twitter" class="margin-left5 fg-color"> <span class="fa fa-twitter-square fg-Secondary fa-2x"></span> </a> </li> <li> <a target="_blank" href="http://www.linkedin.com/company/visionri-connexion-services-pvt-ltd-/" title="Linkedin" class="margin-left5 fg-color"> <span class="fa fa-linkedin-square fg-Secondary fa-2x"></span> </a> </li> </ul> </div> </div> </div> </div> <div class="bg-grayLighter"> <iframe style="width:100%;border:0;margin-bottom:-5px; 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: #fafafa; color: #333;border-top: 1px solid #e3e3e3;"> <div class="container"> <div class="row" id="footer"> <div class="col-lg-4 col-xl-4 col-md-4" style="padding-top: 25px;"> <a href="https://www.ideame.io"><img src="/images/ideame_logo.svg" style="max-height: 95px;" /></a> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase font-oswald" style="color: #007879;">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="/Images/Idea/IDEA_ME_Brochure.pdf">Download Brochure</a></li> </ul> </div> <div class="col-lg-4 col-xl-4 col-md-4"> <h2 class="text-uppercase font-oswald" style="color: #007879;">Follow</h2> <ul class="list-unstyled" style="margin-top: 15px;"> <li><a target="_blank" href="https://www.facebook.com/VisionRI.Consult/"><span class="fa fa-facebook-square fg-color"></span> facebook</a></li> <li><a target="_blank" href="https://twitter.com/VisionRI_"><span class="fa fa-twitter-square fg-color"></span> twitter</a></li> <li><a target="_blank" href="https://www.linkedin.com/company/visionri-connexion-services-pvt-ltd-/"><span class="fa fa-linkedin-square fg-color"></span> linkedIn</a></li> </ul> </div> </div> </div> </div> <div class="text-center" style="padding: 10px; background-color: #ddd; color: #333;"> Copyright 漏 All Rights Reserved </div> <script src="/Scripts/jquery-1.10.2.min.js"></script> <script src="/Scripts/bootstrap.min.js"></script> <script src="/Content/OwlCarousel/dist/owl.carousel.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('.navbar').affix({ offset: 100 }); $('.owl-carousel').owlCarousel({ loop: true, nav: true, margin: 10, responsiveClass: true, responsive: { 0: { items: 1, nav: true }, 600: { items: 2, nav: false }, 1000: { items: 2, nav: true, loop: false } } }) $("#panel-icon").click(function () { $(this).toggleClass("open"); $("#left-panel").toggleClass("open"); }); $(".item").click(function () { var scrollto = $(this).attr('data-to'); var navBarHeight = $(".navbar").height(); scrollto = scrollto.replace("to", ""); $('html,body').animate({ scrollTop: ($("#" + scrollto).offset().top) - 70 }, 'slow'); window.history.pushState(scrollto, 'Title', '/Home/IdeaME#' + scrollto); }); $('#backBtn').click(function () { window.location.href = "/"; }); }); </script> </body> </html>