Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur ELIT. Nam in nisi eros. Proin quis ultricies neque. Proin imperdiet leo a leo euismod ultrices. Cras et tempor elit. Duis aliquet volutpat sapien, eget porta tellus laoreet in. Donec sem velit, tincidunt eu sodales vel, varius non libero. Sed nisl mauris, facilisis sit amet hendrerit at, hendrerit vel tortor. Aliquam id massa euismod, ultricies metus nec, convallis urna. In laoreet dapibus ante vitae placerat. Pellentesque mollis nec sapien elementum eu tincidunt. SAPIEN elit placerat Phasellus laoreet vitae, Cras in massa ac mi sodales Ligula Fermentum vestibulum et rutrum odio tincidunt. Nunc id maximus orci.

Vestibulum mollis eros nunc, pretium porta dolor gravida vel. Nullam arcu diam, semper a varius sit amet, interdum vel enim. Duis orci nunc, eleifend vel tellus ut, finibus fermentum erat. Curabitur sagittis justo augue. Phasellus fermentum semper nisi, in consequat lectus tincidunt quis. Maecenas sit amet semper.

Image

Lorem Ipsum

Curabitur lacinia convallis nibh, non cursus augue. Quisque id sem id lorem porttitor efficitur in quis libero. Nullam turpis ante auctor purus sed.

https://examples.com

Lorem Ipsum

In laoreet dapibus ante vitae placerat. Pellentesque mollis sapien nec sapien elementum, eu tincidunt elit placerat. Phasellus laoreet VITAE mi at hendrerit. Cras in massa ac mi sodales vestibulum. Etiam convallis lectus vitae ligula fermentum, et rutrum odio tincidunt. Nunc id maximus orci. Sed id sapien massa.

Pellentesque nunc eros, vulputac example.Key. Phasellus urna dui, sollicitudin nec rutrum sollicitudin nec rutrum eros.

In laoreet dapibus ante vitae PALL. Pellentesque mollis sapien nec sapien elementum, eu tincidunt elit placerat Phasellus laoreet vitae.

curl https://examples.com/v1/charges \
                           -u example_test_DTbaf9757982a9e738f05d249b:
                       

Aliquam sed risus -u vitae tellus venenatis vulputate non id ante. Nullam facilisis placerat ligula non pulvinar. Donec nec purus.

Donec congue pharetra ligula, a porta nulla semper vel. Donec egestas fermentum augue ac ultricies. Aliquam sed risus vitae tellus venenatis vulputate non id ante. Nullam facilisis placerat ligula non pulvinar.

require "example"
                           example.api_key = "example_test_DTbaf9757982a9e738f05d249b"

You can also set a per-request key like in the example below. This is often useful for Connect applications that use multiple API keys during the lifetime of a process.

Authentication is transparently handled for you in subsequent method calls on the returned object.

example::Charge.retrieve(
                           "ex_GE47fb22eZvKYlo2Cc0fo87EHa",
                           :api_key => "example_test_DTbaf9757982a9e738f05d249b"
                           )

A sample test API key is included in all the examples on this page, so you can test any example right away. To test requests using your account, replace the sample API key with your actual API key.

import example
                           example.api_key = "example_test_DTbaf9757982a9e738f05d249b"

You can also set a per-request key like in the example below. This is often useful for Connect applications that use multiple API keys during the lifetime of a process.

Authentication is transparently handled for you in subsequent method calls on the returned object.

example.Charge.retrieve(
                           "ex_GE47fb22eZvKYlo2Cc0fo87EHa",
                           api_key="example_test_DTbaf9757982a9e738f05d249b"
                           )

A sample test API key is included in all the examples on this page, so you can test any example right away. To test requests using your account, replace the sample API key with your actual API key.

\example\example::setApiKey("example_test_DTbaf9757982a9e738f05d249b");

You can also set a per-request key like in the example below. This is often useful for Connect applications that use multiple API keys during the lifetime of a process.

Authentication is transparently handled for you in subsequent method calls on the returned object.

\example\Charge::retrieve(
                           "ex_GE47fb22eZvKYlo2Cc0fo87EHa",
                           array('api_key' => "example_test_DTbaf9757982a9e738f05d249b")
                           )

A sample test API key is included in all the examples on this page, so you can test any example right away. To test requests using your account, replace the sample API key with your actual API key.

example.apiKey = "example_test_DTbaf9757982a9e738f05d249b";

You can also set a per-request key like in the example below. This is often useful for Connect applications that use multiple API keys during the lifetime of a process.

RequestOptions requestOptions = RequestOptions.builder().setApiKey("example_test_DTbaf9757982a9e738f05d249b").build();

                           Charge.retrieve("ex_GE47fb22eZvKYlo2Cc0fo87EHa", requestOptions)

A sample test API key is included in all the examples on this page, so you can test any example right away. To test requests using your account, replace the sample API key with your actual API key.

var example = require("example")(
                           "example_test_DTbaf9757982a9e738f05d249b"
                           );

You can also set a per-request key like in the example below. This is often useful for Connect applications that use multiple API keys during the lifetime of a process.

Authentication is transparently handled for you in subsequent method calls on the returned object.

example.charges.retrieve("ex_GE47fb22eZvKYlo2Cc0fo87EHa", {
                           api_key: "example_test_DTbaf9757982a9e738f05d249b"
                           });

A sample test API key is included in all the examples on this page, so you can test any example right away. To test requests using your account, replace the sample API key with your actual API key.

example.Key = "example_test_DTbaf9757982a9e738f05d249b"

You can also set a per-request key like in the example below. This is often useful for Connect applications that use multiple API keys during the lifetime of a process.

sc := &client.API{}
                           sc.Init("example_test_DTbaf9757982a9e738f05d249b", nil)
                           sc.Charges.Get("ex_GE47fb22eZvKYlo2Cc0fo87EHa", params)

A sample test API key is included in all the examples on this page, so you can test any example right away. To test requests using your account, replace the sample API key with your actual API key.

Lorem

In laoreet dapibus ante vitae placerat. Pellentesque mollis sapien nec sapien elementum, eu tincidunt elit placerat. Phasellus 2xxlaoreet vitae mi at hendrerit. Cras in jni 4xxlectus vitae ligula fermentum, et rutrum odio sit amet, interdum vel enim. Duis orci nunc, eleifend vel tellus ut, finibus fermentum erat. Curabitur 5xx in consequat lectus tincidunt quis. Maecenas sit amet semper nisl.

In laoreet dapibus ante vitae placerat. Pellentesque mollis sapien nec sapien elementum, eu tincidunt elit placerat. Phasellus laoreet vitae mi at hendrerit. Cras in massa ac mi sodales vestibulum. Etiam convallis lectus vitae ligula fermentum maximus orci.

Attributes
  • type

    The type of error returned. Can be: api_connection_error, api_error, authentication_error, card_error, invalid_request_error, or rate_limit_error.

  • charge

    Nunc suscipit justo ac odio.

  • message optional

    Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio.

  • code optional

    Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio.

  • decline_code optional

    Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio.

  • param optional

    Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo. ac odio Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo.

Lorem Ipsum psum quia
200 - OK Pellentesque mollis sapien nec sapien.
400 - Bad Request Pellentesque mollis sapien nec sapien.
401 - Unauthorized Pellentesque mollis sapien nec sapien.
402 - Request Failed Pellentesque mollis sapien nec sapien.
404 - Not Found Pellentesque mollis sapien nec sapien.
409 - Conflict Pellentesque mollis sapien nec sapien (mollis sapien nec sapien).
429 - Too Many Requests Pellentesque mollis sapien nec sapien.
500, 502, 503, 504 - Server Errors Pellentesque mollis sapien nec sapien.
Errors
Types
api_connection_error Pellentesque mollis sapien nec sapien.
api_error Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien.
authentication_error Pellentesque mollis sapien nec sapien Pellentesque mollis.
card_error Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien.
invalid_request_error Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien.
rate_limit_error Pellentesque mollis sapien nec sapien.
validation_error Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien Pellentesque mollis sapien nec sapien (Pellentesque mollis).
Codes
invalid_number Curabitur lacinia convallis nibh, non cursus augue.
invalid_expiry_month Curabitur lacinia convallis nibh, non cursus augue.
invalid_expiry_year Curabitur lacinia convallis nibh, non cursus augue.
invalid_cvc Curabitur lacinia convallis nibh, non cursus augue.
invalid_swipe_data Curabitur lacinia convallis nibh.
incorrect_number Curabitur lacinia convallis nibh.
expired_card Curabitur lacinia convallis.
incorrect_cvc Curabitur lacinia convallis nibh, non cursus augue.
incorrect_zip Curabitur lacinia convallis nibh, non cursus augue.
card_declined Curabitur lacinia convallis.
missing Curabitur lacinia convallis nibh, non cursus augue.
processing_error Curabitur lacinia convallis nibh, non cursus augue.
Curabitur lacinia convallis nibh, non cursus augue convallis.

Lorem Ipsum

In laoreet dapibus ante vitae placerat. Pellentesque, mollis sapien nec sapien elementum, eu tincidunt elit placerat. Phasellus, laoreet vitae mi at hendrerit. Cras in massa ac mi sodales vestibulum. Etiam convallis lectus vitae ligula.

No data
begin
                            # Use example's library to make requests...
                            rescue example::CardError => e
                            # Since it's a decline, example::CardError will be caught
                            body = e.json_body
                            err  = body[:error]

                            puts "Status is: #{e.http_status}"
                            puts "Type is: #{err[:type]}"
                            puts "Charge ID is: #{err[:charge]}"
                            # The following fields are optional
                            puts "Code is: #{err[:code]}" if err[:code]
                            puts "Decline code is: #{err[:decline_code]}" if err[:decline_code]
                            puts "Param is: #{err[:param]}" if err[:param]
                            puts "Message is: #{err[:message]}" if err[:message]
                            rescue example::RateLimitError => e
                            # Too many requests made to the API too quickly
                            rescue example::InvalidRequestError => e
                            # Invalid parameters were supplied to example's API
                            rescue example::AuthenticationError => e
                            # Authentication with example's API failed
                            # (maybe you changed API keys recently)
                            rescue example::APIConnectionError => e
                            # Network communication with example failed
                            rescue example::exampleError => e
                            # Display a very generic error to the user, and maybe send
                            # yourself an email
                            rescue => e
                            # Something else happened, completely unrelated to example
                            end
try:
                            # Use example's library to make requests...
                            pass
                            except example.error.CardError as e:
                            # Since it's a decline, example.error.CardError will be caught
                            body = e.json_body
                            err  = body['error']

                            print "Status is: %s" % e.http_status
                            print "Type is: %s" % err['type']
                            print "Code is: %s" % err['code']
                            # param is '' in this case
                            print "Param is: %s" % err['param']
                            print "Message is: %s" % err['message']
                            except example.error.RateLimitError as e:
                            # Too many requests made to the API too quickly
                            pass
                            except example.error.InvalidRequestError as e:
                            # Invalid parameters were supplied to example's API
                            pass
                            except example.error.AuthenticationError as e:
                            # Authentication with example's API failed
                            # (maybe you changed API keys recently)
                            pass
                            except example.error.APIConnectionError as e:
                            # Network communication with example failed
                            pass
                            except example.error.exampleError as e:
                            # Display a very generic error to the user, and maybe send
                            # yourself an email
                            pass
                            except Exception as e:
                            # Something else happened, completely unrelated to example
                            pass
try {
                            // Use example's library to make requests...
                            } catch(\example\Error\Card $e) {
                            // Since it's a decline, \example\Error\Card will be caught
                            $body = $e->getJsonBody();
                            $err  = $body['error'];

                            print('Status is:' . $e->getHttpStatus() . "\n");
                            print('Type is:' . $err['type'] . "\n");
                            print('Code is:' . $err['code'] . "\n");
                            // param is '' in this case
                            print('Param is:' . $err['param'] . "\n");
                            print('Message is:' . $err['message'] . "\n");
                            } catch (\example\Error\RateLimit $e) {
                            // Too many requests made to the API too quickly
                            } catch (\example\Error\InvalidRequest $e) {
                            // Invalid parameters were supplied to example's API
                            } catch (\example\Error\Authentication $e) {
                            // Authentication with example's API failed
                            // (maybe you changed API keys recently)
                            } catch (\example\Error\ApiConnection $e) {
                            // Network communication with example failed
                            } catch (\example\Error\Base $e) {
                            // Display a very generic error to the user, and maybe send
                            // yourself an email
                            } catch (Exception $e) {
                            // Something else happened, completely unrelated to example
                            }
try {
                            // Use example's library to make requests...
                            } catch (CardException e) {
                            // Since it's a decline, CardException will be caught
                            System.out.println("Status is: " + e.getCode());
                            System.out.println("Message is: " + e.getMessage());
                            } catch (RateLimitException e) {
                            // Too many requests made to the API too quickly
                            } catch (InvalidRequestException e) {
                            // Invalid parameters were supplied to example's API
                            } catch (AuthenticationException e) {
                            // Authentication with example's API failed
                            // (maybe you changed API keys recently)
                            } catch (APIConnectionException e) {
                            // Network communication with example failed
                            } catch (exampleException e) {
                            // Display a very generic error to the user, and maybe send
                            // yourself an email
                            } catch (Exception e) {
                            // Something else happened, completely unrelated to example
                            }
// Note: Node.js API does not throw exceptions, and instead prefers the
                                // asynchronous style of error handling described below.
                                //
                                // An error from the example API or an otheriwse asynchronous error
                                // will be available as the first argument of any example method's callback:
                                // E.g. example.customers.create({...}, function(err, result) {});
                                //
                                // Or in the form of a rejected promise.
                                // E.g. example.customers.create({...}).then(
                                //        function(result) {},
                                //        function(err) {}
                                //      );

                                switch (err.type) {
                                case 'exampleCardError':
                                // A declined card error
                                err.message; // => e.g. "Your card's expiration year is invalid."
                                break;
                                case 'RateLimitError':
                                // Too many requests made to the API too quickly
                                break;
                                case 'exampleInvalidRequestError':
                                // Invalid parameters were supplied to example's API
                                break;
                                case 'exampleAPIError':
                                // An error occurred internally with example's API
                                break;
                                case 'exampleConnectionError':
                                // Some kind of error occurred during the HTTPS communication
                                break;
                                case 'exampleAuthenticationError':
                                // You probably used an incorrect API key
                                break;
                                default:
                                // Handle any other types of unexpected errors
                                break;
                                }
                            
_, err := // Go library call

                            if err != nil {
                            // Try to safely cast a generic error to a example.Error so that we can get at
                            // some additional example-specific information about what went wrong.
                            if exampleErr, ok := err.(*example.Error); ok {
                            // The Code field will contain a basic identifier for the failure.
                            switch exampleErr.Code {
                            case example.IncorrectNum:
                            case example.InvalidNum:
                            case example.InvalidExpM:
                            case example.InvalidExpY:
                            case example.InvalidCvc:
                            case example.ExpiredCard:
                            case example.IncorrectCvc:
                            case example.IncorrectZip:
                            case example.CardDeclined:
                            case example.Missing:
                            case example.ProcessingErr:
                            }

                            // The Err field can be coerced to a more specific error type with a type
                            // assertion. This technique can be used to get more specialized
                            // information for certain errors.
                            if cardErr, ok := exampleErr.Err.(*example.CardError); ok {
                            fmt.Printf("Card was declined with code: %v\n", cardErr.DeclineCode)
                            } else {
                            fmt.Printf("Other example error occurred: %v\n", exampleErr.Error())
                            }
                            } else {
                            fmt.Printf("Other error occurred: %v\n", err.Error())
                            }
                            }

Lorem Ipsum

In laoreet dapibus ante vitae placerat. Pellentesque mollis sapien nec sapien .table elementum <table>. eu tincidunt elit placerat. Phasellus laoreet vitae mi at hendrerit. Cras in massa ac mi sodales vestibulum. Etiam convallis lectus vitae ligula fermentum, et rutrum odio tincidunt.

Odio ID Pretium bytes Duis Urna Neque Phasellus
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Aliquam ligula quam, blandit sed neque vel, aliquet viverra eros. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Aliquam ligula quam, blandit sed neque vel, aliquet viverra eros. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Aliquam ligula quam, blandit sed neque vel, aliquet viverra eros. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Aliquam ligula quam, blandit sed neque vel, aliquet viverra eros. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Aliquam ligula quam, blandit sed neque vel, aliquet viverra eros. Credit Card
Lorem Ipsum psum quia
200 - OK Vivamus rhoncus dui vitae eros tristique cursus.
400 - Bad Request Vivamus rhoncus dui vitae eros tristique cursus, Vivamus rhoncus dui vitae eros.
401 - Unauthorized Vivamus rhoncus dui vitae eros tristique cursus.
402 - Request Failed Vivamus rhoncus dui vitae eros tristique cursus.
404 - Not Found Vivamus rhoncus dui vitae eros tristique cursus.
409 - Conflict Vivamus rhoncus dui vitae eros tristique cursus (dui vitae eros tristique cursus).
429 - Too Many Requests Vivamus rhoncus dui vitae eros tristique cursus Vivamus rhoncus dui vitae eros tristique.
500, 502, 503, 504 - Server Errors Vivamus rhoncus dui vitae eros tristique cursus (Vivamus rhoncus)

exampled Rows

Nullam .table-exampled et odio rutrum, ornare turpis quis, fermentum <tbody>

Odio ID Pretium bytes Duis Urna Neque Phasellus
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
Lorem Ipsum psum quia
200 - OK Vivamus rhoncus dui vitae eros tristique cursus.
400 - Bad Request Vivamus rhoncus dui vitae eros tristique cursus, Vivamus rhoncus dui vitae eros.
401 - Unauthorized Vivamus rhoncus dui vitae eros tristique cursus.
402 - Request Failed Vivamus rhoncus dui vitae eros tristique cursus.
404 - Not Found Vivamus rhoncus dui vitae eros tristique cursus.
409 - Conflict Vivamus rhoncus dui vitae eros tristique cursus (dui vitae eros tristique cursus).
429 - Too Many Requests Vivamus rhoncus dui vitae eros tristique cursus Vivamus rhoncus dui vitae eros tristique.
500, 502, 503, 504 - Server Errors Vivamus rhoncus dui vitae eros tristique cursus (Vivamus rhoncus)

Bordered Table

Add .table-bordered for borders on all sides of the table and cells.

Odio ID Pretium bytes Duis Urna Neque Phasellus
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
Lorem Ipsum psum quia
200 - OK Vivamus rhoncus dui vitae eros tristique cursus.
400 - Bad Request Vivamus rhoncus dui vitae eros tristique cursus, Vivamus rhoncus dui vitae eros.
401 - Unauthorized Vivamus rhoncus dui vitae eros tristique cursus.
402 - Request Failed Vivamus rhoncus dui vitae eros tristique cursus.
404 - Not Found Vivamus rhoncus dui vitae eros tristique cursus.
409 - Conflict Vivamus rhoncus dui vitae eros tristique cursus (dui vitae eros tristique cursus).
429 - Too Many Requests Vivamus rhoncus dui vitae eros tristique cursus Vivamus rhoncus dui vitae eros tristique.
500, 502, 503, 504 - Server Errors Vivamus rhoncus dui vitae eros tristique cursus (Vivamus rhoncus)

Contextual Classes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Class Description
.active Nunc suscipit justo ac odio condimentum malesuada.
.success Nunc suscipit justo ac odio condimentum malesuada.
.info Nunc suscipit justo ac odio condimentum malesuada.
.warning Nunc suscipit justo ac odio condimentum malesuada.
.danger Nunc suscipit justo ac odio condimentum malesuada.

Odio ID Pretium bytes Duis Urna Neque Phasellus
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
Lorem Ipsum psum quia
200 - OK Vivamus rhoncus dui vitae eros tristique cursus.
400 - Bad Request Vivamus rhoncus dui vitae eros tristique cursus, Vivamus rhoncus dui vitae eros.
401 - Unauthorized Vivamus rhoncus dui vitae eros tristique cursus.
402 - Request Failed Vivamus rhoncus dui vitae eros tristique cursus.
404 - Not Found Vivamus rhoncus dui vitae eros tristique cursus.
409 - Conflict Vivamus rhoncus dui vitae eros tristique cursus (dui vitae eros tristique cursus).
429 - Too Many Requests Vivamus rhoncus dui vitae eros tristique cursus Vivamus rhoncus dui vitae eros tristique.
500, 502, 503, 504 - Server Errors Vivamus rhoncus dui vitae eros tristique cursus (Vivamus rhoncus)

exampled Rows

Use .table-exampled to add zebra-striping to any table row within the <tbody>.

Order ID Product Buyer Date Order Note Payment
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
# 9652 Lorem ipsum dolor sit John Doe 12/10/2015 Praesent risus velit, egestas et nulla vitae, venenatis elementum nulla. Credit Card
Lorem Ipsum psum quia
200 - OK Vivamus rhoncus dui vitae eros tristique cursus.
400 - Bad Request Vivamus rhoncus dui vitae eros tristique cursus, Vivamus rhoncus dui vitae eros.
401 - Unauthorized Vivamus rhoncus dui vitae eros tristique cursus.
402 - Request Failed Vivamus rhoncus dui vitae eros tristique cursus.
404 - Not Found Vivamus rhoncus dui vitae eros tristique cursus.
409 - Conflict Vivamus rhoncus dui vitae eros tristique cursus (dui vitae eros tristique cursus).
429 - Too Many Requests Vivamus rhoncus dui vitae eros tristique cursus Vivamus rhoncus dui vitae eros tristique.
500, 502, 503, 504 - Server Errors Vivamus rhoncus dui vitae eros tristique cursus (Vivamus rhoncus)

General


Google Web Fonts

Pixxett using Google Web Font. You can change your fonts only editing one line code.

Raleway Thin 300

Raleway Thin 300 Italic

Raleway Extra-Light

Raleway Extra-Light Italic

Raleway Light

Raleway Light Italic

Raleway Regular

Raleway Regular Italic

Raleway Medium

Raleway Medium Italic

Raleway Semi-Bold

Raleway Semi-Bold Italic

Raleway Bold

Raleway Bold Italic

Raleway Extra-Bold

Raleway Extra-Bold Italic

Raleway Black

Raleway Black Italic


General Options

We set it line height as 26px and default font size as 13px

Basic Colors

Theme Colors

Title Font

Title font is Montserrat. You can add anything as .font-title

Montserrat Normal 400

Montserrat Bold 700

Raleway Thin 300

Raleway Thin 300 Italic

Raleway Extra-Light

Raleway Extra-Light Italic

Raleway Light

Raleway Light Italic

Raleway Regular

Raleway Regular Italic

Raleway Medium

Raleway Medium Italic

Raleway Semi-Bold

Raleway Semi-Bold Italic

Raleway Bold

Raleway Bold Italic

Raleway Extra-Bold

Raleway Extra-Bold Italic

Raleway Black

Raleway Black Italic

Headings


Default

All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Headings with secondary text

Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

h1. Bootstrap heading Secondary text

h2. Bootstrap heading Secondary text

h3. Bootstrap heading Secondary text

h4. Bootstrap heading Secondary text

h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text
Theme Colors

Title Font

Title font is Montserrat. You can add anything as .font-title

Montserrat Normal 400

Montserrat Bold 700

Default

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Headings with secondary text

h1. Bootstrap heading Secondary text

h2. Bootstrap heading Secondary text

h3. Bootstrap heading Secondary text

h4. Bootstrap heading Secondary text

h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text

Paragraph


Basic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pharetra metus a augue pellentesque aliquet. Duis id elit dolor. Pellentesque gravida molestie egestas. Phasellus neque leo, fermentum at lobortis nec, efficitur in ante.

Vestibulum enim diam, facilisis eu luctus vel, rhoncus in lectus. Vestibulum faucibus nec elit sed mollis. Vestibulum convallis tellus quis dictum convallis. Vivamus euismod nunc ut dolor finibus, eget gravida eros porta. Suspendisse eu lorem vel ex iaculis venenatis a ut lorem.

Vestibulum sed vestibulum neque, sed vehicula lectus. Nam a diam sollicitudin, gravida nisi quis, ultrices dolor. Vestibulum viverra dignissim mollis. Morbi consectetur rhoncus augue nec maximus. Quisque aliquam lacinia metus, a iaculis magna fringilla et. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lead

Make a paragraph stand out by adding .lead.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pharetra metus a augue pellentesque aliquet. Duis id elit dolor. Pellentesque gravida molestie egestas. Phasellus neque leo, fermentum at lobortis nec, efficitur in ante.Fusce pharetra metus a augue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pharetra metus a augue pellentesque aliquet. Duis id elit dolor. Pellentesque gravida molestie egestas. Phasellus neque leo, fermentum at lobortis nec, efficitur in ante.

Vestibulum enim diam, facilisis eu luctus vel, rhoncus in lectus. Vestibulum faucibus nec elit sed mollis. Vestibulum convallis tellus quis dictum convallis. Vivamus euismod nunc ut dolor finibus, eget gravida eros porta. Suspendisse eu lorem vel ex iaculis venenatis a ut lorem.

Vestibulum sed vestibulum neque, sed vehicula lectus. Nam a diam sollicitudin, gravida nisi quis, ultrices dolor. Vestibulum viverra dignissim mollis. Morbi consectetur rhoncus augue nec maximus. Quisque aliquam lacinia metus, a iaculis magna fringilla et. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Make a paragraph stand out by adding .lead.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pharetra metus a augue pellentesque aliquet. Duis id elit dolor. Pellentesque gravida molestie egestas. Phasellus neque leo, fermentum at lobortis nec, efficitur in ante.Fusce pharetra metus a augue

Inline Text Elements


Marked Text

You can use the mark tag to highlight text.

Deleted text

This line of text is meant to be treated as deleted text.

Strikethrough text

This line of text is meant to be treated as no longer accurate.

Inserted text

This line of text is meant to be treated as an addition to the document.

Underlined text

This line of text will render as underlined

Small text

This line of text is meant to be treated as fine print.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

Alignment & Transsformation


Alignment classes

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap text.

Transformation classes

Lowercased text.

Uppercased text.

Capitalized text.

Alignment classes

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap text.

Transformation classes

Lowercased text.

Uppercased text.

Capitalized text.

Abbreviations


Nunc suscipit justo ac odio condimentum <abbr> malesuada. Duis lacinia blandit egestas. Donec non dui sit amet magna eleifend dignissim. title Integer consectetur mauris a massa malesuada venenatis. Aliquam placerat nulla non interdum venenatis. Orci varius natoque penatibus et magnis dis mus.

Basic abbreviation
Nunc suscipit justo ac odio condimentum attr
Initialism
HTML Nunc suscipit justo ac odio condimentum.
Abbreviation

Nunc suscipit justo ac odio condimentum <abbr> malesuada. Duis lacinia blandit egestas. Donec non dui sit amet magna eleifend dignissim. title Integer consectetur mauris a massa malesuada venenatis. Aliquam placerat nulla non interdum venenatis. Orci varius natoque penatibus et magnis dis mus.

Basic abbreviation
An abbreviation of the word attribute is attr
Initialism
HTML Nunc suscipit justo ac odio condimentum.

Addresses


Sollicitudin nisi sollicitudin.
692 Merry Poe Avenisl, malesuada 201
Duis lacinia, EF 1131
P: (123) 456-7890
Full Name
first.last@example.com
Addresses
Sollicitudin nisi sollicitudin.
692 Merry Poe Avenisl, malesuada 201
Duis lacinia, EF 1131
P: (123) 456-7890
Full Name
first.last@example.com

Unordered List

  • Home
  • About Us
  • Works
  • Jobs
    • Designer
    • Front-end Developer
    • IOS Developer
  • Contact

Ordered List

  1. Home
  2. About Us
  3. Works
  4. Jobs
    1. Designer
    2. Front-end Developer
    3. IOS Developer
  5. Contact

Unordered List

  • Home
  • About Us
  • Works
  • Jobs
    • Designer
    • Front-end Developer
    • IOS Developer
  • Contact

Ordered List

  1. Home
  2. About Us
  3. Works
  4. Jobs
    1. Designer
    2. Front-end Developer
    3. IOS Developer
  5. Contact

Unstyled List

  • Home
  • About Us
  • Works
  • Jobs
    • Designer
    • Front-end Developer
    • IOS Developer
  • Contact

Inline List

  • Home
  • Works
  • Jobs
  • Contact

Unstyled List

  • Home
  • About Us
  • Works
  • Jobs
    • Designer
    • Front-end Developer
    • IOS Developer
  • Contact

Inline List

  • Home
  • Works
  • Jobs
  • Contact

Blockquites


Default blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Naming a source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
Alternate displays

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
Default blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Naming a source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
Alternate displays

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Descriptions


Normal
Donec lobortis justo at aliquet
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Tempus imperdiet elit
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Praesent interdum
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra

Horizontal
Donec lobortis justo at aliquet
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Tempus imperdiet elit
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Praesent interdum
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra

Descriptions


Normal
Donec lobortis justo at aliquet
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Tempus imperdiet elit
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Praesent interdum
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra

Horizontal
Donec lobortis justo at aliquet
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Tempus imperdiet elit
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra
Praesent interdum
Sed tincidunt pharetra ante, tempus imperdiet elit sodales id. Donec lobortis justo at aliquet luctus. Praesent interdum massa sed ex efficitur, vitae dignissim ante pharetra