<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>Документ без названия</title>
    <meta name="viewport" content="width=1000;">
    <link href="style/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrap">
<div class="main">
<div data-id="Home" class="page page_1">
    <div class="main_line">
        <div class="main_line_bg"></div>
        <div class="line_l line_1">
            <div class="text">
                <h2>Complete<strong>tracking suite</strong></h2>

                <p>We go above a standard mobile billing platform by offering a complete tracking solution to our clients. With our tracking you're able to manage and optimize all of your campaigns from visitor to sale. </p>
            </div>
            <div class="line_bg"></div>
        </div>
        <div class="line_l line_2">
            <div class="text">
                <h2>Zero<strong>downtime</strong></h2>

                <p>Downtime is always a major concern for any company handling large amounts of data. That's why we're committed to 100% up-time for our client’s products and services. We've got a plan A, B and C.</p>
            </div>
            <div class="line_bg"></div>
        </div>
        <div class="line_r line_3">
            <div class="text">
                <h2>Fully<strong>transparent</strong></h2>

                <p>We believe that every client has potential. For that reason we don't have a minimum threshold. No set up or monthly fees, no volume requirements and free customer care support for all of our client’s projects.</p>
            </div>
            <div class="line_bg"></div>
        </div>
        <div class="line_r line_4">
            <div class="text">
                <h2>Free 24/7<strong>support</strong></h2>

                <p>Communication is key for any good business partnership. That's we offer 24-hour support for all of our clients at no additional cost.</p>
            </div>
            <div class="line_bg"></div>
        </div>
    </div>

</div>
<div data-id="Billing" class="page page_2">
    <h1 class="h101">Billing</h1>

    <div class="title_h101">select the desired solution</div>
    <div class="m_tabs">
        <div class="progress2">
            <div id="progress-wrapper">
                <canvas id="progress-counter" width="440" height="440"></canvas>
            </div>
        </div>
        <ul>
            <li class="m_tabs_1"><a href="#" title="#">Subscription</a><i></i></li>
            <li class="m_tabs_2"><a href="#" title="#">Pseudo-<br>Subscription</a><i></i></li>
            <li class="m_tabs_3 active"><a href="#" title="#">Premium SMS</a><i></i></li>
            <li class="m_tabs_4"><a href="#" title="#">WAP Click</a><i></i></li>
            <li class="m_tabs_5"><a href="#" title="#">Bulk SMS</a><i></i></li>
        </ul>
    </div>
    <div class="tabs">
        <div class="tab_1">
            <div class="circle tab_circle_4"><span>User initiates <br> the <b>purchase</b></span><i>1</i></div>
            <div class="circle tab_circle_5"><span>User <b>enters</b> the<br>phone <b>number</b></span><i>2</i></div>
            <div class="circle tab_circle_6"><span>User <b>receives</b><br>the invitation <b>PIN</b></span><i>3</i></div>
            <div class="circle tab_circle_7"><span>User <b>enter</b><br>to <b>PIN</b></span><i>4</i></div>
            <div class="circle tab_circle_8"><span>User <b>receives</b><br>the <b>service</b></span><i>5</i></div>
        </div>
        <div class="tab_2">
            <div class="circle tab_circle_4"><span>User initiates <br> the <b>purchase</b></span><i>1</i></div>
            <div class="circle tab_circle_5"><span>User <b>enters</b> the<br>phone <b>number</b></span><i>2</i></div>
            <div class="circle tab_circle_6"><span>User <b>receives</b><br>the invitation <b>SMS</b></span><i>3</i></div>
            <div class="circle tab_circle_7"><span>User <b>replies</b><br>to <b>SMS</b></span><i>4</i></div>
            <div class="circle tab_circle_8"><span>User <b>receives</b><br>the <b>service</b></span><i>5</i></div>
        </div>
        <div class="tab_3 active">
            <div class="circle tab_circle_1"><span>User initiates <br> the <b>purchase</b></span><i>1</i></div>
            <div class="circle tab_circle_2"><span>User sends <b>prefix</b> <br>to <b>shortcode</b></span><i>2</i></div>
            <div class="circle tab_circle_3"><span>User <b>receives</b> <br>the <b>service</b></span><i>3</i></div>
        </div>
        <div class="tab_4">
            <div class="circle tab_circle_9"><span>User <b>clicks</b> <br><b>OK</b> button </span><i>1</i></div>
            <div class="circle tab_circle_10"><span>User <b>subscribes</b> <br>for the <b>service</b></span><i>2</i></div>
        </div>
        <div class="tab_5">
            <div class="circle tab_circle_11"><span>The dissemination of<br><b>large numbers</b> of SMS<br>messages for <b>delivery<br>to mobile phone</b><br>terminals</span></div>
        </div>
    </div>
</div>
<div data-id="Coverage" class="page page_3">
<h1 class="h101">Coverage </h1>

<div class="title_h101">select the country to see the details</div>

<div class="popup_1">
<div class="selected_country">
<h3 class="selected_country_title">Choose a country</h3>

<div class="selected_country_list">
    <div class="selected_country_list_1">
        <dl>
            <dt>Азербайджан</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Армения</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl class="active">
            <dt>Россия</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Украина</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Таджикистан</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Киргизстан</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Беларусь</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Эстония</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
    </div>


    <div class="selected_country_list_2">
        <dl>
            <dt>Латвия</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Литва</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Казахстан</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Польша</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Словакия</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Чехия</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>
        <dl>
            <dt>Индия</dt>
            <dd><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></dd>
        </dl>


    </div>
</div>
<div class="selected_country_premium">
    <h4>Premium SMS & Pseudo-Subscription</h4>

    <div class="table">
        <table>
            <tr>
                <th>Short Code</th>
                <th>Avg. SMS Cost</th>
                <th>Avg. Partner Reward</th>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td>-----</td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td>-----</td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td>-----</td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td><span>P</span><span>PS</span><span>S</span><span>1С</span><span>B</span></td>
                <td>$----</td>
                <td>$----</td>
            </tr>
            <tr>
                <td>-----</td>
                <td>$----</td>
                <td>$----</td>
            </tr>
        </table>
    </div>
</div>
<div class="selected_country_one_click">
    <h4>Subscription & 1-click</h4>

    <div class="table">
        <table>
            <tr>
                <th>Cost</th>
                <th>Partner reward</th>
            </tr>
            <tr>
                <td>$X.XXXX</td>
                <td>0 – XXX,XXX</td>
            </tr>
        </table>
    </div>
</div>
<div class="selected_country_bulk">
    <h4>Bulk SMS</h4>

    <div class="table">
        <table>
            <tr>
                <th>Number of Delivered SMS</th>
                <th>Partner reward</th>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
            <tr>
                <td>Avg. SMS Cost</td>
                <td>0 – XXX,XXX</td>
            </tr>
        </table>
    </div>
</div>
</div>
</div>
</div>
<div data-id="Sign_up" class="page page_4">
    <h1 class="h101">Sign Up</h1>

    <div class="sign_up_form">
        <div class="sign_up_select"><a href="#" title="#">Individual</a><a class="active" href="#" title="#">Company</a></div>
        <div class="sign_up_block sign_up_individual">
            <form action="#">
                <ul>
                    <li><label for="i9">Name:</label><input type="text" name="" id="i9" placeholder="Please enter your name"/></li>
                    <li><label for="i10">Adress:</label><input class="error" type="text" name="" id="i10" value="Incorrect adress"/></li>
                    <li class="for_i5"><label for="i11">Email:</label><input type="email" name="" id="i11" placeholder="foraxample@gmail.com"/></li>
                    <li class="for_i6"><label for="i12">Phone:</label><input type="tel" name="" id="i12" placeholder="+38 (012) 345-67-89"/></li>
                    <li><label for="i13">Description of service(s):</label><textarea id="i13" placeholder="Description of service(s)"></textarea></li>
                    <li><label for="i14">Expected monthly turnover:</label><input type="text" name="" id="i14" placeholder="Expected monthly turnover"/></li>
                </ul>
                <a class="sign_up_submit" href="#">Send</a>
            </form>
        </div>
        <div class="sign_up_block sign_up_company active">
            <form action="#">
                <ul>
                    <li><label for="i1">Company Name:</label><input type="text" name="" id="i1" placeholder="Please enter your company name"/></li>
                    <li><label for="i2">Company Representative:</label><input class="error" type="text" name="" id="i2" value="Incorrect company representative"/></li>
                    <li><label for="i3">Company Representative Name:</label><input type="text" name="" id="i3" placeholder="Enter company representative name"/></li>
                    <li><label for="i4">Company Adress:</label><input type="text" name="" id="i4" placeholder="Company adress"/></li>
                    <li class="for_i5"><label for="i5">Email:</label><input type="email" name="" id="i5" placeholder="foraxample@gmail.com"/></li>
                    <li class="for_i6"><label for="i6">Phone:</label><input type="tel" name="" id="i6" placeholder="+38 (012) 345-67-89"/></li>
                    <li><label for="i7">Description of service(s):</label><textarea id="i7" placeholder="Description of service(s)"></textarea></li>
                    <li><label for="i8">Expected monthly turnover:</label><input type="text" name="" id="i8" placeholder="Expected monthly turnover"/></li>
                </ul>
                <a class="sign_up_submit" href="#">Send</a>
            </form>
        </div>
    </div>

</div>
<div data-id="Affiliates" class="page page_5">
    <h1 class="h101">Affiliates</h1>

    <div class="affiliates">
        <p>We offer <strong>3% lifetime revenue <br> share</strong> for all of our affiliates.<br> Sign up today to <strong>start earning</strong>.</p>
        <a class="sign_up_button" href="#" title="#">SIGN UP</a>
    </div>


</div>
<div data-id="About" class="page page_6">
    <h1 class="h101">about us</h1>

    <div class="about_us">
        <p>It is a long established fact that a reader will be distracted by the readable content <br> of a page when looking at its layout. The point of using Lorem Ipsum is that it has<br> a more-or-less normal distribution of letters, as opposed to using 'Content here,<br> content here', making it look like readable English. </p>


        <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as<br> their default model text, and a search for 'lorem ipsum' will uncover many web sites<br> still in their infancy. Various versions have evolved over the years, sometimes by<br> accident, sometimes on purpose (injected humour and the like).</p>
    </div>
    <div class="footer">
        Copyright © 2014 DaaMob. All rights reserved.
    </div>

</div>
</div>
</div>

<div class="header_bg">
    <div class="header">
        <div class="m1">
            <ul>
                <li><a href="#Billing">Billing</a></li>
                <li><a href="#Coverage">Coverage</a></li>
                <li><a href="#Sign_up">Sign Up</a></li>
            </ul>
            <ul>
                <li><a href="#Affiliates">Affiliates</a></li>
                <li><a href="#About">About</a></li>
                <li class="login_link">
                    <span>Login</span>

                    <div class="login_block">
                        <div class="form_login">
                            <form action="assdads">
                                <input type="text" placeholder="Login"/>
                                <input type="password" placeholder="Password"/>

                                <div class="forgot_password">
                                    <div class="forgot_password_popup">Forgot password?</div>
                                </div>
                                <a class="submit" href="#">&raquo;</a>
                            </form>
                        </div>
                        <div class="forgot_pass">
                            <form><input type="email" placeholder="Enter your E-mail"/>
                            <a class="back_to_login" href="#"></a><input type="submit" value=""/></form>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <div class="logo"><a href="#Home"></a></div>
    </div>
</div>


<!--Для вывода сообщения об успешной отправке формы или об ошибке, нужно сделать видимым враппер и один из внутренних блоков-->
<div class="popup_end_wr" style="display: none">
    <div class="popup_end">
        <h4>Thank you!</h4>

        <p>We received your message.</p>
    </div>
    <div class="popup_end err">
        <h4>ERROR</h4>

        <p>Incorrect e-mail</p>
    </div>
</div>
<!--Для вывода сообщения об успешной отправке формы или об ошибке, нужно сделать видимым враппер и один из внутренних блоков-->


</body>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all"/>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/my.js"></script>

</html>        
© TrueDev.org