File: /home/imensosw/www/imenso.co/dev/impactify/site/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Impactify | Landing Page</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="index, follow all">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Loading Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Loading Template CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style-magnific-popup.css" rel="stylesheet">
<link rel="stylesheet" href="css/style-1.css">
<!-- Resource style -->
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/snap.svg-min.js"></script>
<!-- Font Awesome -->
<link href="css/fonts.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Carousel -->
<style type="text/css">
#wrapper
{
width: 100%;
height: auto;
}
#carousel
{
margin-top: 20px;
margin-bottom: 20px;
}
#carousel div
{
text-align: center;
width: 250px;
height: inherit;
padding: 0 20px;
float: left;
position: relative;
}
#carousel div img
{
border: none;
width: 100%;
height: auto;
}
#carousel div span { display: none; }
#carousel div:hover span, #carousel div.hover span
{
display: inline-block;
width: 100px;
padding: 2px 0;
margin: 0 0 0 -50px;
position: absolute;
bottom: 0;
left: 50%;
border-radius: 3px;
}
#pager
{
text-align: center;
padding-top: 20px;
}
#pager a
{
background: #ccc;
display: none;
border-radius: 5px;
width: 10px;
height: 10px;
margin: 0 2px;
}
#pager a.selected { background: #999; }
#pager a:hover { background: #666; }
#pager a span { display: none; }
#donate-spacer { height: 100%; }
#donate
{
width: 750px;
padding: 50px 75px;
margin: 0 auto;
overflow: hidden;
}
#donate p, #donate form
{
margin: 0;
float: left;
}
#donate p { width: 650px; }
#donate form { width: 100px; }
</style>
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700' rel='stylesheet' type='text/css'>
<!-- Font Favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!--headerIncludes-->
</head>
<body>
<!--begin loader -->
<div id="loader">
<div class="sk-three-bounce">
<div class="sk-child sk-bounce1"></div>
<div class="sk-child sk-bounce2"></div>
<div class="sk-child sk-bounce3"></div>
</div>
</div>
<!--end loader -->
<!--begin header -->
<header class="header">
<!--begin nav -->
<nav class="navbar navbar-default navbar-fixed-top">
<!--begin container -->
<div class="container">
<!--begin navbar -->
<div class="navbar-header">
<button data-target="#navbar-collapse-02" data-toggle="collapse" class="navbar-toggle" type="button"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a href="index.html" class="navbar-brand brand scrool"><img src="images/logo.png" class="logo img-responsive" alt=""/></a> </div>
<div id="navbar-collapse-02" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home_wrapper">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#why_us">Why Us</a></li>
<li><a href="#industries">Our Team</a></li>
<li><a href="#faq">FAQs</a></li>
<li><a href="#contact" class="purchase scrool">CONTACT US</a></li>
</ul>
</div>
<!--end navbar -->
</div>
<!--end container -->
</nav>
<!--end nav -->
</header>
<!--end header -->
<!--begin home_wrapper -->
<section id="home_wrapper" class="home-wrapper">
<!--begin gradient_overlay -->
<div class="gradient_overlay"></div>
<!--end gradient_overlay -->
<!--begin container-->
<div class="container home-wrappe-inside">
<!--begin row-->
<div class="row">
<!--begin col-md-6-->
<div class="col-md-6 col-xs-12 padding-top-80">
<h1 class="home-title wow fadeIn" data-wow-delay="0.5s">Serving NGOs to Amplify Impact</h1>
<p class="home-subtitle wow fadeIn" data-wow-delay="1s">Our team and easy to use tools help build NGO credibility, simplify reporting, create trust and enhance collaboration with Sponsors.</p>
<!--begin form-->
<div class="wow fadeIn" data-wow-delay="1.5s">
<!--begin register form -->
<form class="register-form register" action="register.php" method="post">
<!--begin col-md-6-->
<div class="col-md-6 no-padding-left">
<input class="register-input grey-input" required name="register_names" placeholder="Your Name*" type="text">
<input class="register-input grey-input" required name="register_phone" placeholder="Phone Number*" type="text">
</div>
<!--end col-md-6-->
<!--begin col-md-6-->
<div class="col-md-6 no-padding-left">
<input class="register-input grey-input" required name="register_email" placeholder="Email Adress*" type="email">
<input class="register-input grey-input" required name="register_organization" placeholder="Organization Name*" type="text">
</div>
<!--end col-md-6-->
<input value="Request a free demo" class="register-submit-top btn-blue" type="submit">
</form>
<!--end register form -->
</div>
<!--end form-->
</div>
<!--end col-md-6-->
<div class="col-md-6 col-xs-12 padding-top-60 text-center">
<div class="section-testimonials">
<video width="100%" height="200%" autoplay loop controls>
<source src="img/Impactify_06.10.17.mp4" type="video/mp4">
<source src="img/Impactify_06.10.17.ogg" type="video/ogg">
Your browser does not support the video tag. </video>
</div>
</div>
</div>
<!--end row-->
</div>
<!--end container-->
</section>
<!-- about Us --->
<section class="section-white">
<!--begin container-->
<div class="container">
<!--begin row-->
<div class="row">
<!--begin col-md-6-->
<div class="col-md-6 margin-top-10"> <img src="images/about-us.jpg" class="width-100 img-responsive" alt="imac"> </div>
<!--end col-sm-6-->
<!--begin col-md-6-->
<div class="col-md-6 centered ">
<h3 class="medium-title padding-bottom-0 margin-bottom-10 padding-top-0 margin-top-0 margin-top-10-xs">About Us</h3>
<div class="separator_wrapper padding-top-0 margin-top-0"> <i class="icon icon-star-two red"></i> </div>
<p class="centered">Annually, more than 10 Lac crores are spent by the Government and Private Sector on Social programs. On the ground, NGOs execute these programs but struggle to grow their impact due to limited financial and talented human resources. Impactify helps NGOs reduce their administrative burden by providing simple tools to streamline workflows. In addition, Impactify provides subject matter expertise across topics to ensure NGOs can increase the effectiveness of their programs.</p>
<p class="centered">Impactify founding partners have worked with Governments, Development organizations, and Private sector, across the Middle East, Africa, Europe, Americas, and South East Asia. Together they have more than 25 years of experience in Policy, Strategy, Finance, Operations, Technology, Organizational capability building, and CSR. They are engineers by qualification with management degrees from Indian Institute of Management (IIM), and University of Michigan (USA).</p>
<p class="centered ">Over the last 2 years they have transitioned from their corporate lives to work for the development of India. They have founded Impactify with a technology core to improve effectiveness of 1000s of NGOs using global best practices, customized to local context.</p>
</div>
<!--end col-sm-6-->
</div>
<!--end row-->
</div>
<!--end container-->
</section>
<!-- End About Us -->
<div class="section-grey small-padding-bottom" id="services">
<!--begin container-->
<div class="container">
<!--begin row-->
<div class="row margin-bottom-30">
<!--begin col-md-12-->
<div class="col-md-12 text-center">
<h2 class="section-title">What We Offer</h2>
<div class="separator_wrapper"> <i class="icon icon-star-two red"></i> </div>
<p class="section-subtitle">Impactify is one stop support, hand-holding NGOs from program conception to the delivery of outcomes</p>
</div>
<!--end col-md-12-->
</div>
<!--end row-->
<!--begin row-->
<div class="row">
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center services-item wow fadeIn" data-wow-delay="0.15s">
<div class="service-box padding-t">
<div class="service-icon blue-visual" >
<div class="front-content margin-top-20 margin-bottom-20"> <i class="fa fa-life-ring"></i>
<h3>SUBJECT MATTER EXPERTISE</h3>
<p class="text-white">Access to management and sector specific SMEs to help NGOs create <strong>great project proposals</strong></p>
</div>
</div>
</div>
</div>
<!--end col-md-4-->
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center services-item wow fadeIn" data-wow-delay="0.3s">
<div class="service-box">
<div class="service-icon orange-visual">
<div class="front-content margin-top-20 margin-bottom-20"> <i class="fa fa-cogs"></i>
<h3>Suite of easy to use tools</h3>
<p class="text-white">Outcome oriented management tools customized for the development sector, with <strong>free training</strong> for 2 NGO employees</p>
</div>
</div>
</div>
</div>
<!--end col-md-4-->
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center services-item wow fadeIn" data-wow-delay="0.45s">
<div class="service-box ">
<div class="service-icon yellow">
<div class="front-content margin-top-20 margin-bottom-20"> <i class="fa fa-flag-checkered"></i>
<h3>Automated project reporting</h3>
<p class="text-white">Ability to provide sponsors with <strong>free live dashboard</strong>, as well as quarterly progress reports</p>
</div>
</div>
</div>
</div>
<!--end col-md-4-->
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center services-item wow fadeIn" data-wow-delay="0.6s">
<div class="service-box ">
<div class="service-icon red-visual">
<div class="front-content margin-top-20 margin-bottom-20"> <i class="fa fa-gg"></i>
<h3>Delivery Management approach</h3>
<p class="text-white">Our team will assist NGOs and sponsors to <strong>maximize program impact</strong>, using Delivery oriented workflows and globally proven practices</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-----why Us section ---->
<div class="section-white small-padding-bottom" id="why_us">
<!--begin container-->
<div class="container-fluid">
<div class="container">
<!--begin row-->
<div class="row margin-bottom-30">
<!--begin col-md-12-->
<div class="col-md-12 text-center">
<h2 class="section-title">Why Us</h2>
<div class="separator_wrapper"> <i class="icon icon-star-two red"></i> </div>
<p class="section-subtitle">Subject matter experts at Impactify and the easy to use tools help build NGO credibility, simplify reporting, create transparency and promote collaboration between NGOs and Sponsors.</p>
</div>
<!--end col-md-12-->
</div>
<!--end row-->
<!--begin row-->
<div class="row">
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center wow fadeIn" data-wow-delay="0.15s">
<div class="icon-box">
<div class="icon-icon">
<div class="front-content"> <i class="fa fa-inr"></i>
<h3>Cost effective organization/building </h3>
</div>
</div>
<div class="icon-content">
<p>Impactify tools are available to NGOs at much lower costs than hiring an in-house management expert or an expensive consulting firm. Even small NGOs can get existing employees trained to take care of their admin tasks with ease.</p>
</div>
</div>
</div>
<!--end col-md-4-->
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center wow fadeIn" data-wow-delay="0.15s">
<div class="icon-box">
<div class="icon-icon">
<div class="front-content"> <i class="fa fa-globe"></i>
<h3>Global management expertise</h3>
</div>
</div>
<div class="icon-content">
<p>As NGOs grow their operations, Impactify management exerts can guide them on how to best setup their organizations, systems, and processes. Impactify support will help NGOs stay efficient while focusing majority of their efforts on project execution.</p>
</div>
</div>
</div>
<!--end col-md-4-->
<!--begin col-md-4-->
<div class="col-sm-3 col-md-3 text-center wow fadeIn" data-wow-delay="0.15s">
<div class="icon-box">
<div class="icon-icon">
<div class="front-content"> <i class="fa fa-info"></i>
<h3>Access to Knowledge</h3>
</div>
</div>
<div class="icon-content">
<p>Impactify can provide access to subject matter experts across sectors & topics. NGOs can use these resources to maximize the impact of their existing projects, or create new project proposals.</p>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3 text-center wow fadeIn" data-wow-delay="0.15s">
<div class="icon-box">
<div class="icon-icon">
<div class="front-content"> <i class="fa fa-hand-pointer-o"></i>
<h3>Reporting made easy </h3>
</div>
</div>
<div class="icon-content">
<p>Impactify tools use the project design information to automatically create a progress dashboard for sponsors. By spending 10 minutes a week, NGOs can keep their Sponsors completely up to date on project progress.</p>
</div>
</div>
</div>
<!--end col-md-4-->
<!--begin col-md-4-->
</div>
</div>
</div>
</div>
<!--begin section-grey-->
<!--end section-grey-->
<!--- section 3d effect end -->
<section class="image-section">
<!--begin image-overlay -->
<div class="image-overlay"></div>
<!--end image-overlay -->
<!--begin container-->
<div class="container image-section-inside">
<!--begin row-->
<div class="row">
<!--begin col-md-6-->
<div class="col-md-10 col-md-offset-1 text-center margin-top-110 margin-bottom-140">
<h2 class="large-title white">Seen enough? Let's get started.</h2>
<p class="section-subtitle white"> It is easy. It is wonderful. It is worth it.</p>
<a href="#home_wrapper" class="btn btn-lg btn-blue margin-top-20 scrool">REQUEST A FREE DEMO </a> </div>
<!--end col-md-6-->
</div>
<!--end row-->
</div>
<!--end container-->
</section>
<!--end image-section -->
<div class=" section-grey " id="industries">
<!--begin container-->
<div class="container">
<div class="row margin-bottom-30">
<!--begin col-md-12-->
<div class="col-md-12 text-center margin-bottom-30">
<h2 class="section-title">Our Team</h2>
<div class="separator_wrapper"> <i class="icon icon-star-two red"></i> </div>
</div>
<!--end col-md-12-->
</div>
<!--begin row-->
<div class="row text-white">
<!--begin fun-facts-box -->
<div class="col-xs-12 col-sm-4 text-center"> <img src="images/team1.jpg" width="200" height="200" alt="" />
<p><span class=""><strong>Sudeep Gupta</strong></span><br>
<em>Senior Partner</em></p>
</div>
<div class="col-xs-12 col-sm-8 col-xs-centered">
<p>Sudeep comes with a vast experience of working in the development sector. He has led the funding and execution of development programs with several NGOs across 15 countries in Africa, Europe, UK, Russia, and India. He has been associated with the India CSR Act since its inception in 2013, while heading the CSR function for SBI Card.</p>
<p>An engineer by qualification, and alumnus of the prestigious Indian Institute of Management (IIM), he has worked in Telecom, Finance, e-Commerce and Investment banking. Sudeep has focused on Strategy, Operations, Digital solutions, and Change management. He is a 6-Sigma Black belt, and a certified Project Management Professional (PMP)</p>
</div>
</div>
<!--end fun-facts-box -->
<div class="row padding-top-60 ">
<!--begin fun-facts-box -->
<div class="col-xs-12 col-sm-4 text-center"> <img src="images/team2.jpg" alt="" width="200" height="200" />
<p><span class=""><strong>Joy Sharma</strong></span><br>
<em>Senior Partner</em></p>
</div>
<div class="col-xs-12 col-xs-centered col-sm-8">
<p>Joy has worked with Mckinsey & Co. across US, Europe, Africa, Middle East and India with a focus on Government Policy, Strategy, and Organizational Capability Building. In recent years, he has helped design and execute programs relating to Health systems, Education, Skill development, Infrasturcture delivery, Economic development, and Urban management.</p>
<p>Joy has developed an expertise in improving national Social Outcomes through the "Delivery Management" approach. Engineer by training, he received his MBA from the University of Michigan (USA), after succesfully running his entrepreneurial venture for 5 years in India.</p>
</div>
</div>
</div>
<!--end container-->
</div>
<!--end section-blue-->
<section id="faq" class="fun-facts-wrapper" >
<div class="image-overlay"></div>
<div class="section">
<!--begin container-->
<div class="container fun-facts-inside">
<!--begin row-->
<div class="row margin-top-10 margin-bottom-30">
<!--begin col-md-6-->
<h3 class="medium-title white text-center">FAQs</h3>
<p class="white text-center">We assume you might be faced with some questions before getting started with us, so we have come up with few of them. In case we have missed out any, please feel free to ask.</p>
<div class="col-md-6 ">
<button class="accordion">What is Impactify? <i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Impactifyprovides a suite of services to NGOs that help them reduce overhead costs and become more professionally managed. To improve NGO credibility and build trust from sponsors, Impactify helps NGOs</p>
<ul>
<li>Draft professional project proposals </li>
<li>Get access to Subject Matter Experts (SMEs)</li>
<li>Reduce administrative costs with Impactifyweb-application,and workflows designed specifically for NGO management</li>
<li>Monitor and evaluate execution progress</li>
<li>Engage effectively with sponsors and other stakeholders </li>
</ul>
</div>
<button class="accordion">Who is Impactify for? <i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Impactify works directly with NGOs to increase their effectiveness, and achieve better outcomes. This in turn is beneficial for the entire development sector, including private and government sponsors.</p>
</div>
<button class="accordion">Will Impactify help NGOs get funding?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>No. Impactify does not provide matching services. However, our SME support and professional project proposals are helping several NGOs raise funding through their own contacts </p>
</div>
<button class="accordion">I am an NGO consultant. How can I benefit from Impactify?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Impactify tools are a great resource for you.You can use them yourself to create project proposals for your clients, very quickly. You can also get access to our subject matter experts. </p>
</div>
<button class="accordion">I/my organization wants to sponsor a project. What should I do?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>You should encourage NGOs you are working with to sign up for our services. We will ensure that the proposals and progress reports you receive are of the highest quality. In addition, you will get access to FREE monitoring and evaluation dashboard. </p>
</div>
<button class="accordion">Is my data secure?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>At Impactify, we understand the importance of confidential organization and personal information. There are two aspects to confidentiality of information. </p>
<p>First, is access to information within Impactify. As an organization, our systems and procedures do not allow for sharing of confidential information. When you sign up for our services, we get legally bound through our <a href="#" target="_blank">Terms of Use</a> . Our team is bound by legal confidentiality agreements and trained on confidentiality. Individual or organization specific data will not be shared with anyone. For complete details please review our <a href="#" target="_blank">Privacy Policy</a> .</p>
<p>Second, is the technical security of data. Our applications are hosted using leading cloud based servers. In addition, your data is stored in encrypted third party servers that ensure security against cyber-attacks.</p>
</div>
<button class="accordion">Is my personal information secure?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Impactify is a web based application and does not require or access your personal information. Please review our <a href="#" target="_blank">Privacy Policy</a> for more information. </p>
</div>
</div>
<!--end col-sm-6-->
<!--begin col-md-6-->
<div class="col-md-6">
<button class="accordion">How much does Impactify cost?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Impacitfy demo lets you create one project proposal FREE of cost. To unlock additional features, you would need to pay a small monthly subscription. We have multiple packages based on your needs. To get details, click “Go Premium” from the demo environment once you have signed up. </p>
</div>
<button class="accordion">How do I contact Impactify?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Please send us an email using the <a href="#contact" class="purchase scrool text-white">Contact Us</a> form, and we will get back to you within one working day. </p>
</div>
<button class="accordion">How do I get started?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Please sign up for our <a href="#contact" class="purchase scrool text-white">FREE DEMO</a> on this page with your email ID. You will receive an email with the link to create your account. Our team will train you on the application, and help you create one project proposal as part of the demo.</p>
<p>You can then purchase a premium version to unlock several more features and provide your sponsors access to the dashboard.</p>
</div>
<button class="accordion">What do I need to use Impactify services? <i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>You will need a computer (desktop/laptop), and a working internet connection. It is also helpful to assign one person from the organization as the key point of contact. Our team will train him/her to use the application.</p>
</div>
<button class="accordion">What training is provided by Impactify?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>There are four categories of trainings that Impactify will provide to NGOs – two in-person, and two remotely </p>
<ul>
<li>Impactifyteam will help the NGO “administrator” use our application to create organization profile, and enter the projects</li>
<li>In-person training sessions will be conducted for 2 attendees from each NGO to help them maximize benefits from the application</li>
<li>Impactify SMEs will review the projects and provide expert guidance on project design, key performance indicators (KPIs), outcome monitoring and impact evaluation</li>
<li>In-person training modules on various topics such as Human resource management, Financial management, Budgeting, Team building, etc. </li>
</ul>
</div>
<button class="accordion">Does Impactify work on my mobile?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Yes, the application can be used on a mobile internet browser, but we recommend using a desktop or laptop for best results. In the future we will launch am mobile application as well.</p>
</div>
<button class="accordion">What languages is it available in?<i class="more-less fa fa-chevron-down" aria-hidden="true"></i></button>
<div class="panel">
<p>Impactify strongly urges users to create their project proposals in English. The user interface for the application is currently in English and Hindi version will be launched soon. Other language packs will be created upon demand.</p>
</div>
</div>
<!--end row-->
</div>
</div>
<!--end container-->
</div>
</section>
<!--- end fAQ-->
<!--begin col-md-4 -->
<!--begin contact -->
<section class="section-dark" id="contact">
<!--begin container-->
<div class="container">
<!--begin row-->
<div class="row margin-bottom-50">
<!--begin col-md-10-->
<div class="col-md-10 col-md-offset-1 text-center">
<h2 class="section-title text-white ">Get In Touch</h2>
<div class="separator_wrapper_white"> <i class="icon icon-star-two grey"></i> </div>
<p class="section-subtitle">We know after reading from the top, you must be looking forward to getting in touch with us. You are welcome!</p>
</div>
<!--end col-md-10-->
</div>
<!--end row-->
<!--begin row-->
<div class="row">
<div class="wow fadeIn" data-wow-delay="0.7s">
<!--begin contact form -->
<form class="contact-form register" action="contact.php" method="post"> <!--begin col-md-6--> <div class="col-md-6"> <input class="contact-input white-input" required name="contact_names" placeholder="Full Name*" type="text"> <input class="contact-input white-input" required name="contact_subject" placeholder="Subject*" type="text"> </div> <!--end col-md-6--> <!--begin col-md-6--> <div class="col-md-6"> <input class="contact-input white-input" required name="contact_email" placeholder="Email Adress*" type="email"> <input class="contact-input white-input" required name="contact_phone" placeholder="Phone Number*" type="text"> </div> <!--end col-md-6--> <div class="col-md-12"> <textarea class="contact-commnent white-input" rows="2" cols="20" name="contact_message" placeholder="Your Message..."></textarea> </div> <div class="col-md-12"> <input value="Send Message" class="contact-submit" type="submit"> </div> </form>
<!--end contact form -->
</div>
<!--end row-->
</div>
<!--end container-->
</div>
</section>
<!--end contact-->
<!--begin footer -->
<div class="footer footer-border-right">
<!--begin container -->
<div class="container-fluid margin-all-0 ">
<!--begin row -->
<!--begin copyright -->
<div class="row text-center padding-top-0">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="copyright margin-top-10">
<p>Impactify Copyright © 2017. </p>
</div>
<!--end copyright -->
</div>
<!--end col-md-6 -->
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="copyright margin-top-10">
<p>Designed & Developed by <a href="http://www.brandingmonk.com/" target="_blank"><span class="orange">Branding Monk ®</span></a></p>
</div>
<!--end copyright -->
</div>
</div>
<!--end row -->
</div>
<!--end container -->
</div>
<!--end footer -->
<!-- Load JS here for greater good =============================-->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/jquery.scrollTo-min.js"></script>
<script src="js/SmoothScroll.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/custom.js"></script>
<script src="js/plugins.js"></script>
<script type="text/javascript">
$(function() {
$('#carousel').carouFredSel({
width: '100%',
items: {
visible: 'odd+2'
},
scroll: {
pauseOnHover: true,
onBefore: function() {
$(this).children().removeClass( 'hover' );
}
},
auto: {
items: 4,
easing: 'linear',
duration: 8000,
timeoutDuration: 0
},
pagination: {
container: '#pager',
items: 4,
duration: 0.5,
queue: 'last',
onAfter: function() {
var cur = $(this).triggerHandler( 'currentVisible' ),
mid = Math.floor( cur.length / 2 );
cur.eq( mid ).addClass( 'hover' );
}
}
});
});
</script>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight){
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
}
}
</script>
<script>
// When the DOM is ready, run this function
$(document).ready(function() {
//Set the carousel options
$('#quote-carousel').carousel({
pause: true,
interval: 4000,
});
});
</script>
<script>
function toggleIcon(e) {
$(e.target)
.prev('.panel-heading')
.find(".more-less")
.toggleClass('glyphicon-plus glyphicon-minus');
}
</script>
<script>
(function() {
function init() {
var speed = 250,
easing = mina.easeinout;
[].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
pathConfig = {
from : path.attr( 'd' ),
to : el.getAttribute( 'data-path-hover' )
};
el.addEventListener( 'mouseenter', function() {
path.animate( { 'path' : pathConfig.to }, speed, easing );
} );
el.addEventListener( 'mouseleave', function() {
path.animate( { 'path' : pathConfig.from }, speed, easing );
} );
} );
}
init();
})();
</script>
<script src="js/jquery.mobile.custom.min.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>