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.
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
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.
In laoreet dapibus ante vitae placerat. Pellentesque mollis
sapien nec sapien elementum, eu tincidunt elit placerat.
Phasellus 2xx
laoreet vitae mi at hendrerit. Cras in jni
4xx
lectus 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.
The type of error returned. Can be: api_connection_error
, api_error
, authentication_error
, card_error
, invalid_request_error
, or rate_limit_error
.
Nunc suscipit justo ac odio.
Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio.
Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio.
Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo ac odio.
Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo. ac odio Nunc suscipit justo ac odio condimentum malesuada Nunc suscipit justo.
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. |
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). |
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. |
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())
}
}
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 |
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) |
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 |
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) |
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 |
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) |
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 |
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) |
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 |
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) |
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
We set it line height as 26px and default font size as 13px
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
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.
Create lighter, secondary text in any heading with a generic <small>
tag or the .small
class.
Title font is Montserrat. You can add anything as .font-title
Montserrat Normal 400
Montserrat Bold 700
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
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
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.
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.
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
Lowercased text.
Uppercased text.
Capitalized text.
Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.
Lowercased text.
Uppercased text.
Capitalized text.
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.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.