index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">

    <link rel="shortcut icon" href="/favicon-a96fcb82.png">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <title>Contiv</title>

    <link href="/assets/stylesheets/application-ffbab1f8.css" rel="stylesheet"/>

    <!--[if lt IE 9]><script src="/assets/javascripts/html5shiv-099439cc.js"></script><script src="/assets/javascripts/respond.min-1eb35b04.js"></script><![endif]-->

    
  </head>

  <body id="page-home" class=" page-home layout-">

  <div class="navbar-jumbotron">
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/" style="color:$white"><img src="/assets/images/contivicon4-fb7a06d8.png" height="32px" width="32px" alt="Contiv logo"></a>
        </div>
        <div class="collapse navbar-collapse" id="navbar">
          <ul class="nav navbar-nav navbar-right main-nav">
            <li><a href="/documents/">Docs</a></li>
            <li><a href="https://github.com/contiv/install/releases" target="_blank">Download</a></li>
             <li><a href="/documents/community/index.html">Community</a></li>
             <li><a href="/documents/support/index.html">Support</a></li>
            <li><a href="http://blogs.cisco.com/tag/contiv" target="_blank">Blog</a></li>
            
            <li><a href="https://github.com/contiv" target="_blank"><i class="fa fa-github"></i></a></li>
            <li><a href="https://contiv.herokuapp.com/" target="_blank"><i class="fa fa-slack"></i></a></li>
          </ul>
        </div>
      </div>
    </nav>
  </div>


<div class="sidebar-overlay"></div>


<aside id="sidebar" class="sidebar sidebar-default sidebar-fixed-right" role="navigation">
    
    <div class="sidebar-header header-cover">
        
        <div class="sidebar-image">
            <img src="/assets/images/logo3-a96fcb82.png" width="49px" height="56px">
        </div>
    </div>

    
    <ul class="main nav sidebar-nav">
        <li class="first"><a href="/intro/index.html">Intro</a></li>
        <li class=""><a href="/docs/index.html">Docs</a></li>
    </ul>
    <div class="divider"></div>
    
    <ul class="external nav sidebar-nav">
        <li class=""><a class="v-btn gray sml" href="https://github.com/contiv"><svg id="svg-download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" style="enable-background:new 0 0 14 14;">
  <style>
  </style>
  <path class="" d="M13,0H1C0.5,0,0,0.5,0,1v12c0,0.5,0.5,1,1,1h4.7c0,0,0,0,0-0.1c0-0.2,0-0.6,0-1.1c-1.8,0.4-2.2-0.9-2.2-0.9
    c-0.3-0.8-0.7-1-0.7-1c-0.6-0.4,0-0.4,0-0.4c0.7,0,1,0.7,1,0.7c0.6,1,1.5,0.7,1.9,0.5c0.1-0.4,0.2-0.7,0.4-0.9c-1.5-0.2-3-0.7-3-3.2
    c0-0.7,0.3-1.3,0.7-1.8C3.7,5.8,3.5,5.1,3.9,4.2c0,0,0.6-0.2,1.8,0.7c0.5-0.1,1.1-0.2,1.6-0.2c0.6,0,1.1,0.1,1.6,0.2
    c1.3-0.8,1.8-0.7,1.8-0.7c0.4,0.9,0.1,1.6,0.1,1.7c0.4,0.5,0.7,1,0.7,1.8c0,2.5-1.5,3.1-3,3.2C8.7,11.1,9,11.5,9,12.1
    c0,0.9,0,1.6,0,1.8c0,0,0,0,0,0.1h4c0.5,0,1-0.5,1-1V1C14,0.5,13.5,0,13,0z"/>
</svg>
GitHub</a></li>
    </ul>
</aside>


<div class="jumbotron">
  <div class="container">
    <h1><img src="/assets/images/contivicon4-fb7a06d8.png" height="100px" width="100px" alt="Contiv logo">Contiv</h1>
    <p class="subtitle"><b>The Most Powerful</b></p>
     <p class="subtitle"><b>Open Source Container Networking</b></p>
    <p>
      <a class="btn btn-default btn-lg" href="/documents/tutorials/index.html" role="button">Tutorials</a>
      <a class="btn btn-default btn-lg" href="https://github.com/contiv/install/releases" role="button">Download</a>
    </p>
  </div>
</div>
<div class="container">
    <div class="col-md-4">
    <h3>Manage Container Networks</h3>
    <img src="/assets/images/CreateNetwork-2a-5de58627.png" alt="Contiv login">
     </div>
     <div class="col-md-4">
     </div>
    <div class="col-md-4">
    <h3>Why Contiv</h3>
    <br>
    <br>    
    <p style="text-align: left; line-height: 22px; padding bottom; 15px;">
   Contiv unifies containers, VMs, and bare metal with a single networking fabric, allowing container networks to be addressable from VM and bare-metal networks. </h4>
    <p style="text-align: left; line-height: 22px; padding bottom; 15px;">   Contiv combines strong network performance, support for industry-leading hardware, and an application-oriented policy that can move across networks with the application. 
    </h4>
    <br>
    </div>
  </div>

<div id="content">
	<div id="modules" class="feature">
		<div class="partner-logos">
			
				<div class="col-md-4">
					
						<div class="module-logo">
							<div class="fa fa-sitemap fa-4x" style="color:#1c4f81"></div>
							<h3 style="color:#1c4f81">Rich Policy Framework</h3>
							<p style="color:#000000">Set bandwidth and isolation policies in a multi-tenant environment.</p>
												</div>
					
				</div>
				<div class="col-md-4">
					
						<div class="module-logo" style="color:#1c4f81">
							<div class="fa fa-database fa-4x"></div>
							<h3>Multi-Platforms</h3>
							<p style="color:#000000"> Docker, Kubernetes, OpenShift and more.</p>					
							</div>
					
				</div>
				<div class="col-md-4">
					
						<div class="module-logo" style="color:#1c4f81">
							<div class="fa fa-server fa-4x"></div>
							<h3>Multi-Infrastructure</h3>
							<p style="color:#000000">VMs, containers, and bare metal.</p>						
							</div>
					
				</div>

			
			<div class="col-md-4">
					
						<div class="module-logo" style="color:#1c4f81">
							<div class="fa fa-industry fa-4x"></div>
							<h3>Enterprise Grade</h3>
							<p style="color:#000000">Rigorously tested for the cloud.</p>
						</div>
					
				</div>
				<div class="col-md-4">
					
						<div class="module-logo" style="color:#1c4f81">
							<div class="fa fa-signal fa-4x"></div>
							<h3>Networking Support</h3>
							<p style="color:#000000"> Layer 2, Layer 3, BGP, ACI</div>
					
				</div>
				<div class="col-md-4">
					
						<div class="module-logo" style="color:#1c4f81">
							<div class="fa fa-github fa-4x"></div>
							<h3>Open Source</h3>
							<p style="color:#000000">Contiv is available through the Apache 2 License and our code is available on GitHub.</p>
						</div>
					
					
				</div>
				<hr>
		</div>
	</div>
		
		
	<div class="container">
	
  <div class="row">
   <div class="row">
    <div div class="col-md-12">
    <hr>
    </div>
    <div div class="col-md-6">
    <br>
    <br>
  <p style="text-align: center"> <a href="https://store.docker.com/plugins/803eecee-0780-401a-a454-e9523ccf86b3"><img src="/assets/images/docker_certified-2dc3404c.png" alt="Docker Certified"></a><p>
    </div>
    <div>
    <div div class="col-md-6">
      <br>
      <br>
       <br>
    <br>
       <p style="color:#5c5d61; text-align: center; line-height: 28px; padding bottom; 15px;"> Contiv is a Docker Certified Network plug-in. </p>
       <p style="color:#5c5d61; text-align: center; line-height: 28px; padding bottom; 15px;"> Find our image in the <a href="https://store.docker.com/plugins/803eecee-0780-401a-a454-e9523ccf86b3">Docker Store</a>.</p>
    </div>
  </div>
  </div>


	<div class="container">
	<hr>
  <div class="row">
    <div div class="col-md-6">
    <br>
    <br>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/69ZR-augwJo" frameborder="0" allowfullscreen></iframe>
    </div>
    <div>
    <div div class="col-md-6">
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
       <p style="color:#5c5d61; text-align: center; line-height: 28px; padding bottom; 15px;">"Contiv works across different environments, not just in bare-metal. Contiv can push the policies to ACI and enforce those in fabric itself and that gives us a lot of flexibility with simplicity and security."</p>
      <p style="text-align: center; line-height: 28px; padding bottom; 15px;">
      <b>John Mitchell, Chief Architect, Platform, SAP Ariba</b></p>
    </div>
  </div>
  </div>
  <hr>
   <div class="container">
  <div class="row">
    <div class="col-md-12">
    <p></p>
    </div>
    </div>
    </div> 
  
  
  <div class="container">
  <div class="row">
    <div class="col-md-12" style="background:#000000">
    <h3 style="text-align: center"><strong><font color="white">Learn and Try Now</font></strong></h3>
   <p style="text-align: center"> <img src="assets/images/contivicon4-fb7a06d8.png" height="100px" width="100px" alt="Contiv logo"></p>
<p style="text-align: center"><strong><font color="white">Start by deploying a containerized application on Contiv</font></strong></p>
<p style="text-align: center"><strong><font color="white">with our guided walkthrough and step-by-step tutorials</font></strong></p>
<br>
<br>
<br>
<br>
<p style="text-align: center"><a class="btn btn-default btn-lg" href="/documents/tutorials/index.html" role="button">Get Started</a></p>
<br>
<br>
<br>    
    </div>
    </div>
    </div>
    
<hr>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <p style="text-align: center"><font color="black">Copyright &copy; 2017 Cisco and/or its affiliates. All rights reserved.</font>
        </p>
      </div>
    </div>
  </div>    
    
      
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

      <script>
      // This function "kitfoxCallback" will be called (if present) after the form is submitted.
      //    You can do anything you want inside the function; all that is being done here is
      //    the form is hidden and the thank-you message is displayed instead.
      function kitfoxCallback() {
        $('.formWrapper').slideUp(1000,'swing');
        $('.thankyouWrapper').slideDown(1000,'swing');
      }
      </script>
<br>
<br>
     </div>
    </div>
    </div>