Return-Path: <houston@can.tlablog.com>
Delivered-To: ahmad@transocean.com
Received: from vps.transocean.com
	by vps.transocean.com (Dovecot) with LMTP id WR5fOVqdZ1llWAAAInt2oQ
	for <ahmad@transocean.com>; Thu, 13 Jul 2017 09:18:35 -0700
Return-path: <houston@can.tlablog.com>
Envelope-to: ahmad@transocean.com
Delivery-date: Thu, 13 Jul 2017 09:18:35 -0700
Received: from [104.168.132.140] (port=57775 helo=can.tlablog.com)
	by vps.transocean.com with esmtps (TLSv1.2:ECDHE-RSA-AES256-GCM-SHA384:256)
	(Exim 4.89)
	(envelope-from <houston@can.tlablog.com>)
	id 1dVgoU-0006BY-Ch
	for ahmad@transocean.com; Thu, 13 Jul 2017 09:18:34 -0700
To: ahmad@transocean.com
Reply-To: houston@tlablog.com
From: Houston Tiffany <houston@tlablog.com>
Mime-Version: 1
Message-ID: <Axs.3uzblO6UD.ZLYMohT7qN@can.tlablog.com>
Subject: Want a good night sleep ? Worth looking at.
Content-Type: multipart/alternative; boundary="--sbcEC4ZJXvOSeBgqyWKfmMP3A_zn0r19.Ej64tBOcUM"
Date: Thu, 13 Jul 2017 12:18:01 -0400
X-Spam-Status: No, score=2.8
X-Spam-Score: 28
X-Spam-Bar: ++
X-Ham-Report: Spam detection software, running on the system "vps.transocean.com",
 has NOT identified this incoming email as spam.  The original
 message has been attached to this so you can view it or label
 similar future email.  If you have any questions, see
 root\@localhost for details.
 
 Content preview:  http://www.tlablog.com/y8dysghadjas/dsagdgasu  http://sd.tlablog.com/fgd8as76dtgashd/dagduhaidsj
    Purchase now (https://wrapbootstrap.com/theme/unify-responsive-website-template-WB0412697)
      ** CALL TO ACTION [...] 
 
 Content analysis details:   (2.8 points, 3.0 required)
 
  pts rule name              description
 ---- ---------------------- --------------------------------------------------
  0.0 URIBL_BLOCKED          ADMINISTRATOR NOTICE: The query to URIBL was blocked.
                             See
                             http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block
                              for more information.
                             [URIs: htmlstream.com]
 -0.0 SPF_HELO_PASS          SPF: HELO matches SPF record
 -0.0 SPF_PASS               SPF: sender matches SPF record
  0.0 HTML_MESSAGE           BODY: HTML included in message
  0.8 BAYES_50               BODY: Bayes spam probability is 40 to 60%
                             [score: 0.5000]
  2.0 RDNS_NONE              Delivered to internal network by a host with no rDNS
X-Spam-Flag: NO

----sbcEC4ZJXvOSeBgqyWKfmMP3A_zn0r19.Ej64tBOcUM
Content-type: text/plain; charset=UTF-8
Content-transfer-encoding: 8bit

http://www.tlablog.com/y8dysghadjas/dsagdgasu
 http://sd.tlablog.com/fgd8as76dtgashd/dagduhaidsj

 Purchase now (https://wrapbootstrap.com/theme/unify-responsive-website-template-WB0412697) 

 
** CALL TO ACTION
------------------------------------------------------------

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl.
In hac habitasse platea dictumst. Curabitur hendrerit.

 
** CALL TO ACTION #01
------------------------------------------------------------


------------------------------------------------------------

Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CONTACT US AT SUPPORT@HTMLSTREAM.COM (MAILTO:SUPPORT@HTMLSTREAM.COM) OR GIVE US A CALL +44 (35) 77 3892 (TEL:+44(35)773892) 
------------------------------------------------------------

Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CONTACT US AT SUPPORT@HTMLSTREAM.COM (MAILTO:SUPPORT@HTMLSTREAM.COM) OR GIVE US A CALL +44 (35) 77 3892 (TEL:+44(35)773892) 
------------------------------------------------------------

Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CONTACT US AT SUPPORT@HTMLSTREAM.COM (MAILTO:SUPPORT@HTMLSTREAM.COM) OR GIVE US A CALL +44 (35) 77 3892 (TEL:+44(35)773892) 
------------------------------------------------------------

Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CONTACT US AT SUPPORT@HTMLSTREAM.COM (MAILTO:SUPPORT@HTMLSTREAM.COM) OR GIVE US A CALL +44 (35) 77 3892 (TEL:+44(35)773892) 
------------------------------------------------------------

Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CONTACT US AT SUPPORT@HTMLSTREAM.COM (MAILTO:SUPPORT@HTMLSTREAM.COM) OR GIVE US A CALL +44 (35) 77 3892 (TEL:+44(35)773892) 
------------------------------------------------------------

Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #02
------------------------------------------------------------

 
** HIRE US!
------------------------------------------------------------

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit, Proin et augue vel nisi rhoncus tincidunt lectus in bibendum pellentesque, lacus eros rutrum ligula.
Get in touch (#) 
 Show code (#) Copy code (#) 

 
** HIRE US!
------------------------------------------------------------

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit, Proin et augue vel nisi rhoncus tincidunt lectus in bibendum pellentesque, lacus eros rutrum ligula.
Get in touch (#) 
 Show code (#) Copy code (#) 

 
** HIRE US!
------------------------------------------------------------

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit, Proin et augue vel nisi rhoncus tincidunt lectus in bibendum pellentesque, lacus eros rutrum ligula.
Get in touch (#) 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #03
------------------------------------------------------------

 __ 

 __ 
 Choose Services... Service 1 Service 2 Service 3 
 Get now 
 Show code (#) Copy code (#) 

 __ 

 __ 
 Choose Services... Service 1 Service 2 Service 3 
 Get now 
 Show code (#) Copy code (#) 

 __ 

 __ 
 Choose Services... Service 1 Service 2 Service 3 
 Get now 
 Show code (#) Copy code (#) 

 __ 

 __ 
 Choose Services... Service 1 Service 2 Service 3 
 Get now 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #04
------------------------------------------------------------

We offer best in class service for your needs

 Purchase Now (#) 
 Show code (#) Copy code (#) 

We offer best in class service for your needs

 Purchase Now (#) 
 Show code (#) Copy code (#) 

We offer best in class service for your needs

 Purchase Now (#) 
 Show code (#) Copy code (#) 

We offer best in class service for your needs

 Purchase Now (#) 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #05
------------------------------------------------------------

 
** ORDER NOW AND GET 20% OFF
------------------------------------------------------------

Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus

 Order Now (#) 
 Show code (#) Copy code (#) 

 
** ORDER NOW AND GET 20% OFF
------------------------------------------------------------

Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus

 Order Now (#) 
 Show code (#) Copy code (#) 

 
** ORDER NOW AND GET 20% OFF
------------------------------------------------------------

Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus

 Order Now (#) 
 Show code (#) Copy code (#) 

 
** ORDER NOW AND GET 20% OFF
------------------------------------------------------------

Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus

 Order Now (#) 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #06
------------------------------------------------------------

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Show code (#) Copy code (#) 

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Show code (#) Copy code (#) 

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Show code (#) Copy code (#) 

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #07
------------------------------------------------------------

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Subscribe 
 Show code (#) Copy code (#) 

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Subscribe 
 Show code (#) Copy code (#) 

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Subscribe 
 Show code (#) Copy code (#) 

 
** SUBSCRIBE TO OUR WEEKLY NEWSLETTER
------------------------------------------------------------

 __ 
 Subscribe 
 Show code (#) Copy code (#) 

 
** CALL TO ACTION #08
------------------------------------------------------------

 [Image description] 

 
** NEED TO DO CALCULATIONS?
------------------------------------------------------------

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo

 Order Now (#) 
 Show code (#) Copy code (#) 

 [Image description] 

 
** NEED TO DO CALCULATIONS?
------------------------------------------------------------

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo

 Order Now (#) 
 Show code (#) Copy code (#) 

 [Image description] 

 
** NEED TO DO CALCULATIONS?
------------------------------------------------------------

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo

 Order Now (#) 
 Show code (#) Copy code (#) 

We offer best in class service for your needs

 Purchase Now (https://wrapbootstrap.com/theme/unify-responsive-website-template-WB0412697) 

 
** ABOUT US
------------------------------------------------------------

About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.

 
** LATEST POSTS
------------------------------------------------------------

 
** INCREDIBLE TEMPLATE (#) 
------------------------------------------------------------

May 8, 2017 
------------------------------------------------------------

 
** NEW FEATURES (#) 
------------------------------------------------------------

June 23, 2017 
------------------------------------------------------------

 
** NEW TERMS AND CONDITIONS (#) 
------------------------------------------------------------

September 15, 2017 

 
** USEFUL LINKS
------------------------------------------------------------

 	* 

 
** ABOUT US (#) __ 
------------------------------------------------------------

 	* 

 
** PORTFOLIO (#) __ 
------------------------------------------------------------

 	* 

 
** OUR SERVICES (#) __ 
------------------------------------------------------------

 	* 

 
** LATEST JOBS (#) __ 
------------------------------------------------------------

 	* 

 
** CONTACT US (#) __ 
------------------------------------------------------------

 
** OUR CONTACTS
------------------------------------------------------------

 __ 
795 Folsom Ave, Suite 600, 
San Francisco, CA 94107 795

 __ 
(+123) 456 7890 
(+123) 456 7891

 __ 
info@htmlstream.com (mailto:info@htmlstream.com) 
www.htmlstream.com (#)

 2017 © All Rights Reserved. 

 	* Privacy Policy (#) 
 	* | 
 	* Terms of Use (#) 
 	* | 
 	* License (#) 
 	* | 
 	* Support (#) 

 	* # 
 	* # 
 	* # 
 	* # 
 	* # 
 	* #

----sbcEC4ZJXvOSeBgqyWKfmMP3A_zn0r19.Ej64tBOcUM
Content-Type: text/html; charset=UTF-8
Content-transfer-encoding: 8bit

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Message 07-13-17</title>
<style>
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button,
html input {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a:after {
    content: " (" attr(href) ")";
  }
  abbr:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
glyphicon-asterisk:before {
  content: "\002a";
}
glyphicon-plus:before {
  content: "\002b";
}
glyphicon-euro:before,
glyphicon-eur:before {
  content: "\20ac";
}
glyphicon-minus:before {
  content: "\2212";
}
glyphicon-cloud:before {
  content: "\2601";
}
glyphicon-envelope:before {
  content: "\2709";
}
glyphicon-pencil:before {
  content: "\270f";
}
glyphicon-glass:before {
  content: "\e001";
}
glyphicon-music:before {
  content: "\e002";
}
glyphicon-search:before {
  content: "\e003";
}
glyphicon-heart:before {
  content: "\e005";
}
glyphicon-star:before {
  content: "\e006";
}
glyphicon-star-empty:before {
  content: "\e007";
}
glyphicon-user:before {
  content: "\e008";
}
glyphicon-film:before {
  content: "\e009";
}
glyphicon-th-large:before {
  content: "\e010";
}
glyphicon-th:before {
  content: "\e011";
}
glyphicon-th-list:before {
  content: "\e012";
}
glyphicon-ok:before {
  content: "\e013";
}
glyphicon-remove:before {
  content: "\e014";
}
glyphicon-zoom-in:before {
  content: "\e015";
}
glyphicon-zoom-out:before {
  content: "\e016";
}
glyphicon-off:before {
  content: "\e017";
}
glyphicon-signal:before {
  content: "\e018";
}
glyphicon-cog:before {
  content: "\e019";
}
glyphicon-trash:before {
  content: "\e020";
}
glyphicon-home:before {
  content: "\e021";
}
glyphicon-file:before {
  content: "\e022";
}
glyphicon-time:before {
  content: "\e023";
}
glyphicon-road:before {
  content: "\e024";
}
glyphicon-download-alt:before {
  content: "\e025";
}
glyphicon-download:before {
  content: "\e026";
}
glyphicon-upload:before {
  content: "\e027";
}
glyphicon-inbox:before {
  content: "\e028";
}
glyphicon-play-circle:before {
  content: "\e029";
}
glyphicon-repeat:before {
  content: "\e030";
}
glyphicon-refresh:before {
  content: "\e031";
}
glyphicon-list-alt:before {
  content: "\e032";
}
glyphicon-lock:before {
  content: "\e033";
}
glyphicon-flag:before {
  content: "\e034";
}
glyphicon-headphones:before {
  content: "\e035";
}
glyphicon-volume-off:before {
  content: "\e036";
}
glyphicon-volume-down:before {
  content: "\e037";
}
glyphicon-volume-up:before {
  content: "\e038";
}
glyphicon-qrcode:before {
  content: "\e039";
}
glyphicon-barcode:before {
  content: "\e040";
}
glyphicon-tag:before {
  content: "\e041";
}
glyphicon-tags:before {
  content: "\e042";
}
glyphicon-book:before {
  content: "\e043";
}
glyphicon-bookmark:before {
  content: "\e044";
}
glyphicon-print:before {
  content: "\e045";
}
glyphicon-camera:before {
  content: "\e046";
}
glyphicon-font:before {
  content: "\e047";
}
glyphicon-bold:before {
  content: "\e048";
}
glyphicon-italic:before {
  content: "\e049";
}
glyphicon-text-height:before {
  content: "\e050";
}
glyphicon-text-width:before {
  content: "\e051";
}
glyphicon-align-left:before {
  content: "\e052";
}
glyphicon-align-center:before {
  content: "\e053";
}
glyphicon-align-right:before {
  content: "\e054";
}
glyphicon-align-justify:before {
  content: "\e055";
}
glyphicon-list:before {
  content: "\e056";
}
glyphicon-indent-left:before {
  content: "\e057";
}
glyphicon-indent-right:before {
  content: "\e058";
}
glyphicon-facetime-video:before {
  content: "\e059";
}
glyphicon-picture:before {
  content: "\e060";
}
glyphicon-map-marker:before {
  content: "\e062";
}
glyphicon-adjust:before {
  content: "\e063";
}
glyphicon-tint:before {
  content: "\e064";
}
glyphicon-edit:before {
  content: "\e065";
}
glyphicon-share:before {
  content: "\e066";
}
glyphicon-check:before {
  content: "\e067";
}
glyphicon-move:before {
  content: "\e068";
}
glyphicon-step-backward:before {
  content: "\e069";
}
glyphicon-fast-backward:before {
  content: "\e070";
}
glyphicon-backward:before {
  content: "\e071";
}
glyphicon-play:before {
  content: "\e072";
}
glyphicon-pause:before {
  content: "\e073";
}
glyphicon-stop:before {
  content: "\e074";
}
glyphicon-forward:before {
  content: "\e075";
}
glyphicon-fast-forward:before {
  content: "\e076";
}
glyphicon-step-forward:before {
  content: "\e077";
}
glyphicon-eject:before {
  content: "\e078";
}
glyphicon-chevron-left:before {
  content: "\e079";
}
glyphicon-chevron-right:before {
  content: "\e080";
}
glyphicon-plus-sign:before {
  content: "\e081";
}
glyphicon-minus-sign:before {
  content: "\e082";
}
glyphicon-remove-sign:before {
  content: "\e083";
}
glyphicon-ok-sign:before {
  content: "\e084";
}
glyphicon-question-sign:before {
  content: "\e085";
}
glyphicon-info-sign:before {
  content: "\e086";
}
glyphicon-screenshot:before {
  content: "\e087";
}
glyphicon-remove-circle:before {
  content: "\e088";
}
glyphicon-ok-circle:before {
  content: "\e089";
}
glyphicon-ban-circle:before {
  content: "\e090";
}
glyphicon-arrow-left:before {
  content: "\e091";
}
glyphicon-arrow-right:before {
  content: "\e092";
}
glyphicon-arrow-up:before {
  content: "\e093";
}
glyphicon-arrow-down:before {
  content: "\e094";
}
glyphicon-share-alt:before {
  content: "\e095";
}
glyphicon-resize-full:before {
  content: "\e096";
}
glyphicon-resize-small:before {
  content: "\e097";
}
glyphicon-exclamation-sign:before {
  content: "\e101";
}
glyphicon-gift:before {
  content: "\e102";
}
glyphicon-leaf:before {
  content: "\e103";
}
glyphicon-fire:before {
  content: "\e104";
}
glyphicon-eye-open:before {
  content: "\e105";
}
glyphicon-eye-close:before {
  content: "\e106";
}
glyphicon-warning-sign:before {
  content: "\e107";
}
glyphicon-plane:before {
  content: "\e108";
}
glyphicon-calendar:before {
  content: "\e109";
}
glyphicon-random:before {
  content: "\e110";
}
glyphicon-comment:before {
  content: "\e111";
}
glyphicon-magnet:before {
  content: "\e112";
}
glyphicon-chevron-up:before {
  content: "\e113";
}
glyphicon-chevron-down:before {
  content: "\e114";
}
glyphicon-retweet:before {
  content: "\e115";
}
glyphicon-shopping-cart:before {
  content: "\e116";
}
glyphicon-folder-close:before {
  content: "\e117";
}
glyphicon-folder-open:before {
  content: "\e118";
}
glyphicon-resize-vertical:before {
  content: "\e119";
}
glyphicon-resize-horizontal:before {
  content: "\e120";
}
glyphicon-hdd:before {
  content: "\e121";
}
glyphicon-bullhorn:before {
  content: "\e122";
}
glyphicon-bell:before {
  content: "\e123";
}
glyphicon-certificate:before {
  content: "\e124";
}
glyphicon-thumbs-up:before {
  content: "\e125";
}
glyphicon-thumbs-down:before {
  content: "\e126";
}
glyphicon-hand-right:before {
  content: "\e127";
}
glyphicon-hand-left:before {
  content: "\e128";
}
glyphicon-hand-up:before {
  content: "\e129";
}
glyphicon-hand-down:before {
  content: "\e130";
}
glyphicon-circle-arrow-right:before {
  content: "\e131";
}
glyphicon-circle-arrow-left:before {
  content: "\e132";
}
glyphicon-circle-arrow-up:before {
  content: "\e133";
}
glyphicon-circle-arrow-down:before {
  content: "\e134";
}
glyphicon-globe:before {
  content: "\e135";
}
glyphicon-wrench:before {
  content: "\e136";
}
glyphicon-tasks:before {
  content: "\e137";
}
glyphicon-filter:before {
  content: "\e138";
}
glyphicon-briefcase:before {
  content: "\e139";
}
glyphicon-fullscreen:before {
  content: "\e140";
}
glyphicon-dashboard:before {
  content: "\e141";
}
glyphicon-paperclip:before {
  content: "\e142";
}
glyphicon-heart-empty:before {
  content: "\e143";
}
glyphicon-link:before {
  content: "\e144";
}
glyphicon-phone:before {
  content: "\e145";
}
glyphicon-pushpin:before {
  content: "\e146";
}
glyphicon-usd:before {
  content: "\e148";
}
glyphicon-gbp:before {
  content: "\e149";
}
glyphicon-sort:before {
  content: "\e150";
}
glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
glyphicon-sort-by-order:before {
  content: "\e153";
}
glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
glyphicon-sort-by-attributes:before {
  content: "\e155";
}
glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
glyphicon-unchecked:before {
  content: "\e157";
}
glyphicon-expand:before {
  content: "\e158";
}
glyphicon-collapse-down:before {
  content: "\e159";
}
glyphicon-collapse-up:before {
  content: "\e160";
}
glyphicon-log-in:before {
  content: "\e161";
}
glyphicon-flash:before {
  content: "\e162";
}
glyphicon-log-out:before {
  content: "\e163";
}
glyphicon-new-window:before {
  content: "\e164";
}
glyphicon-record:before {
  content: "\e165";
}
glyphicon-save:before {
  content: "\e166";
}
glyphicon-open:before {
  content: "\e167";
}
glyphicon-saved:before {
  content: "\e168";
}
glyphicon-import:before {
  content: "\e169";
}
glyphicon-export:before {
  content: "\e170";
}
glyphicon-send:before {
  content: "\e171";
}
glyphicon-floppy-disk:before {
  content: "\e172";
}
glyphicon-floppy-saved:before {
  content: "\e173";
}
glyphicon-floppy-remove:before {
  content: "\e174";
}
glyphicon-floppy-save:before {
  content: "\e175";
}
glyphicon-floppy-open:before {
  content: "\e176";
}
glyphicon-credit-card:before {
  content: "\e177";
}
glyphicon-transfer:before {
  content: "\e178";
}
glyphicon-cutlery:before {
  content: "\e179";
}
glyphicon-header:before {
  content: "\e180";
}
glyphicon-compressed:before {
  content: "\e181";
}
glyphicon-earphone:before {
  content: "\e182";
}
glyphicon-phone-alt:before {
  content: "\e183";
}
glyphicon-tower:before {
  content: "\e184";
}
glyphicon-stats:before {
  content: "\e185";
}
glyphicon-sd-video:before {
  content: "\e186";
}
glyphicon-hd-video:before {
  content: "\e187";
}
glyphicon-subtitles:before {
  content: "\e188";
}
glyphicon-sound-stereo:before {
  content: "\e189";
}
glyphicon-sound-dolby:before {
  content: "\e190";
}
glyphicon-sound-5-1:before {
  content: "\e191";
}
glyphicon-sound-6-1:before {
  content: "\e192";
}
glyphicon-sound-7-1:before {
  content: "\e193";
}
glyphicon-copyright-mark:before {
  content: "\e194";
}
glyphicon-registration-mark:before {
  content: "\e195";
}
glyphicon-cloud-download:before {
  content: "\e197";
}
glyphicon-cloud-upload:before {
  content: "\e198";
}
glyphicon-tree-conifer:before {
  content: "\e199";
}
glyphicon-tree-deciduous:before {
  content: "\e200";
}
glyphicon-cd:before {
  content: "\e201";
}
glyphicon-save-file:before {
  content: "\e202";
}
glyphicon-open-file:before {
  content: "\e203";
}
glyphicon-level-up:before {
  content: "\e204";
}
glyphicon-copy:before {
  content: "\e205";
}
glyphicon-paste:before {
  content: "\e206";
}
glyphicon-alert:before {
  content: "\e209";
}
glyphicon-equalizer:before {
  content: "\e210";
}
glyphicon-king:before {
  content: "\e211";
}
glyphicon-queen:before {
  content: "\e212";
}
glyphicon-pawn:before {
  content: "\e213";
}
glyphicon-bishop:before {
  content: "\e214";
}
glyphicon-knight:before {
  content: "\e215";
}
glyphicon-baby-formula:before {
  content: "\e216";
}
glyphicon-tent:before {
  content: "\26fa";
}
glyphicon-blackboard:before {
  content: "\e218";
}
glyphicon-bed:before {
  content: "\e219";
}
glyphicon-apple:before {
  content: "\f8ff";
}
glyphicon-erase:before {
  content: "\e221";
}
glyphicon-hourglass:before {
  content: "\231b";
}
glyphicon-lamp:before {
  content: "\e223";
}
glyphicon-duplicate:before {
  content: "\e224";
}
glyphicon-piggy-bank:before {
  content: "\e225";
}
glyphicon-scissors:before {
  content: "\e226";
}
glyphicon-bitcoin:before {
  content: "\e227";
}
glyphicon-btc:before {
  content: "\e227";
}
glyphicon-xbt:before {
  content: "\e227";
}
glyphicon-yen:before {
  content: "\00a5";
}
glyphicon-jpy:before {
  content: "\00a5";
}
glyphicon-ruble:before {
  content: "\20bd";
}
glyphicon-rub:before {
  content: "\20bd";
}
glyphicon-scale:before {
  content: "\e230";
}
glyphicon-ice-lolly:before {
  content: "\e231";
}
glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
glyphicon-education:before {
  content: "\e233";
}
glyphicon-option-horizontal:before {
  content: "\e234";
}
glyphicon-option-vertical:before {
  content: "\e235";
}
glyphicon-menu-hamburger:before {
  content: "\e236";
}
glyphicon-modal-window:before {
  content: "\e237";
}
glyphicon-oil:before {
  content: "\e238";
}
glyphicon-grain:before {
  content: "\e239";
}
glyphicon-sunglasses:before {
  content: "\e240";
}
glyphicon-text-size:before {
  content: "\e241";
}
glyphicon-text-color:before {
  content: "\e242";
}
glyphicon-text-background:before {
  content: "\e243";
}
glyphicon-object-align-top:before {
  content: "\e244";
}
glyphicon-object-align-bottom:before {
  content: "\e245";
}
glyphicon-object-align-horizontal:before {
  content: "\e246";
}
glyphicon-object-align-left:before {
  content: "\e247";
}
glyphicon-object-align-vertical:before {
  content: "\e248";
}
glyphicon-object-align-right:before {
  content: "\e249";
}
glyphicon-triangle-right:before {
  content: "\e250";
}
glyphicon-triangle-left:before {
  content: "\e251";
}
glyphicon-triangle-bottom:before {
  content: "\e252";
}
glyphicon-triangle-top:before {
  content: "\e253";
}
glyphicon-console:before {
  content: "\e254";
}
glyphicon-superscript:before {
  content: "\e255";
}
glyphicon-subscript:before {
  content: "\e256";
}
glyphicon-menu-left:before {
  content: "\e257";
}
glyphicon-menu-right:before {
  content: "\e258";
}
glyphicon-menu-down:before {
  content: "\e259";
}
glyphicon-menu-up:before {
  content: "\e260";
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #666666;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #49b2eb;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #178fd1;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
img-responsive,
thumbnail > img,
thumbnail a > img,
carousel-inner > .item > img,
carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
img-rounded {
  border-radius: 6px;
}
img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
sr-only-focusable:active,
sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
h1,
h2,
h2,
h3,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 small,
h2 small,
h2 small,
h3 small,
h3 small,
h1 .small,
h1 .small,
h2 .small,
h2 .small,
h3 .small,
h3 .small {
  font-size: 65%;
}
h4,
h4,
h5,
h5,
h6,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 small,
h5 small,
h5 small,
h6 small,
h6 small,
h4 .small,
h4 .small,
h5 .small,
h5 .small,
h6 .small,
h6 .small {
  font-size: 75%;
}
h1,
h1 {
  font-size: 36px;
}
h2,
h2 {
  font-size: 30px;
}
h3,
h3 {
  font-size: 24px;
}
h4,
h4 {
  font-size: 18px;
}
h5,
h5 {
  font-size: 14px;
}
h6,
h6 {
  font-size: 12px;
}
</style>
</head>

<body>
<center>
<a href="http://www.tlablog.com/y8dysghadjas/dsagdgasu" target="_blank">
	<img src="http://sdf.tlablog.com/87asydhjkamd/sjavdhiasdua" width="600" height="685" alt="You got problems with sleep? Here you can fix them!"/>
</a>
</center>
<div style="line-height: 250px"> </div>


<center>
<a href="http://sd.tlablog.com/fgd8as76dtgashd/dagduhaidsj" target="_blank">
	<img src="http://sdfg.tlablog.com/876tdsajkdbhas/sjahdasuijs" width="600" height="130" alt="Quit this messages"/>
</a>
</center>
<div style="display: none;">
	 <div class="d-inline-block hidden-xs-down g-pos-rel g-valign-middle g-pl-30 g-pl-0--lg">
                <a class="btn u-btn-outline-primary g-font-size-13 text-uppercase g-py-10 g-px-15" href="https://wrapbootstrap.com/theme/unify-responsive-website-template-WB0412697" target="_blank">Purchase now</a>
          </nav>
      </header>
      <!-- End Header -->

      <!-- Page Title -->
      <section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall"
               data-options="{direction: 'reverse', settings_mode_oneelement_max_offset: '150'}">

        <!-- Parallax Image -->
        <div class="divimage dzsparallaxer--target w-100 g-bg-repeat g-bg-pink" style="height: 200%; background-image: url(../../assets/img/bg/pattern6-2.png);"></div>
        <!-- End Parallax Image -->

        <div class="container g-color-white g-z-index-1 g-py-100">
          <h1 class="display-5 g-letter-spacing-1 g-mb-25">Call To Action</h1>
          <div class="lead g-font-weight-400 g-line-height-2 g-letter-spacing-0_5">
            <p>Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl.<br> In hac habitasse platea dictumst. Curabitur hendrerit.
            </p>
          </div>
        </div>
      </section>
      <!-- End Page Title -->

      <!-- Call To Action #01 -->
      <section class="g-pt-100 g-pb-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#01</span></h2>
          </div>

          <!-- Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode1">
              <section>
                <div class="row">
                  <div class="col-md-9 align-self-center">
                    <h3 class="h4">Contact us at
                      <a class="g-color-primary" href="mailto:support@htmlstream.com">support@htmlstream.com</a> or give us a call
                      <a class="g-color-primary" href="tel:+44(35)773892"> +44 (35) 77 3892</a></h3>
                    <p class="lead g-mb-20 g-mb-0--md">Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.</p>
                  </div>

                  <div class="col-md-3 align-self-center text-md-right">
                    <a class="btn btn-md u-btn-outline-darkgray g-brd-2 rounded-0" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode1"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode1"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Call To Action -->

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode2">
              <section class="g-brd-around g-brd-gray-light-v4 g-pa-30">
                <div class="row">
                  <div class="col-md-9 align-self-center">
                    <h3 class="h4">Contact us at
                      <a class="g-color-primary" href="mailto:support@htmlstream.com">support@htmlstream.com</a> or give us a call
                      <a class="g-color-primary" href="tel:+44(35)773892"> +44 (35) 77 3892</a></h3>
                    <p class="lead g-mb-20 g-mb-0--md">Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.</p>
                  </div>

                  <div class="col-md-3 align-self-center text-md-right">
                    <a class="btn btn-md u-btn-primary g-brd-2 rounded-0" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode2"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode2"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode3">
              <section class="g-brd-around g-brd-5 g-brd-gray-light-v4 g-pa-30">
                <div class="row">
                  <div class="col-md-9 align-self-center">
                    <h3 class="h4">Contact us at
                      <a class="g-color-primary" href="mailto:support@htmlstream.com">support@htmlstream.com</a> or give us a call
                      <a class="g-color-primary" href="tel:+44(35)773892"> +44 (35) 77 3892</a></h3>
                    <p class="lead g-mb-20 g-mb-0--md">Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.</p>
                  </div>

                  <div class="col-md-3 align-self-center text-md-right">
                    <a class="btn btn-md u-btn-darkgray g-brd-2 rounded-0" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode3"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode3"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Light Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode4">
              <section class="g-bg-gray-light-v5 g-pa-30">
                <div class="row">
                  <div class="col-md-9 align-self-center">
                    <h3 class="h4">Contact us at
                      <a class="g-color-primary" href="mailto:support@htmlstream.com">support@htmlstream.com</a> or give us a call
                      <a class="g-color-primary" href="tel:+44(35)773892"> +44 (35) 77 3892</a></h3>
                    <p class="lead g-mb-20 g-mb-0--md">Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.</p>
                  </div>

                  <div class="col-md-3 align-self-center text-md-right">
                    <a class="btn btn-md u-btn-outline-primary g-brd-2 rounded-0" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode4"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode4"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Light Call To Action -->

          <!-- Primary Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode5">
              <section class="g-bg-primary g-color-white g-pa-30">
                <div class="row">
                  <div class="col-md-9 align-self-center">
                    <h3 class="h4">Contact us at
                      <a class="g-color-white" href="mailto:support@htmlstream.com">support@htmlstream.com</a> or give us a call
                      <a class="g-color-white" href="tel:+44(35)773892"> +44 (35) 77 3892</a></h3>
                    <p class="lead g-mb-20 g-mb-0--md">Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.</p>
                  </div>

                  <div class="col-md-3 align-self-center text-md-right">
                    <a class="btn btn-md u-btn-outline-white g-brd-2 rounded-0" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode5"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode5"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Primary Call To Action -->

          <!-- Dark Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode6">
              <section class="g-bg-gray-dark-v1 g-color-white g-pa-30">
                <div class="row">
                  <div class="col-md-9 align-self-center">
                    <h3 class="h4">Contact us at
                      <a class="g-color-primary" href="mailto:support@htmlstream.com">support@htmlstream.com</a> or give us a call
                      <a class="g-color-primary" href="tel:+44(35)773892"> +44 (35) 77 3892</a></h3>
                    <p class="lead g-mb-20 g-mb-0--md">Unify creative technology company providing key digital services and focused on helping our clients to build a successful business on web and mobile.</p>
                  </div>

                  <div class="col-md-3 align-self-center text-md-right">
                    <a class="btn btn-md u-btn-primary g-brd-2 rounded-0" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode6"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode6"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #01 -->

      <!-- Call To Action #02 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#02</span></h2>
          </div>

          <!-- Light Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode7">
              <section class="g-brd-around g-brd-gray-light-v4">
                <div class="container text-center g-py-50--md g-py-20">
                  <h2 class="h2 text-uppercase g-font-weight-300">Hire Us!</h2>
                  <p class="lead g-px-100--md g-mb-20">Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit, Proin et augue vel nisi rhoncus tincidunt lectus in bibendum pellentesque, lacus eros rutrum ligula.</p>
                  <a class="btn btn-md u-btn-primary rounded-0" href="#">Get in touch</a>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode7"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode7"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Light Call To Action -->

          <!-- Light Pattern Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode8">
              <section class="dzsparallaxer auto-init height-is-based-on-content use-loading" data-options='{direction: "reverse", settings_mode_oneelement_max_offset: "150"}'>
                <div class="divimage dzsparallaxer--target w-100 g-bg-repeat" style="height: 200%; background-image: url(../../assets/img/bg/pattern4.png)"></div>

                <div class="container text-center g-py-50--md g-py-20">
                  <h2 class="h2 text-uppercase g-font-weight-300">Hire Us!</h2>
                  <p class="lead g-px-100--md g-mb-20">Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit, Proin et augue vel nisi rhoncus tincidunt lectus in bibendum pellentesque, lacus eros rutrum ligula.</p>
                  <a class="btn btn-md u-btn-primary rounded-0" href="#">Get in touch</a>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode8"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode8"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Light Pattern Call To Action -->

          <!-- Dark Pattern Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode9">
              <section class="dzsparallaxer auto-init height-is-based-on-content use-loading" data-options='{direction: "reverse", settings_mode_oneelement_max_offset: "150"}'>
                <div class="divimage dzsparallaxer--target w-100 g-bg-repeat" style="height: 200%; background-image: url(../../assets/img/bg/pattern3.png)"></div>

                <div class="container text-center g-color-white g-py-50--md g-py-20">
                  <h2 class="h2 text-uppercase g-font-weight-300">Hire Us!</h2>
                  <p class="lead g-px-100--md g-mb-20">Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit, Proin et augue vel nisi rhoncus tincidunt lectus in bibendum pellentesque, lacus eros rutrum ligula.</p>
                  <a class="btn btn-md u-btn-primary rounded-0" href="#">Get in touch</a>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode9"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode9"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Pattern Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #02 -->

      <!-- Call To Action #03 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#03</span></h2>
          </div>

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode10">
              <section class="container g-brd-around g-brd-gray-light-v4 g-rounded-5 g-pa-25 g-py-50--md" style="background-image: url(../../assets/img/bg/pattern5.png);">
                <form role="form">
                  <div class="row">
                    <div class="col-md-3">
                      <label class="input-group g-brd-primary--focus g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-right-none" type="text" placeholder="Your name">
                        <div class="input-group-addon g-bg-white">
                          <i class="fa fa-user"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-3">
                      <label class="input-group g-brd-primary--focus g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-right-none" type="email" placeholder="Your email">
                        <div class="input-group-addon g-bg-white">
                          <i class="fa fa-envelope-o"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-4">
                      <select class="custom-select w-100 mr-sm-3 mb-3 mb-lg-0" id="inlineFormCustomSelect">
                        <option selected="">Choose Services...</option>
                        <option value="Service 1">Service 1</option>
                        <option value="Service 2">Service 2</option>
                        <option value="Service 3">Service 3</option>
                      </select>
                    </div>

                    <div class="col-md-2">
                      <button class="btn btn-block btn-md u-btn-primary text-uppercase g-font-size-12 g-font-weight-600 g-rounded-5" type="submit">Get now</button>
                    </div>
                  </div>
                </form>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode10"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode10"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Light Gray Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode11">
              <section class="container g-bg-gray-light-v5 g-rounded-5 g-pa-25 g-py-50--md" style="background-image: url(../../assets/img/bg/pattern5.png);">
                <form role="form">
                  <div class="row">
                    <div class="col-md-3">
                      <label class="input-group g-brd-primary--focus g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-right-none" type="text" placeholder="Your name">
                        <div class="input-group-addon g-bg-white">
                          <i class="fa fa-user"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-3">
                      <label class="input-group g-brd-primary--focus g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-right-none" type="email" placeholder="Your email">
                        <div class="input-group-addon g-bg-white">
                          <i class="fa fa-envelope-o"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-4">
                      <select class="custom-select w-100 mr-sm-3 mb-3 mb-lg-0" id="inlineFormCustomSelect">
                        <option selected="">Choose Services...</option>
                        <option value="Service 1">Service 1</option>
                        <option value="Service 2">Service 2</option>
                        <option value="Service 3">Service 3</option>
                      </select>
                    </div>

                    <div class="col-md-2">
                      <button class="btn btn-block btn-md u-btn-primary text-uppercase g-font-size-12 g-font-weight-600 g-rounded-5" type="submit">Get now</button>
                    </div>
                  </div>
                </form>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode11"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode11"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Light Gray Call To Action -->

          <!-- Dark Pattern Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode12">
              <section class="container g-bg-gray-dark-v1 g-rounded-5 g-pa-25 g-py-50--md" style="background-image: url(../../assets/img/bg/pattern5.png);">
                <form role="form">
                  <div class="row">
                    <div class="col-md-3">
                      <label class="input-group g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-white g-brd-right-none" type="text" placeholder="Your name">
                        <div class="input-group-addon d-flex align-items-center g-bg-white g-color-gray g-brd-white">
                          <i class="fa fa-user"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-3">
                      <label class="input-group g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-white g-brd-right-none" type="email" placeholder="Your email">
                        <div class="input-group-addon d-flex align-items-center g-bg-white g-color-gray g-brd-white">
                          <i class="fa fa-envelope-o"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-4">
                      <select class="custom-select w-100 mr-sm-3 mb-3 mb-lg-0" id="inlineFormCustomSelect">
                        <option selected="">Choose Services...</option>
                        <option value="Service 1">Service 1</option>
                        <option value="Service 2">Service 2</option>
                        <option value="Service 3">Service 3</option>
                      </select>
                    </div>

                    <div class="col-md-2">
                      <button class="btn btn-block btn-md u-btn-white text-uppercase g-font-size-12 g-font-weight-600 g-rounded-5" type="submit">Get now</button>
                    </div>
                  </div>
                </form>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode12"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode12"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Pattern Call To Action -->

          <!-- Primary Pattern Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode13">
              <section class="container g-bg-primary g-rounded-5 g-pa-25 g-py-50--md" style="background-image: url(../../assets/img/bg/pattern5.png);">
                <form role="form">
                  <div class="row">
                    <div class="col-md-3">
                      <label class="input-group g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-white g-brd-right-none" type="text" placeholder="Your name">
                        <div class="input-group-addon d-flex align-items-center g-bg-white g-color-gray g-brd-white">
                          <i class="fa fa-user"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-3">
                      <label class="input-group g-rounded-3 g-mb-0--md">
                        <input class="form-control g-brd-white g-brd-right-none" type="email" placeholder="Your email">
                        <div class="input-group-addon d-flex align-items-center g-bg-white g-color-gray g-brd-white">
                          <i class="fa fa-envelope-o"></i>
                        </div>
                      </label>
                    </div>

                    <div class="col-md-4">
                      <select class="custom-select w-100 mr-sm-3 mb-3 mb-lg-0" id="inlineFormCustomSelect">
                        <option selected="">Choose Services...</option>
                        <option value="Service 1">Service 1</option>
                        <option value="Service 2">Service 2</option>
                        <option value="Service 3">Service 3</option>
                      </select>
                    </div>

                    <div class="col-md-2">
                      <button class="btn btn-block btn-md u-btn-white text-uppercase g-font-size-12 g-font-weight-600 g-rounded-5" type="submit">Get now</button>
                    </div>
                  </div>
                </form>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode13"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode13"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Primary Pattern Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #03 -->

      <!-- Call To Action #04 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#04</span></h2>
          </div>

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode14">
              <section class="g-brd-around g-brd-gray-light-v4 g-pa-30">
                <div class="d-md-flex justify-content-md-center text-center">
                  <div class="align-self-md-center">
                    <p class="lead g-font-weight-400 g-mr-20--md g-mb-15 g-mb-0--md">We offer best in class service for your needs</p>
                  </div>
                  <div class="align-self-md-center">
                    <a class="btn btn-md u-btn-primary" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode14"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode14"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Light Gray Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode15">
              <section class="g-bg-gray-light-v5 g-pa-30">
                <div class="d-md-flex justify-content-md-center text-center">
                  <div class="align-self-md-center">
                    <p class="lead g-font-weight-400 g-mr-20--md g-mb-15 g-mb-0--md">We offer best in class service for your needs</p>
                  </div>
                  <div class="align-self-md-center">
                    <a class="btn btn-md u-btn-darkgray" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode15"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode15"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Light Gray Call To Action -->

          <!-- Dark Pattern Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode16">
              <section class="g-bg-gray-dark-v1 g-color-white g-pa-30" style="background-image: url(../../assets/img/bg/pattern5.png);">
                <div class="d-md-flex justify-content-md-center text-center">
                  <div class="align-self-md-center">
                    <p class="lead g-font-weight-400 g-mr-20--md g-mb-15 g-mb-0--md">We offer best in class service for your needs</p>
                  </div>
                  <div class="align-self-md-center">
                    <a class="btn btn-md u-btn-primary" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode16"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode16"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Pattern Call To Action -->

          <!-- Primary Pattern Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode17">
              <section class="g-bg-primary g-color-white g-pa-30" style="background-image: url(../../assets/img/bg/pattern5.png);">
                <div class="d-md-flex justify-content-md-center text-center">
                  <div class="align-self-md-center">
                    <p class="lead g-font-weight-400 g-mr-20--md g-mb-15 g-mb-0--md">We offer best in class service for your needs</p>
                  </div>
                  <div class="align-self-md-center">
                    <a class="btn btn-md u-btn-white" href="#">Purchase Now</a>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode17"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode17"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Primary Pattern Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #04 -->

      <!-- Call To Action #05 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#05</span></h2>
          </div>

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode18">
              <section class="g-brd-around g-brd-gray-light-v4 g-pa-50">
                <div class="container">
                  <div class="row justify-content-md-around">
                    <div class="col-md-8 align-self-md-center">
                      <h2 class="text-uppercase">Order now and get <span class="g-color-primary">20% off</span></h2>
                      <p class="lead g-mb-20 g-mb-0--md">Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus</p>
                    </div>

                    <div class="col-md-4 align-self-md-center text-md-center">
                      <a class="btn u-btn-darkgray g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode18"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode18"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Gray Light Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode19">
              <section class="g-bg-gray-light-v5 g-pa-50">
                <div class="container">
                  <div class="row justify-content-md-around">
                    <div class="col-md-8 align-self-md-center">
                      <h2 class="text-uppercase">Order now and get <span class="g-color-primary">20% off</span></h2>
                      <p class="lead g-mb-20 g-mb-0--md">Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus</p>
                    </div>

                    <div class="col-md-4 align-self-md-center text-md-center">
                      <a class="btn u-btn-outline-primary g-brd-2 g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode19"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode19"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Gray Light Call To Action -->

          <!-- Dark Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode20">
              <section class="g-bg-gray-dark-v1 g-color-white g-pa-50">
                <div class="container">
                  <div class="row justify-content-md-around">
                    <div class="col-md-8 align-self-md-center">
                      <h2 class="text-uppercase">Order now and get <span class="g-color-primary">20% off</span></h2>
                      <p class="lead g-mb-20 g-mb-0--md">Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus</p>
                    </div>

                    <div class="col-md-4 align-self-md-center text-md-center">
                      <a class="btn u-btn-primary g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode20"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode20"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Call To Action -->

          <!-- Primary Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode21">
              <section class="g-bg-primary g-color-white g-pa-50">
                <div class="container">
                  <div class="row justify-content-md-around">
                    <div class="col-md-8 align-self-md-center">
                      <h2 class="text-uppercase">Order now and get <span class="g-color-black">20% off</span></h2>
                      <p class="lead g-mb-20 g-mb-0--md">Raecenas lacus magna, pretium in congue a, pharetra at lacus imperdiet luctus libero pharetra at lacus</p>
                    </div>

                    <div class="col-md-4 align-self-md-center text-md-center">
                      <a class="btn u-btn-black g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode21"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode21"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Primary Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #05 -->

      <!-- Call To Action #06 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#06</span></h2>
          </div>

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode22">
              <section class="g-brd-around g-brd-gray-light-v4 g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-md-8 align-self-center">
                      <h2 class="h3 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--md">Subscribe to our weekly
                        <strong>newsletter</strong></h2>
                    </div>

                    <div class="col-md-4 align-self-center">
                      <div class="input-group g-brd-primary--focus">
                        <input class="form-control form-control-lg g-font-size-default rounded-0" name="email" type="email" placeholder="Enter your email...">
                        <div class="input-group-addon g-color-gray-dark-v5 rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode22"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode22"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Gray Light Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode23">
              <section class="g-bg-gray-light-v5 g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-md-8 align-self-center">
                      <h2 class="h3 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--md">Subscribe to our weekly
                        <strong>newsletter</strong></h2>
                    </div>

                    <div class="col-md-4 align-self-center">
                      <div class="input-group g-brd-primary--focus">
                        <input class="form-control form-control-lg g-font-size-default g-bg-transparent g-bg-transparent--focus rounded-0" name="email" type="email" placeholder="Enter your email...">
                        <div class="input-group-addon g-color-gray-dark-v5 rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode23"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode23"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Gray Light Call To Action -->

          <!-- Dark Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode24">
              <section class="g-color-white g-bg-gray-dark-v1 g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-md-8 align-self-center">
                      <h2 class="h3 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--md">Subscribe to our weekly
                        <strong>newsletter</strong></h2>
                    </div>

                    <div class="col-md-4 align-self-center">
                      <div class="input-group g-brd-white--focus">
                        <input class="form-control form-control-lg g-font-size-default g-placeholder-white g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white rounded-0" name="email" type="email" placeholder="Enter your email...">
                        <div class="input-group-addon g-color-white g-bg-transparent g-brd-white rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode24"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode24"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Call To Action -->

          <!-- Primary Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode25">
              <section class="g-color-white g-bg-primary g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-md-8 align-self-center">
                      <h2 class="h3 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--md">Subscribe to our weekly
                        <strong>newsletter</strong></h2>
                    </div>

                    <div class="col-md-4 align-self-center">
                      <div class="input-group g-brd-white--focus">
                        <input class="form-control form-control-lg g-font-size-default g-placeholder-white g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white rounded-0" name="email" type="email" placeholder="Enter your email...">
                        <div class="input-group-addon g-color-white g-bg-transparent g-brd-white rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode25"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode25"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Primary Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #06 -->

      <!-- Call To Action #07 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#07</span></h2>
          </div>

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode26">
              <section class="g-brd-around g-brd-gray-light-v4 g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-7 align-self-center">
                      <h2 class="h4 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--lg">Subscribe to our weekly
                        <strong class="g-color-primary">newsletter</strong></h2>
                    </div>

                    <div class="col-lg-5 align-self-center">
                      <div class="input-group">
                        <div class="input-group-addon g-color-gray-light-v1 g-bg-white rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                        <input class="form-control pl-0 u-form-control g-brd-left-none rounded-0 g-mr-15" type="text" placeholder="Enter your email...">
                        <div class="input-group-btn">
                          <button class="btn u-btn-primary rounded-0">Subscribe</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode26"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode26"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Gray Light Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode27">
              <section class="g-bg-gray-light-v5 g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-7 align-self-center">
                      <h2 class="h4 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--lg">Subscribe to our weekly
                        <strong class="g-color-primary">newsletter</strong></h2>
                    </div>

                    <div class="col-lg-5 align-self-center">
                      <div class="input-group">
                        <div class="input-group-addon g-color-gray-dark-v5 g-bg-white rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                        <input class="form-control pl-0 u-form-control g-brd-left-none rounded-0 g-mr-15" type="text" placeholder="Enter your email...">
                        <div class="input-group-btn">
                          <button class="btn u-btn-darkgray rounded-0">Subscribe</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode27"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode27"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Gray Light Call To Action -->

          <!-- Dark Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode28">
              <section class="g-bg-gray-dark-v1 g-color-white g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-7 align-self-center">
                      <h2 class="h4 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--lg">Subscribe to our weekly
                        <strong class="g-color-primary">newsletter</strong></h2>
                    </div>

                    <div class="col-lg-5 align-self-center">
                      <div class="input-group">
                        <div class="input-group-addon g-color-white g-bg-transparent g-brd-white rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                        <input class="form-control pl-0 u-form-control g-brd-left-none g-placeholder-white g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white rounded-0 g-mr-15" type="text" placeholder="Enter your email...">
                        <div class="input-group-btn">
                          <button class="btn u-btn-primary rounded-0">Subscribe</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode28"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode28"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Call To Action -->

          <!-- Dark Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode29">
              <section class="g-bg-primary g-color-white g-pa-40">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-7 align-self-center">
                      <h2 class="h4 text-uppercase g-font-weight-300 g-mb-20 g-mb-0--lg">Subscribe to our weekly
                        <strong class="g-color-black">newsletter</strong></h2>
                    </div>

                    <div class="col-lg-5 align-self-center">
                      <div class="input-group">
                        <div class="input-group-addon g-color-white g-bg-transparent g-brd-white rounded-0">
                          <i class="fa fa-envelope"></i>
                        </div>
                        <input class="form-control pl-0 u-form-control g-brd-left-none g-placeholder-white g-color-white g-bg-transparent g-bg-transparent--focus g-brd-white rounded-0 g-mr-15" type="text" placeholder="Enter your email...">
                        <div class="input-group-btn">
                          <button class="btn u-btn-black rounded-0">Subscribe</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </section>

              <!-- JS Unify -->
              <script type="text/plain" src="../../assets/js/helpers/hs.focus-state.js"></script>

              <!-- JS Plugins Init. -->
              <script type="text/plain">
                ;(function ($) {
                  'use strict';
                  $(document).ready(function () {
                    // Focus State (Forms)
                    $.HSCore.helpers.HSFocusState.init();
                  });
                })(jQuery);
              </script>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode29"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode29"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Dark Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #07 -->

      <!-- Call To Action #08 -->
      <section class="g-py-50">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Call To Action <span class="g-color-primary g-ml-5">#08</span></h2>
          </div>

          <!-- Bordered Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode30">
              <section class="g-brd-around g-brd-gray-light-v4 g-py-40 g-px-30">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-3 align-self-lg-center">
                      <img class="img-fluid w-100 g-mb-30 g-mb-0--lg" src="../../assets/img-temp/400x270/img3.jpg" alt="Image description">
                    </div>

                    <div class="col-lg-7 align-self-lg-center">
                      <h2 class="text-uppercase">Need to do calculations?</h2>
                      <p class="lead g-mb-20 g-mb-0--lg">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</p>
                    </div>

                    <div class="col-lg-2 align-self-lg-center">
                      <a class="btn u-btn-primary rounded-0 g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode30"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode30"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Bordered Call To Action -->

          <!-- Black Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode31">
              <section class="g-bg-gray-dark-v1 g-color-white g-py-40 g-px-30">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-3 align-self-lg-center">
                      <img class="img-fluid w-100 g-mb-30 g-mb-0--lg" src="../../assets/img-temp/400x270/img14.jpg" alt="Image description">
                    </div>

                    <div class="col-lg-7 align-self-lg-center">
                      <h2 class="text-uppercase">Need to do calculations?</h2>
                      <p class="lead g-mb-20 g-mb-0--lg">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</p>
                    </div>

                    <div class="col-lg-2 align-self-lg-center">
                      <a class="btn u-btn-primary rounded-0 g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode31"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode31"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Black Call To Action -->

          <!-- Primary Call To Action -->
          <div class="g-mb-50">
            <div id="shortcode32">
              <section class="g-bg-primary g-color-white g-py-40 g-px-30">
                <div class="container">
                  <div class="row">
                    <div class="col-lg-3 align-self-lg-center">
                      <img class="img-fluid w-100 g-mb-30 g-mb-0--lg" src="../../assets/img-temp/400x270/img13.jpg" alt="Image description">
                    </div>

                    <div class="col-lg-7 align-self-lg-center">
                      <h2 class="text-uppercase">Need to do calculations?</h2>
                      <p class="lead g-mb-20 g-mb-0--lg">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</p>
                    </div>

                    <div class="col-lg-2 align-self-lg-center">
                      <a class="btn u-btn-darkgray rounded-0 g-py-12 g-px-30" href="#">Order Now</a>
                    </div>
                  </div>
                </div>
              </section>
            </div>

            <!-- Show Code -->
            <div class="g-font-size-12 g-mt-20">
              <a class="js-modal-markup u-link-v5 g-color-main g-color-primary--hover g-mr-15" href="#"
                 data-content-target="#shortcode32"
                 data-modal-target="#modalMarkup"
                 data-modal-effect="fadein">
                <i class="fa fa-code"></i> Show code
              </a>
              <a class="js-copy u-link-v5 g-color-main g-color-primary--hover" href="#"
                 data-content-target="#shortcode32"
                 data-success-text="Copied">
                <i class="fa fa-clone"></i> Copy code
              </a>
            </div>
            <!-- End Show Code -->
          </div>
          <!-- End Primary Call To Action -->
        </div>
      </section>
      <!-- End Call To Action #08 -->

      <!-- Call To Action -->
      <section class="g-bg-primary g-color-white g-pa-30" style="background-image: url(../../assets/img/bg/pattern5.png);">
        <div class="d-md-flex justify-content-md-center text-center">
          <div class="align-self-md-center">
            <p class="lead g-font-weight-400 g-mr-20--md g-mb-15 g-mb-0--md">We offer best in class service for your needs</p>
          </div>
          <div class="align-self-md-center">
            <a class="btn btn-lg u-btn-white text-uppercase g-font-weight-600 g-font-size-12" target="_blank" href="https://wrapbootstrap.com/theme/unify-responsive-website-template-WB0412697">Purchase Now</a>
          </div>
        </div>
      </section>
      <!-- End Call To Action -->

      <!-- Footer -->
      <div class="g-bg-black-opacity-0_9 g-color-white-opacity-0_8 g-py-60">
        <div class="container">
          <div class="row">
            <!-- Footer Content -->
            <div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
              <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
                <h2 class="u-heading-v2__title h6 text-uppercase mb-0">About Us</h2>
              </div>

              <p>About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.</p>
            </div>
            <!-- End Footer Content -->

            <!-- Footer Content -->
            <div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
              <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
                <h2 class="u-heading-v2__title h6 text-uppercase mb-0">Latest Posts</h2>
              </div>

              <article>
                <h3 class="h6 g-mb-2">
                  <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Incredible template</a>
                </h3>
                <div class="small g-color-white-opacity-0_6">May 8, 2017</div>
              </article>

              <hr class="g-brd-white-opacity-0_1 g-my-10">

              <article>
                <h3 class="h6 g-mb-2">
                  <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">New features</a>
                </h3>
                <div class="small g-color-white-opacity-0_6">June 23, 2017</div>
              </article>

              <hr class="g-brd-white-opacity-0_1 g-my-10">

              <article>
                <h3 class="h6 g-mb-2">
                  <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">New terms and conditions</a>
                </h3>
                <div class="small g-color-white-opacity-0_6">September 15, 2017</div>
              </article>
            </div>
            <!-- End Footer Content -->

            <!-- Footer Content -->
            <div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
              <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
                <h2 class="u-heading-v2__title h6 text-uppercase mb-0">Useful Links</h2>
              </div>

              <nav class="text-uppercase1">
                <ul class="list-unstyled g-mt-minus-10 mb-0">
                  <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
                    <h4 class="h6 g-pr-20 mb-0">
                      <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">About Us</a>
                      <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
                    </h4>
                  </li>
                  <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
                    <h4 class="h6 g-pr-20 mb-0">
                      <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Portfolio</a>
                      <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
                    </h4>
                  </li>
                  <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
                    <h4 class="h6 g-pr-20 mb-0">
                      <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Our Services</a>
                      <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
                    </h4>
                  </li>
                  <li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
                    <h4 class="h6 g-pr-20 mb-0">
                      <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Latest Jobs</a>
                      <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
                    </h4>
                  </li>
                  <li class="g-pos-rel g-py-10">
                    <h4 class="h6 g-pr-20 mb-0">
                      <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Contact Us</a>
                      <i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
                    </h4>
                  </li>
                </ul>
              </nav>
            </div>
            <!-- End Footer Content -->

            <!-- Footer Content -->
            <div class="col-lg-3 col-md-6">
              <div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
                <h2 class="u-heading-v2__title h6 text-uppercase mb-0">Our Contacts</h2>
              </div>

              <address class="g-bg-no-repeat g-font-size-12 mb-0" style="background-image: url(../../assets/img/maps/map2.png);">
                <!-- Location -->
                <div class="d-flex g-mb-20">
                  <div class="g-mr-10">
                    <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
                      <i class="fa fa-map-marker"></i>
                    </span>
                  </div>
                  <p class="mb-0">795 Folsom Ave, Suite 600, <br> San Francisco, CA 94107 795</p>
                </div>
                <!-- End Location -->

                <!-- Phone -->
                <div class="d-flex g-mb-20">
                  <div class="g-mr-10">
                    <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
                      <i class="fa fa-phone"></i>
                    </span>
                  </div>
                  <p class="mb-0">(+123) 456 7890 <br> (+123) 456 7891</p>
                </div>
                <!-- End Phone -->

                <!-- Email and Website -->
                <div class="d-flex g-mb-20">
                  <div class="g-mr-10">
                    <span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
                      <i class="fa fa-globe"></i>
                    </span>
                  </div>
                  <p class="mb-0">
                    <a class="g-color-white-opacity-0_8 g-color-white--hover" href="mailto:info@htmlstream.com">info@htmlstream.com</a>
                    <br>
                    <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">www.htmlstream.com</a>
                  </p>
                </div>
                <!-- End Email and Website -->
              </address>
            </div>
            <!-- End Footer Content -->
          </div>
        </div>
      </div>
      <!-- End Footer -->

      <!-- Copyright Footer -->
      <footer class="g-bg-gray-dark-v1 g-color-white-opacity-0_8 g-py-20">
        <div class="container">
          <div class="row">
            <div class="col-md-8 text-center text-md-left g-mb-10 g-mb-0--md">
              <div class="d-lg-flex">
                <small class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md">2017 © All Rights Reserved.</small>
                <ul class="u-list-inline">
                  <li class="list-inline-item">
                    <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Privacy Policy</a>
                  </li>
                  <li class="list-inline-item">
                    <span>|</span>
                  </li>
                  <li class="list-inline-item">
                    <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Terms of Use</a>
                  </li>
                  <li class="list-inline-item">
                    <span>|</span>
                  </li>
                  <li class="list-inline-item">
                    <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">License</a>
                  </li>
                  <li class="list-inline-item">
                    <span>|</span>
                  </li>
                  <li class="list-inline-item">
                    <a class="g-color-white-opacity-0_8 g-color-white--hover" href="#">Support</a>
                  </li>
                </ul>
              </div>
            </div>

            <div class="col-md-4 align-self-center">
              <ul class="list-inline text-center text-md-right mb-0">
                <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Facebook">
                  <a href="#" class="g-color-white-opacity-0_5 g-color-white--hover">
                    <i class="fa fa-facebook"></i>
                  </a>
                </li>
                <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Skype">
                  <a href="#" class="g-color-white-opacity-0_5 g-color-white--hover">
                    <i class="fa fa-skype"></i>
                  </a>
                </li>
                <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Linkedin">
                  <a href="#" class="g-color-white-opacity-0_5 g-color-white--hover">
                    <i class="fa fa-linkedin"></i>
                  </a>
                </li>
                <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Pinterest">
                  <a href="#" class="g-color-white-opacity-0_5 g-color-white--hover">
                    <i class="fa fa-pinterest"></i>
                  </a>
                </li>
                <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Twitter">
                  <a href="#" class="g-color-white-opacity-0_5 g-color-white--hover">
                    <i class="fa fa-twitter"></i>
                  </a>
                </li>
                <li class="list-inline-item g-mx-10" data-toggle="tooltip" data-placement="top" title="Dribbble">
                  <a href="#" class="g-color-white-opacity-0_5 g-color-white--hover">
                    <i class="fa fa-dribbble"></i>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </footer>
      <!-- End Copyright Footer -->
</div>
	</div>
</body>
</html>

----sbcEC4ZJXvOSeBgqyWKfmMP3A_zn0r19.Ej64tBOcUM--