Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- ===========================
    THEME INFO
    =========================== -->
    <meta name="description" content="A free Bootstrap powerd HTML template exclusively crafted for the super lazy designers like me who designed thousand of websites till today but never got a chance to build one himself.">
    <meta name="keywords" content="Free Portfolio Template, Free Template, Free Bootstrap Template, Dribbble Portfolio Template, Free HTML5 Template">
    <meta name="author" content="EvenFly Team">

    <!-- DEVEOPER'S NOTE:
    This is a free Bootstrap powered HTML template from EvenFly. Feel free to download, modify and use it for yourself or your clients as long there is no money involved.

    Please don't try to sale it from anywhere; because I want it to be free, forever. If you sale it, That's me who deserves the money, not you :)
    -->

    <!-- ===========================
    SITE TITLE
    =========================== -->
    <title>Children Word Education</title><!-- This is what you see on your browser tab-->

    <!-- ===========================
    FAVICONS
    =========================== -->
    <link rel="icon" href="img/favicon.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-ipad-retina.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone-retina.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-iphone.png" />

    <!-- ===========================
    STYLESHEETS
    =========================== -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/preloader.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/animate.css">

    <!-- ===========================
    ICONS:
    =========================== -->
    <link rel="stylesheet" href="css/simple-line-icons.css">

    <!-- ===========================
    GOOGLE FONTS
    =========================== -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Antic|Raleway:300">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  <!-- ===========================
   GOOGLE ANALYTICS (Optional)
   =========================== -->

    <!--Replace this line with your analytics code-->

    <!-- Analytics end-->

    <!-- =========================
    AUDIO JAVASCRIPT
    ========================= -->


        <!-- configure SM2 for your use -->

   </head>
    <body data-spy="scroll">
        <!-- Preloader -->
        <div id="preloader">
            <div id="status">
                <div class="loadicon icon-notebook wow tada infinite" data-wow-duration="8s"></div>
            </div>
        </div>

       <header>
        <!-- ===========================
        HERO AREA
        =========================== -->
        <div id="hero">
            <div class="container herocontent">
                <h2 class="wow fadeInUp" data-wow-duration="1s">Click On The Word That You Hear</h2>
                <!--<h4 class="wow fadeInDown" data-wow-duration="3s">Teach your child 1000 site words with this application. This has been proven over years of testing with many Public, private and homeschool children.</h4>            -->
            </div>  <center>
                <h1>
                    <div class="herocontent">

                        <div>the</div><div>say</div><div>important</div><div>farm</div><div>already</div><div>yourself</div><div>major</div><div>of</div><div>great</div><div>until</div>
                    </div>
                </h1>
        </center>

        </div>
        </div>
        </div><!--HERO AREA END-->

        <!-- ===========================
         NAVBAR START
         =========================== -->
          <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
               <div class="container">

                      <div class="navbar-header">
                       <button type="button" class="navbar-toggle" 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>

                           <a class="navbar-brand" href="#hero">
                            <!-- Replace Drifolio Bootstrap with your Site Name and remove icon-grid to remove the placeholder icon -->
                            <span class="brandicon icon-grid"></span>
                            <span class="brandname">Words with Kids</span>
                        </a>
                    </div>

                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right"><!--YOUR NAVIGATION ITEMS STRAT BELOW-->
                        <li><a href="#about"><span class="btnicon icon-user"></span>About</a></li>
                        <li><a href="#services"><span class="btnicon icon-cup"></span>Services</a></li>
                        <li><a href="#portfolio"><span class="btnicon icon-rocket"></span>Portfolio</a></li>
                        <li><a href="#testimonials"><span class="btnicon icon-bubble"></span>Testimonials</a></li>

                        <!--don't forget to replace my email address below with yours-->
                        <li><a href="mailto:krambal77@gmail.com"><span class="btnicon icon-envelope-open"></span>Contact</a></li>
                        <li class="active"><a href=""><span class="btnicon icon-cloud-download"></span>Download CV</a></li>
                    </ul>

                </div><!--.nav-collapse -->
            </div>
        </nav><!--navbar end-->
     </header><!--header end-->

        <!-- ===========================
    FOOTER START
    =========================== -->
    <footer>
        <div class="container">
            <span class="bigicon icon-speedometer "></span>

            <div class="footerlinks"><!-- FOOTER LINKS START -->
                <ul>
                    <li><a href="#hero">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#portfolio">Portfolio</a></li>
                    <li><a href="#testimonials">Testimonials</a></li>

                    <!--replace the email address below with your email address-->
                    <li><a href="mailto:m@creatrix.us">Contact</a></li>
                </ul>
            </div><!-- FOOTER LINKS END -->

            <div class="copyright"><!-- FOOTER COPYRIGHT START -->
                <p><a href="#">Drifolio</a> stands for Dribbble-Portolio. This is a free HTML template designed and coded by <a href="http://evenfly.com">EvenFly Team</a>. All logo and images in this template used for preview purpose only. You are free to use the template but make sure to use your own images.</p>
            </div><!-- FOOTER COPYRIGHT END -->

            <div class="footersocial wow fadeInUp" data-wow-duration="3s"><!-- FOOTER SOCIAL ICONS START -->
                <ul>
                    <li><a href="http://facebook.com/MamunSrizon"><span class="icon-social-facebook"></span></a></li>
                    <li><a href="http://twitter.com/MamunSrizon"><span class="icon-social-twitter"></span></a></li>
                    <li><a href="#"><span class="icon-social-youtube"></span></a></li>
                    <li><a href="http://dribbble.com/srizon"><span class="icon-social-dribbble"></span></a></li>
                    <li><a href="#"><span class="icon-social-tumblr"></span></a></li>
                 </ul>
             </div><!-- FOOTER SOCIAL ICONS END -->
         </div>
     </footer><!-- FOOTER END -->
        <script type="text/javascript" src="js/soundmanager2.js"></script>
        <script type="text/javascript">

            soundManager.setup({

          // location: path to SWF files, as needed (SWF file name is appended later.)

          url: '/path/to/swf-files/',

          // optional: version of SM2 flash audio API to use (8 or 9; default is 8 if omitted, OK for most use cases.)
          // flashVersion: 9,

          // use soundmanager2-nodebug-jsmin.js, or disable debug mode (enabled by default) after development/testing
          // debugMode: false,

          // good to go: the onready() callback

          onready: function() {

            // SM2 has started - now you can create and play sounds!

            var mySound = soundManager.createSound({
              id: 'say', // optional: provide your own unique id
              url: 'audio/say.wav'
              // onload: function() { console.log('sound loaded!', this); }

             // other options here..
            });

            var bleep = soundManager.createSound({
              id: 'bleep', // optional: provide your own unique id
              url: 'audio/effects/bleep.wav'
              // onload: function() { console.log('sound loaded!', this); }
              // other options here..
            });
            var cheer = soundManager.createSound({
              id: 'cheer', // optional: provide your own unique id
              url: 'audio/effects/cheer.wav'
              //onload: function() { console.log('sound loaded!', this); }
             // other options here..
            });

            setTimeout(function (){ mySound.play(); }, 4000);

            },

          // optional: ontimeout() callback for handling start-up failure

          ontimeout: function() {

            // Hrmm, SM2 could not start. Missing SWF? Flash blocked? No HTML5 audio support? Show an error, etc.?
            // See the flashblock demo when you want to start getting fancy.

          }

        });


</script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript" src="js/general.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

    <!--Other necessary scripts-->
    <script src="js/jquery.nicescroll.min.js"></script>
    <script src="js/jquery.jribbble-1.0.1.ugly.js"></script>
    <script src="js/drifolio.js"></script>
    <script src="js/wow.min.js"></script>
    <script>new WOW().init();</script>
  </body>
</html>