<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>FX Trade</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="pageWrapper"> 
  <!-- ================ header css starts================== -->
  <header class="header">
    <div class="headerWrap clearfix">
      <div class="container">
        <div class="row">
          <div class="logoDiv"> <a class="logo" href="index.html"> <img width="215" height="58" src="images/logo.jpg" alt="FX TRADE LOGO"> </a> </div>
          <div class="header-menu clearfix">
            <div class="top-bar">
              <div class="topmenuList">
                <ul class="topmenu">
                  <li><a href="#">Login</a></li>
                  <li><a href="#">Register</a></li>
                  <li><a href="#">Refer a friend</a></li>
                  <li><a href="#">Premium Services</a></li>
                  <li><a href="#">Help and support</a></li>
                </ul>
              </div>
            </div>
            <div class="menu-Items clearfix">
              <ul id="navigation" class="nav-main-menu clearfix">
                <li class="currentMenu"><a href="#">Home</a></li>
                <li><a href="#">Trading</a></li>
                <li><a href="#">Education</a></li>
                <li><a href="#">Tools</a></li>
                <li><a href="#">Why Us</a></li>
                <li><a href="#">Contact Us</a></li>
                <li class="searchLi"><span><i class="fa fa-search"></i></span></li>
              </ul>
              <div class="toggleMenu"><i class="fa fa-bars"></i></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <!-- ================ header css end================== --> 
  <!-- ================ page css starts================== -->
  <div class="site-content" id="pageItem">
    <section class="homeBanner">
      <div class="bannercaption1">
        <div class="bannercpText1"><span>Lorem Ipsum Dolor Sit Amet</span>
          <h1>Do you trade frequently </h1>
          <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.</p>
          <a href="#" class="btnExplore">Explore</a> </div>
      </div>
      <div class="bannercaption2">
        <ul>
          <li><span>1.</span>
            <h2>Nulla consequat massa quis enim</h2>
            <p> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo</p>
            <a href="#">Read More <i class="fa fa-angle-right"></i></a> </li>
          <li><span>2.</span>
            <h2>Aenean leo ligula, porttitor eu</h2>
            <p> Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero</p>
            <a href="#">Read More <i class="fa fa-angle-right"></i></a> </li>
        </ul>
      </div>
    </section>
    <section class="currencySection">
      <div class="container">
        <div class="row clearfix">
          <div class="col-md-12 col-xs-12">
            <div class="currencyItems">
              <h3>Donec sodales sagittis</h3>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
            <div class="currencyItems">
              <h3>Donec sodales sagittis</h3>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
            <div class="currencyItems">
              <h3>Donec sodales sagittis</h3>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
            <div class="currencyItems">
              <h3>Donec sodales sagittis</h3>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="mblAppSection">
      <div class="container">
        <div class="row clearfix">
          <div class="col-md-6 col-xs-12">
            <div class="mobile-app"><img src="images/iphone-png.png" width="500" height="498" alt="Mobile App"></div>
          </div>
          <div class="col-md-6 col-xs-12">
            <div class="mbl_text2">
              <h2>Nullam accumsan lorem in dui, Fusce vulputate</h2>
              <h6>Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis et</h6>
              <p> In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget</p>
              <a href="#" class="btnStart">Start</a><a href="#" class="btnexplore2">Explore</a> </div>
          </div>
        </div>
      </div>
    </section>
    <section class="contactbgSection">
    <div class="questionCol">
              <h2>Any Questions</h2>
              <p>Maecenas tempus, tellus eget condimentum rhoncus</p>
            </div>
      <div class="container">
        <div class="row clearfix">
            
          <div class="contactItems">
          <ul class="contactUl">
          <li><i class="fa fa-file-text-o"></i>
          <h5>New Account</h5>
          <p>+1-01234 25678</p>
          </li>
          <li class="mblLi"><i class="fa fa-mobile"></i>
          <h5>Help Desk</h5>
          <p>+1-01234 25678</p>
          </li>
          <li><i class="fa fa-life-ring"></i>
          <h5>Trading Support</h5>
          <p>+1-01234 25678</p>
          </li>
          </ul>
          </div>
        </div>
      </div>
    </section>
    <section class="servicesSection">
      <div class="container">
        <div class="row clearfix">
          <div class="col-md-12 col-xs-12">
          <h2>Our Services</h2>
            <div class="servItems">
              <h3>Donec sodales sagittis</h3>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
            <div class="servItems">
              <h3>Donec sodales sagittis</h3>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
            <div class="servItems">
              <h3>Donec sodales sagittis</h3>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
            <div class="servItems">
              <h3>Donec sodales sagittis</h3>
              <ul>
                <li>Donec pede justo</li>
                <li>Metus varius laoreet</li>
                <li>Tellus eget condimentum</li>
                <li>Nullam accumsan</li>
                <li>In ac dui quis mi</li>
                <li>Praesent adipiscing</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
   </section>
  </div>
  <!-- ================ page css end================== --> 
<footer class="siteFooter">
<div class="container">
        <div class="row clearfix">
          <div class="col-md-12 col-xs-12"><img src="images/footer-logo.jpg" width="31" height="36" alt="Footer Logo"> © Copyright 2014 @fxtrade <a href="#">Sitemap</a> | <a href="#">Terms and Agreements</a> |  <a href="#">Privacy</a> | <a href="#">Cookies</a></div>
        </div>
</div>
</footer>  
</div>
<!-- jQuery --> 
<script src="js/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/custom.js"></script>
</body>
</html>




@charset "utf-8";
/* CSS Document */
/*1.1 - Reset Css by Erci Mayer(Extra)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {	border-collapse: collapse;	border-spacing: 0;}a:focus{outline:0px;}a:hover,a:focus{text-decoration:none;}
body { font-family: 'Open Sans', sans-serif; margin:0; padding:0; background-color:#fff !important; overflow:hidden; }
img {vertical-align: middle !important;}
img { width:100%; height:auto; }
#maindiv {width:100%;float:left;display:block;}
.tabbedNav_ctrl { width:100%; height:auto; display:block; float:left; margin:20px 0; }
ul.tabbedNav {clear: both;margin: 0;padding: 0;position: relative;text-align: center;}
ul.tabbedNav > li {display: inline-block;float: none;list-style-type: none;margin: 0;padding: 0;}
ul.tabbedNav > li > a {border: 1px solid rgb(229, 229, 229);color: rgb(2, 2, 2);display: block;float: none;padding: 12px 24px;text-align: center;text-decoration: none;}
ul.tabbedNav > li > a {background-color:#ffffff;display:inline-block; float:left; padding:10px 15px; margin:0 -3px; border:1px solid rgb(229, 229, 229); text-align:center; color:rgb(2, 2, 2); text-decoration:none; }

ul.tabbedNav > li > a  img{
	width:18px;
	height:auto;
	margin-right:7px;
}
ul.tabbedNav > li > a  img, ul.tabbedNav > li > a  span{
	display:inline-block;
	vertical-align:middle;
}

.tabbedContent_Main {width:100%; float:left; display:block; margin:0; padding:0px; height:auto; }
.tabbedContent {width:100%; float:left; display:block; height:auto; padding:0; overflow-y:auto; font-family: 'Droid Sans', sans-serif;}
.tabbedContent iframe { width:100%; height:88vh; }
.NavActive { background-color:#f7f7f7 !important; }
pre {background-color:#000000 !important; color:#d1d1d1 !important; font-size:13px;padding:0;border-radius:0;font-family: 'Droid Sans', sans-serif; white-space:pre-wrap;}
#tab2 ,#tab3 { /*overflow-y:scroll;*/ height:88vh; }
#tabb2 ,#tabb3 { /*overflow-y:scroll;*/ height:88vh; }
code, kbd, pre, samp { font-family:monospace,serif !important; }
i.fa {margin:0 10px;}
/* css added for portfolio */
pre { background-color:#41494c !important; }
/* css added for portfolio */

code.hljs{
	padding:20px;
}