textmsg/pro/resources/views/pages/api-integration.blade.php

@extends('views.layouts.master')
@section('content')
    <!--inner Title Start -->
    <div class="sms_title_main_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="sms_inner_title_heading full_width">
                        <h2>API Integration</h2>
                        <ul>
                            <li><a href="#">Home</a> &nbsp;&nbsp;&nbsp;/</li>
                            <li>API Integration</li>
                        </ul>

                    </div>

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

    <!-- inner Title End -->
    <!-- plugin wrapper start -->
    <div class="plugin_wrapper api_integration_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sms_heading_wrapper">
                        <h4>BUILT FOR THE DEVELOPERS</h4>
                        <h3>Quick integration using plugins and libraries</h3>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg1.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>Magento</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li> <a href="#"> download </a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg2.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>wooCommerce</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg3.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>shopify</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg4.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>java</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg5.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>android</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg6.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>apple</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg7.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>PHP</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg8.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>Active Server Page</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg9.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>python</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg0.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>perl</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg11.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>C Language</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="plugin_box_wrapper full_width">
                                <img class="mx-auto" src="{{ asset('/themes/eyerecord/pro/resources/images/plg6.png') }}" alt="img">
                                <div class="plugin_text_wrapper full_width">
                                    <h4>apple</h4>
                                </div>
                                <div class="plugin_link_wrapper full_width">
                                    <ul>
                                        <li><a href="#">docs</a></li>
                                        <li><a href="#" class="GetFile">download</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- plugin wrapper end -->
    <!-- download app wrapper start-->
    <div class="download_wrapper full_width">
        <div class="container">
            <div class="row">

                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="download_app_store api_mockup_wrapper full_width">
                        <h1>Easily Integrate Any Application
                            With Secure, Scalable & Powerful SMS APIs</h1>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque ipsa Beatae vitae dicta sunt explicabo.</p>
                        <div class="slider_form_wrapper create_account_btn">
                            <input type="text" placeholder=" Email Address...">
                            <button type="submit">create account</button>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="download_mockup_design full_width">
                        <img src="{{ asset('/themes/eyerecord/pro/resources/images/mockup2.png') }}" class="img-responsive" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- download app wrapper end-->
    <!-- api codes wrapper start -->
    <div class="api_coding_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sms_heading_wrapper">
                        <h4>Start texting in minutes</h4>
                        <h3>Sample codes and comprehensive documentation</h3>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="sample_code_wrapper full_width">

                        <div class="login_tabs full_width">
                            <ul class="nav nav-tabs">
                                <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home2">post </a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">get</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#home3">ASP</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">C#</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#home2">Delphi</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#home3">Java</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">Ruby</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#home2">PHP</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#home3">VBA</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">VBA.NET</a>
                                </li>
                                <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#home3">Python</a>
                                </li>

                            </ul>
                        </div>

                        <div class="tab-content full_width">
                            <div id="home2" class="tab-pane active">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="text_edit">
                                            <style contenteditable="true">
                                                /*Try restyling  */

                                                dusing System {
                                                    color: #263238;
                                                    border-color: #90A4AE;
                                                }
                                                /* ::selection pseudo-element lets you style highlighted text */

                                                dusing System::selection {
                                                    background-color: #03A9F4;
                                                    color: #FFFF00;
                                                }
                                            </style>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="home3" class="tab-pane">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="text_edit">
                                            <style type="text/css" contenteditable="true">
                                                /*Try restyling  */

                                                dusing System;
                                                using System.Collections.Generic;
                                                using System.Net;
                                                using System.Collections.Specialized;
                                                namespace sendSMS {
                                                class sendSMS {
                                                public string sendSMS() {
                                                    String message=HttpUtility.UrlEncode("This is your message");
                                                using (var wb=new WebClient()) {
                                                byte[] response=wb.UploadValues("https://api.textlocal.in/send/", new NameValueCollection() {
                                                {
                                                "apikey", "yourapiKey"
                                                }
                                                , {
                                                "numbers", "918123456789"
                                                }
                                                , {
                                                "message", message
                                                }
                                                , {
                                                "sender", "TXTLCL"
                                                }
                                                }
                                                );
                                                string result=System.Text.Encoding.UTF8.GetString(response);
                                                return result;
                                                }
                                                }
                                                }
                                                }
                                            </style>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="menu2" class="tab-pane fade">
                                <div class="row">
                                    <div class="col-md-12">

                                        <div class="text_edit">
                                            <style type="text/css" contenteditable="true">
                                                /*Try restyling   */

                                                public {
                                                    color: #263238;
                                                    border-color: #90A4AE;
                                                }
                                                /* ::selection pseudo-element lets you style highlighted text */

                                                public::selection {
                                                    background-color: #03A9F4;
                                                    color: #FFFF00;
                                                }

                                                public {
                                                    color: #263238;
                                                    border-color: #90A4AE;
                                                }
                                                /* ::selection pseudo-element lets you style highlighted text */

                                                public::selection {
                                                    background-color: #03A9F4;
                                                    color: #FFFF00;
                                                }
                                            </style>

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

                    </div>
                    <div class="see_more_btn  api_btn full_width">
                        <ul>
                            <li>
                                <a href="{{ route('api-integration') }}"> See Full API Documentation</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- api codes wrapper end -->

    @include('views.partial.newsletter')

    <!-- API works wrapper start -->
    <div class="api_works_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sms_heading_wrapper">
                        <h4>how it works</h4>
                        <h3>Getting started with Text - 160 APIs is easy</h3>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle">
                            <h2>1. </h2>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Create account with
                                    Text - 160</a></h3>
                            <p>Lorem Ipsum is simply a dummy text of the APIs is easy
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle">
                            <h2>2. </h2>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Get a free API <br>
                                    key</a></h3>
                            <p>Lorem Ipsum is simply a dummy text of the APIs is easy
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle">
                            <h2>3. </h2>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Integrate your
                                    application</a></h3>
                            <p>Lorem Ipsum is simply a dummy text of the APIs is easy
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle">
                            <h2>4.</h2>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Convert account to
                                    transactional</a></h3>
                            <p>Lorem Ipsum is simply a dummy text of the APIs is easy
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- API work Wrapper end -->
    <!-- delivery wrapper start-->
    <div class="deliver_wrapper full_width">

        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="class_delivery_wrapper full_width">
                        <h1>Best-in-class delivery. Guaranteed.</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque ipsa quae abillo inventore veritatis Beatae vitae dicta explicabo.</p>
                        <ul>
                            <li>
                                <a href="#"> <i class="flaticon-tick-box"></i> Intelligent, fine-tuned SMS gateway routing technology </a>
                            </li>
                            <li>
                                <a href="#"> <i class="flaticon-tick-box"></i> Robust and scalable infrastructure with inbuilt redundancy </a>
                            </li>
                            <li>
                                <a href="#"> <i class="flaticon-tick-box"></i> Direct connectivity with multiple telecom operators </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="guarnted_wrapper full_width">
                        <i class="flaticon-shield"></i>
                        <p>Enterprise-grade security with 128-bit data encryption and strict data privacy policies.</p>
                    </div>
                    <div class="guarnted_wrapper full_width">
                        <i class="flaticon-support"></i>
                        <p>Fanatic customer support for expert help with everything from simple tips to technical integrations.</p>
                    </div>
                    <div class="guarnted_wrapper full_width">
                        <i class="flaticon-price"></i>
                        <p>Clear, honest pricing with zero hidden charges. Pay as you go with zero commitments. See bulk SMS pricing.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- delivery wrapper end-->
    <!-- solution wrapper start -->
    <div class="sm_solution_wrapper api_solution_wrapper full_width">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="sms_heading_wrapper">
                        <h4>BUILD POWERFUL SOLUTIONS</h4>
                        <h3>Let your application do more than just send plain bulk SMS</h3>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-paper-plane"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">send SMS online</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-settings"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Scheduled bulk SMS</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-attached-file"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Receive SMS online</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-responsive"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Contact management</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-bar-chart"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Message reporting</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-condo"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Messenger surveys</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-dollar"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Account management</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-missed-call"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Reseller management</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="sb_feature_box_wrapper full_width">
                        <div class="sb_feature_circle"> <i class="flaticon-whatsapp"></i>
                            <div class="btc_step_overlay"></div>
                        </div>
                        <div class="sb_feature_circle_cont full_width">
                            <h3><a href="#">Manage delivery reports</a></h3>
                            <p>Lorem Ipsum is simply dummy text of the any an printing and typesetting industry. Lorem Ipsum has been the industry's.</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- solution wrapper end -->
@endsection