|  | <!DOCTYPE HTML> | 
|  |  | 
|  | <html> | 
|  | <head> | 
|  | <meta charset="utf-8"> | 
|  | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
|  | <title>Eclipse Free BIRD Tools</title> | 
|  | <meta name="viewport" content="width=device-width, initial-scale=1"> | 
|  | <meta name="description" content="Eclipse Free BIRD Tools" /> | 
|  | <meta name="keywords" content="Eclipse Free BIRD Tools" /> | 
|  | <meta name="author" content="Neil Mackenzie" /> | 
|  |  | 
|  |  | 
|  | <!-- Facebook and Twitter integration --> | 
|  | <meta property="og:title" content=""/> | 
|  | <meta property="og:image" content=""/> | 
|  | <meta property="og:url" content=""/> | 
|  | <meta property="og:site_name" content=""/> | 
|  | <meta property="og:description" content=""/> | 
|  | <meta name="twitter:title" content="" /> | 
|  | <meta name="twitter:image" content="" /> | 
|  | <meta name="twitter:url" content="" /> | 
|  | <meta name="twitter:card" content="" /> | 
|  |  | 
|  | <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,700" rel="stylesheet"> | 
|  |  | 
|  | <!-- Animate.css --> | 
|  | <link rel="stylesheet" href="css/animate.css"> | 
|  | <!-- Icomoon Icon Fonts--> | 
|  | <link rel="stylesheet" href="css/icomoon.css"> | 
|  | <!-- Themify Icons--> | 
|  | <link rel="stylesheet" href="css/themify-icons.css"> | 
|  | <!-- Bootstrap  --> | 
|  | <link rel="stylesheet" href="css/bootstrap.css"> | 
|  |  | 
|  | <!-- Magnific Popup --> | 
|  | <link rel="stylesheet" href="css/magnific-popup.css"> | 
|  |  | 
|  | <!-- Owl Carousel  --> | 
|  | <link rel="stylesheet" href="css/owl.carousel.min.css"> | 
|  | <link rel="stylesheet" href="css/owl.theme.default.min.css"> | 
|  |  | 
|  | <!-- Theme style  --> | 
|  | <link rel="stylesheet" href="css/style.css"> | 
|  |  | 
|  | <!-- Modernizr JS --> | 
|  | <script src="js/modernizr-2.6.2.min.js"></script> | 
|  | <!-- FOR IE9 below --> | 
|  | <!--[if lt IE 9]> | 
|  | <script src="js/respond.min.js"></script> | 
|  | <![endif]--> | 
|  |  | 
|  | </head> | 
|  | <body> | 
|  |  | 
|  | <div class="gtco-loader"></div> | 
|  |  | 
|  | <div id="page"> | 
|  |  | 
|  | <nav class="gtco-nav" role="navigation"> | 
|  | <div class="gtco-container"> | 
|  |  | 
|  | <div class="row"> | 
|  | <div class="col-sm-2 col-xs-12"> | 
|  | <div id="gtco-logo"><a href="index.html">Eclipse Free BIRD Tools</a></div> | 
|  | </div> | 
|  | <div class="col-xs-10 text-right menu-1"> | 
|  | <ul> | 
|  | <li><a href="opensource.html">Open Source</a></li> | 
|  | <li><a href="model_driven.html">Model Driven</a></li> | 
|  | <li><a href="componentbased.html">Component Based</a></li> | 
|  | </ul> | 
|  | </div> | 
|  | </div> | 
|  |  | 
|  | </div> | 
|  | </nav> | 
|  |  | 
|  | <header id="gtco-header" class="gtco-cover gtco-cover-xs gtco-inner" role="banner"> | 
|  | <div class="gtco-container"> | 
|  | <div class="row"> | 
|  | <div class="col-md-12 col-md-offset-0 text-left"> | 
|  | <div class="display-t"> | 
|  | <div class="display-tc"> | 
|  | <div class="row"> | 
|  | <div class="col-md-8 animate-box"> | 
|  | <h1 class="no-margin">Component Based</h1> | 
|  | <p></p> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </header> | 
|  | <!-- END #gtco-header --> | 
|  |  | 
|  |  | 
|  | <div class="gtco-section"> | 
|  | <div class="gtco-container"> | 
|  | <div class="row"> | 
|  | <div class="col-md-8 col-md-offset-2 gtco-heading text-left"> | 
|  | <h2>Component Based</h2> | 
|  | <p>Being components based it is possible to choose just the components that you need, you can choose which components you wish to use , or replace some components with your own implementations (e.g. visualizations)<br> | 
|  | <br> | 
|  |  | 
|  |  | 
|  | </p> | 
|  |  | 
|  |  | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  |  | 
|  |  | 
|  |  | 
|  |  | 
|  |  | 
|  | <footer id="gtco-footer" class="gtco-section" role="contentinfo"> | 
|  |  | 
|  | <div class="gtco-copyright"> | 
|  | <div class="gtco-container"> | 
|  | <div class="row"> | 
|  | <div class="col-md-6 text-left"> | 
|  |  | 
|  | </div> | 
|  | <div class="col-md-6 text-right"> | 
|  |  | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </footer> | 
|  |  | 
|  | </div> | 
|  |  | 
|  | <div class="gototop js-top"> | 
|  | <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a> | 
|  | </div> | 
|  |  | 
|  | <!-- jQuery --> | 
|  | <script src="js/jquery.min.js"></script> | 
|  | <!-- jQuery Easing --> | 
|  | <script src="js/jquery.easing.1.3.js"></script> | 
|  | <!-- Bootstrap --> | 
|  | <script src="js/bootstrap.min.js"></script> | 
|  | <!-- Waypoints --> | 
|  | <script src="js/jquery.waypoints.min.js"></script> | 
|  | <!-- Carousel --> | 
|  | <script src="js/owl.carousel.min.js"></script> | 
|  | <!-- Magnific Popup --> | 
|  | <script src="js/jquery.magnific-popup.min.js"></script> | 
|  | <script src="js/magnific-popup-options.js"></script> | 
|  | <!-- Main --> | 
|  | <script src="js/main.js"></script> | 
|  |  | 
|  | </body> | 
|  | </html> | 
|  |  |