index.html

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
    <title>FunTester – the opensource functional tester</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <!-- Global CSS -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/plugins/prism/prism.css">
    <!-- Theme CSS -->
    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body data-spy="scroll">

    <!---//Facebook button code-->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- ******HEADER****** -->
    <header id="header" class="header">
        <div class="container">
            <h1 class="logo pull-left">
                <a class="scrollto" href="#promo">
                    <span class="logo-title">FunTester</span>
                </a>
            </h1><!--//logo-->
            <nav id="main-nav" class="main-nav navbar-right" role="navigation">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button><!--//nav-toggle-->
                </div><!--//navbar-header-->
                <div class="navbar-collapse collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active nav-item sr-only"><a class="scrollto" href="#promo">Home</a></li>
                        <li class="nav-item"><a class="scrollto" href="#about">About</a></li>
                        <li class="nav-item"><a class="scrollto" href="#features">Features</a></li>
                        <li class="nav-item"><a class="scrollto" href="#docs">Get Started</a></li>
                        <li class="nav-item"><a class="scrollto" href="#license">License</a></li>
                        <li class="nav-item last"><a class="scrollto" href="#contact">Contact</a></li>
                    </ul><!--//nav-->
                </div><!--//navabr-collapse-->
            </nav><!--//main-nav-->
        </div>
    </header><!--//header-->

    <!-- ******PROMO****** -->
    <section id="promo" class="promo section offset-header">
        <div class="container text-center">
			<!--
            <h2 class="title">Fun<span class="highlight">Tester</span></h2>
			-->
			<img src="assets/images/funtester2.png" ></img>
			<p>&nbsp;</p>
            <p class="intro">use cases + behavior details = functional testing</p>
            <div class="btns">
                <a class="btn btn-cta-secondary" href="#about" >More</a>
                <a class="btn btn-cta-primary" href="https://github.com/funtester/funtester-releases#funtester-releases" target="_blank">Download</a>
            </div>
            <ul class="meta list-inline">
                <li><a href="https://github.com/funtester" target="_blank">View on GitHub</a></li>
                <li><a href="https://github.com/funtester/funtester" target="_blank">Full Documentation</a></li>
                <li><a href="#docs" >Get Started</a></li>
            </ul><!--//meta-->
        </div><!--//container-->

        <div class="social-media">
            <div class="social-media-inner container text-center">
                <ul class="list-inline">
                    <li class="github-star"><iframe src="https://ghbtns.com/github-btn.html?user=funtester&repo=funtester&type=watch" allowtransparency="true" frameborder="0" scrolling="0" width="50" height="20"></iframe></li>

                    <li class="github-fork"><iframe src="https://ghbtns.com/github-btn.html?user=funtester&repo=funtester&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="53" height="20"></iframe></li>

			<li class="github-follow"><iframe src="https://ghbtns.com/github-btn.html?user=funtester&repo=funtester&type=follow" allowtransparency="true" frameborder="0" scrolling="0" width="150" height="20"></iframe></li>
                </ul>
            </div>
        </div>

    </section>

    <!-- ******ABOUT****** -->
    <section id="about" class="about section">
        <div class="container">
            <h2 class="title text-center">What is FunTester?</h2>
            <p class="intro text-center" >FunTester is an opensource <a href="https://en.wikipedia.org/wiki/Model-based_testing" >model-based</a> <a href="https://en.wikipedia.org/wiki/Functional_testing" >functional testing</a> tool that helps you to document your software through textual use cases and to verify whether it is behaving according to them.</p>
            <div class="row">

                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-heart"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Designed for your team</h3>
                        <p>Are you a system analist? Use FunTester to document your use cases. Front-end developer? Give details about the user interface to proper testing it. Are you a tester? Detail the expected
						behaviors of the application. Let your team work together and benefit from FunTester's features.</p>
                    </div>
                </div>

                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-clock-o"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Time saver</h3>
                        <p>FunTester can generate thousands of test cases in seconds. They are prioritized
						according to the use cases, so that you can run the more important tests frequently
						and let all the tests to run from time to time.</p>
                    </div>
                </div>

                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-tablet"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">UI-independent</h3>
                        <p>Web sites, mobile apps (native or web-based), desktop apps, you name it.
						Any identifiable or referenceable user interface elements can be used to
						generate tests.</p>
                    </div>
                </div>

                <div class="clearfix visible-md"></div>
			</div>

			<div class="row">

                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
						<i class="fa fa-crosshairs"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Plugin-based</h3>
                        <p>Plugins are used for transforming abstract test cases into test scripts. FunTester can test <a href="https://github.com/funtester/funtester-plugin-selenium" target="_blank" >web pages</a>, <a href="https://github.com/funtester/funtester-plugin-robotium" target="_blank" >Android apps</a>, <a href="https://github.com/funtester/funtester-plugin-fest" target="_blank" >Swing applications</a>, and
						<strong>even more</strong>. Do you need to test another kind of application? Just write a plugin.
						It's easier than you think.</p>
                    </div>
                </div>

                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-code"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Easy to customise</h3>
                        <p>Vocabularies, widgets, and profiles are available as JSON files. You can add new words
						or translate them to the desired language (currently available: English and Brazilian Portuguese).</p>
                    </div>
                </div>

                <div class="item col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-holder">
                        <i class="fa fa-coffee"></i>
                    </div>
                    <div class="content">
                        <h3 class="sub-title">Opensource</h3>
                        <p>FunTester is a Swing-based Java application. Plug-ins can be written in Java or any
						other programming language, because they are executed as external console applications.
						Wanna help us? <a href="#contact" >Get in touch!</a></p>
                    </div>
                </div>

            </div><!--//row-->
        </div><!--//container-->
    </section><!--//about-->

    <!-- ******FEATURES****** -->
    <section id="features" class="features section">
        <div class="container text-center">
            <h2 class="title">Features</h2>
            <ul class="feature-list list-unstyled">
                <li><i class="fa fa-check"></i> Generate relevant test cases automatically</li>
				<li><i class="fa fa-check"></i> Generate test data and oracles (i.e. asserts) automatically</li>
                <li><i class="fa fa-check"></i> Allow to use test data from databases</li>
				<li><i class="fa fa-check"></i> Allow to use regular expressions and to express complex validation rules</li>
                <li><i class="fa fa-check"></i> Easy to connect to new databases types (via JDBC)</li>
                <li><i class="fa fa-check"></i> Can be extended through plugins</li>
            </ul>
        </div><!--//container-->
    </section><!--//features-->

    <!-- ******DOCS****** -->
    <section id="docs" class="docs section">
        <div class="container">
            <div class="docs-inner">
            <h2 class="title text-center">Get Started</h2>
            <div class="block">

				<h3 class="sub-title">Download</h3>
				<p><a href="https://github.com/funtester/funtester-releases#funtester-releases"
					>Latest version</a>&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="https://github.com/funtester/funtester-releases"
					>Other versions</a></p>
				<p>FunTester requires <a href="https://www.java.com/pt_BR/download/faq/java_6.xml" >Java 6</a>.</p>
				<br />

				<h3 class="sub-title">Installation</h3>
				<ol>
					<li>Install <a href="https://www.java.com/pt_BR/download/faq/java_6.xml" >Java</a> (if not installed).</li>
					<li>Extract the downloaded <strong>.zip</strong> file to the desired folder.</li>
					<li>Double click <strong>funtester.jar</strong>.</li>
				</ol>
				<br />
<!--
                <h3 class="sub-title">Example</h3>
                <p>An example on how to use the tool. The audio is in Brazilian Portuguese.</p>
                <iframe src="https://player.vimeo.com/video/98742648?portrait=0"
                    width="640" height="360" frameborder="0"
                    webkitallowfullscreen mozallowfullscreen allowfullscreen
                    ></iframe>


                <h3 class="sub-title text-center">HTML</h3>
                <p><a href="https://prismjs.com/" target="_blank">PrismJS</a> is used as the syntax highlighter here.</p>
                <p>Below are the details of the custom PrismJS build used in this template. You can <a href="https://prismjs.com/download.html" target="_blank">build your own version</a> via their website should you need to.</p>
                <ul class="list-unstyled">
                    <li><strong>Compression level:</strong> Minified</li>
                    <li><strong>Theme:</strong> Okaidia</li>
                    <li><strong>Languages:</strong> Markup, CSS, C-like, JavaScript, PHP and Python</li>
                </ul>
                <div class="code-block">
                    <pre><code class="language-markup">
    &ltp class="my-style"&gt
      Hello World!
    &lt/p&gt
                     </code></pre>
                </div>
            </div>

            <div class="block">
                <h3 class="sub-title text-center">CSS</h3>
                <p>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>

                <div class="code-block">
                    <pre>
    <code class="language-css">
    /*
     * Template Name: devAid - Responsive Website Template for developers
     * Version: 1.0
     * Author: Xiaoying Riley at 3rd Wave Media
     * Website: https://themes.3rdwavemedia.com/
     * Twitter: @3rdwave_themes
	 * Use Prismjs - https://prismjs.com/index.html#basic-usage
    */
    body {
      font-family: 'Lato', arial, sans-serif;
      color: #444444;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    </code></pre>
                </div>
            </div>

            <div class="block">
                <h3 class="sub-title text-center">JavaScript</h3>
                <p>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit ligula eget dolor.</p>
                <div class="code-block">
                    <pre><code class="language-javascript">
    if( awesome ){
        console.log('This is Awesome');
    }else{
        $('body').addClass('give-me-awesome');
    }
                    </code></pre>
                </div>
            </div>
			-->

            <div class="block">
                <h3 class="sub-title" >Full Documentation</h3>
				<p>&nbsp;</p>
                <p>
                    <a class="btn btn-cta-primary" href="https://github.com/funtester/funtester" target="_blank">More on GitHub</a>
                </p>
            </div><!--//block-->

            </div><!--//docs-inner-->
        </div><!--//container-->
    </section>

    <!-- ******LICENSE****** -->
    <section id="license" class="license section">
        <div class="container">
            <div class="license-inner">
            <h2 class="title text-center">License</h2>

                <div class="info">
                    <p>FunTester is made by <a href="https://www.linkedin.com/in/thiago-delgado-pinto-bb6bb844/" target="_blank">Thiago Delgado Pinto</a> and contributors and is <strong>100% free</strong> under an opensourced license.</p>
                </div><!--//info-->

                <div class="cta-container">
                    <div class="speech-bubble">
                        <p class="intro">If you are feeling generous and want to show your support, you can buy them a beer or coffee via the PayPal donate button below. :)</p>
                        <div class="icon-holder  text-center"><i class="fa fa-smile-o"></i></div>
                    </div><!--//speech-bubble-->

                    <div class="btn-container text-center" >
						<!-- Donate with Paypal -->
						<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
							<input type="hidden" name="cmd" value="_s-xclick">
							<input type="hidden" name="hosted_button_id" value="MVGUZGU5MD9JU">
							<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
							<img alt="" border="0" src="https://www.paypalobjects.com/pt_BR/i/scr/pixel.gif" width="1" height="1">
						</form>
                    </div><!--//btn-container-->
                </div><!--//cta-container-->
            </div><!--//license-inner-->
        </div><!--//container-->
    </section><!--//how-->

    <!-- ******CONTACT****** -->
    <section id="contact" class="contact section has-pattern">
        <div class="container">
            <div class="contact-inner">
                <h2 class="title  text-center">Contact</h2>
                <p class="intro text-center">We hope you find FunTester useful. <br />Feel free to get in touch if you have any questions or suggestions:<br /><br />
				<span class="text-center text-info" >thiago-dp (at) bol (dot) com (dot) br</span>
				</p>
                <div class="author-message">
                    <div class="profile">
                        <img class="img-responsive" src="assets/images/thiago.jpg" alt="" />
                    </div><!--//profile-->
                    <div class="speech-bubble">
                        <h3 class="sub-title">Are you a developer?</h3>
                        <p>Join us at <a href="https://github.com/funtester" target="_blank">GitHub</a> or fork some of our projects.
                        <p>If you wish to create a <strong>plug-in</strong>, take a look at our <a href="https://github.com/funtester/funtester" >documentation</a>. Please contact us you have any doubts.</p>
                        <div class="source">
                            <span class="name"><a href="https://www.linkedin.com/in/thiago-delgado-pinto-bb6bb844/" target="_blank">Thiago Delgado Pinto</a></span>
                            <br />
                            <span class="title">creator of FunTester</span>
                        </div><!--//source-->
                    </div><!--//speech-bubble-->
                </div><!--//author-message-->
                <div class="clearfix"></div>

				<!-- Visitors by FlagCounter -->
                <div class="text-center" >
                    <a href="https://bit.ly/VtDGRR" ><img src="https://s11.flagcounter.com/map/VtDGRR/size_t/txt_000000/border_CCCCCC/pageviews_0/viewers_3/flags_0/"
                        alt="Counter" border="0" ></a>
                    <br />
                    <p style="color:lightgray" ><small>since 2014-06-27</small></p>
                </div>

				<!--
                <div class="info text-center">
                    <h4 class="sub-title">Get Connected</h4>
                    <ul class="social-icons list-inline">
                        <li><a href="https://twitter.com/3rdwave_themes" target="_blank"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="https://www.facebook.com/3rdwavethemes" target="_blank"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="https://www.linkedin.com/in/xiaoying"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="https://instagram.com/xyriley"><i class="fa fa-instagram"></i></a></li>
                        <li><a href="https://dribbble.com/Xiaoying"><i class="fa fa-dribbble"></i></a></li>
                        <li class="last"><a href="mailto: hello@3rdwavemedia.com"><i class="fa fa-envelope"></i></a></li>
                    </ul>
                </div>
				-->

            </div><!--//contact-inner-->
        </div><!--//container-->
    </section><!--//contact-->

    <!-- ******FOOTER****** -->
    <footer class="footer">
        <div class="container text-center">
            <small class="copyright">Site theme adapted from the work by <a href="https://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a>.</small>
        </div><!--//container-->
    </footer><!--//footer-->

    <!-- Javascript -->
    <script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="assets/plugins/prism/prism.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>