Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
946 lines (925 sloc) 36.2 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
<meta content="SEO_DESCRIPTION" name="description"/>
<meta content="Creative Tim" name="author"/>
<title>
SEO_TITLE
</title>
<!-- Favicon -->
<link href="/assets/img/brand/favicon.png" rel="icon" type="image/png"/>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"/>
<!-- Icons -->
<link href="/assets/vendor/nucleo/css/nucleo.css" rel="stylesheet"/>
<link href="/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<!-- Argon CSS -->
<link href="/assets/css/argon.css?v=1.0.1" rel="stylesheet" type="text/css"/>
<!-- Docs CSS -->
<link href="/assets/js/argon.js?v=1.0.1" rel="stylesheet" type="text/css"/>
</head>
<body>
<header class="header-global">
<nav class="navbar navbar-main navbar-expand-lg navbar-transparent navbar-light headroom" id="navbar-main" parser_dataid="1">
<div class="container" parser_dataid="2">
<a class="navbar-brand mr-lg-5" href="../index.html" parser_dataid="3">
<img parser_dataid="4" src="/assets/img/brand/white.png"/>
</a>
<button aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbar_global" data-toggle="collapse" parser_dataid="5" type="button">
<span class="navbar-toggler-icon" parser_dataid="6">
</span>
</button>
<div class="navbar-collapse collapse" id="navbar_global" parser_dataid="7">
<div class="navbar-collapse-header" parser_dataid="8">
<div class="row" parser_dataid="9">
<div class="col-6 collapse-brand" parser_dataid="10">
<a href="../index.html" parser_dataid="11">
<img parser_dataid="12" src="/assets/img/brand/blue.png"/>
</a>
</div>
<div class="col-6 collapse-close" parser_dataid="13">
<button aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbar_global" data-toggle="collapse" parser_dataid="14" type="button">
<span parser_dataid="15">
</span>
<span parser_dataid="16">
</span>
</button>
</div>
</div>
</div>
<ul class="navbar-nav navbar-nav-hover align-items-lg-center" parser_dataid="17">
<li class="nav-item dropdown" parser_dataid="18">
<a class="nav-link" data-toggle="dropdown" href="#" parser_dataid="19" role="button">
<i class="ni ni-ui-04 d-lg-none" parser_dataid="20">
</i>
<span class="nav-link-inner--text" parser_dataid="21">
Components
</span>
</a>
<div class="dropdown-menu dropdown-menu-xl" parser_dataid="22">
<div class="dropdown-menu-inner" parser_dataid="23">
<a class="media d-flex align-items-center" href="https://demos.creative-tim.com/argon-design-system/docs/getting-started/overview.html" parser_dataid="24">
<div class="icon icon-shape bg-gradient-primary rounded-circle text-white" parser_dataid="25">
<i class="ni ni-spaceship" parser_dataid="26">
</i>
</div>
<div class="media-body ml-3" parser_dataid="27">
<h6 class="heading text-primary mb-md-1" parser_dataid="28">
Getting started
</h6>
<p class="description d-none d-md-inline-block mb-0" parser_dataid="29">
Learn how to use Argon compiling Scss, change brand colors and more.
</p>
</div>
</a>
<a class="media d-flex align-items-center" href="https://demos.creative-tim.com/argon-design-system/docs/foundation/colors.html" parser_dataid="30">
<div class="icon icon-shape bg-gradient-success rounded-circle text-white" parser_dataid="31">
<i class="ni ni-palette" parser_dataid="32">
</i>
</div>
<div class="media-body ml-3" parser_dataid="33">
<h6 class="heading text-primary mb-md-1" parser_dataid="34">
Foundation
</h6>
<p class="description d-none d-md-inline-block mb-0" parser_dataid="35">
Learn more about colors, typography, icons and the grid system we used for Argon.
</p>
</div>
</a>
<a class="media d-flex align-items-center" href="https://demos.creative-tim.com/argon-design-system/docs/components/alerts.html" parser_dataid="36">
<div class="icon icon-shape bg-gradient-warning rounded-circle text-white" parser_dataid="37">
<i class="ni ni-ui-04" parser_dataid="38">
</i>
</div>
<div class="media-body ml-3" parser_dataid="39">
<h5 class="heading text-warning mb-md-1" parser_dataid="40">
Components
</h5>
<p class="description d-none d-md-inline-block mb-0" parser_dataid="41">
Browse our 50 beautiful handcrafted components offered in the Free version.
</p>
</div>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown" parser_dataid="42">
<a class="nav-link" data-toggle="dropdown" href="#" parser_dataid="43" role="button">
<i class="ni ni-collection d-lg-none" parser_dataid="44">
</i>
<span class="nav-link-inner--text" parser_dataid="45">
Examples
</span>
</a>
<div class="dropdown-menu" parser_dataid="46">
<a class="dropdown-item" href="../examples/landing.html" parser_dataid="47">
Landing
</a>
<a class="dropdown-item" href="../examples/profile.html" parser_dataid="48">
Profile
</a>
<a class="dropdown-item" href="../examples/login.html" parser_dataid="49">
Login
</a>
<a class="dropdown-item" href="../examples/register.html" parser_dataid="50">
Register
</a>
</div>
</li>
</ul>
<ul class="navbar-nav align-items-lg-center ml-lg-auto" parser_dataid="51">
<li class="nav-item" parser_dataid="52">
<a class="nav-link nav-link-icon" data-toggle="tooltip" href="https://www.facebook.com/creativetim" parser_dataid="53" target="_blank" title="Like us on Facebook">
<i class="fa fa-facebook-square" parser_dataid="54">
</i>
<span class="nav-link-inner--text d-lg-none" parser_dataid="55">
Facebook
</span>
</a>
</li>
<li class="nav-item" parser_dataid="56">
<a class="nav-link nav-link-icon" data-toggle="tooltip" href="https://www.instagram.com/creativetimofficial" parser_dataid="57" target="_blank" title="Follow us on Instagram">
<i class="fa fa-instagram" parser_dataid="58">
</i>
<span class="nav-link-inner--text d-lg-none" parser_dataid="59">
Instagram
</span>
</a>
</li>
<li class="nav-item" parser_dataid="60">
<a class="nav-link nav-link-icon" data-toggle="tooltip" href="https://twitter.com/creativetim" parser_dataid="61" target="_blank" title="Follow us on Twitter">
<i class="fa fa-twitter-square" parser_dataid="62">
</i>
<span class="nav-link-inner--text d-lg-none" parser_dataid="63">
Twitter
</span>
</a>
</li>
<li class="nav-item" parser_dataid="64">
<a class="nav-link nav-link-icon" data-toggle="tooltip" href="https://github.com/creativetimofficial/argon-design-system" parser_dataid="65" target="_blank" title="Star us on Github">
<i class="fa fa-github" parser_dataid="66">
</i>
<span class="nav-link-inner--text d-lg-none" parser_dataid="67">
Github
</span>
</a>
</li>
<li class="nav-item d-none d-lg-block ml-lg-4" parser_dataid="68">
<a class="btn btn-neutral btn-icon" href="https://www.creative-tim.com/product/argon-design-system" parser_dataid="69" target="_blank">
<span class="btn-inner--icon" parser_dataid="70">
<i class="fa fa-cloud-download mr-2" parser_dataid="71">
</i>
</span>
<span class="nav-link-inner--text" parser_dataid="72">
Download
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<!-- TOP -->
<div class="position-relative">
<section class="section section-lg section-shaped pb-250" parser_dataid="1">
<div class="shape shape-style-1 shape-default" parser_dataid="2">
<span parser_dataid="3">
</span>
<span parser_dataid="4">
</span>
<span parser_dataid="5">
</span>
<span parser_dataid="6">
</span>
<span parser_dataid="7">
</span>
<span parser_dataid="8">
</span>
<span parser_dataid="9">
</span>
<span parser_dataid="10">
</span>
<span parser_dataid="11">
</span>
</div>
<div class="container py-lg-md d-flex" parser_dataid="12">
<div class="col px-0" parser_dataid="13">
<div class="row" parser_dataid="14">
<div class="col-lg-6" parser_dataid="15">
<h1 class="display-3 text-white" parser_dataid="16">
INFO_1_TXT_1
<span parser_dataid="17">
INFO_1_TXT_2
</span>
</h1>
<p class="lead text-white" parser_dataid="18">
INFO_1_TXT_3
</p>
<div class="btn-wrapper" parser_dataid="19">
<a class="btn btn-info btn-icon mb-3 mb-sm-0" href="https://demos.creative-tim.com/argon-design-system/docs/components/alerts.html" parser_dataid="20">
<span class="btn-inner--icon" parser_dataid="21">
<i class="fa fa-code" parser_dataid="22">
</i>
</span>
<span class="btn-inner--text" parser_dataid="23">
INFO_1_TXT_4
</span>
</a>
<a class="btn btn-white btn-icon mb-3 mb-sm-0" href="https://www.creative-tim.com/product/argon-design-system" parser_dataid="24">
<span class="btn-inner--icon" parser_dataid="25">
<i class="ni ni-cloud-download-95" parser_dataid="26">
</i>
</span>
<span class="btn-inner--text" parser_dataid="27">
INFO_1_TXT_5
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="separator separator-bottom separator-skew" parser_dataid="28">
<svg parser_dataid="29" preserveaspectratio="none" version="1.1" viewbox="0 0 2560 100" x="0" xmlns="http://www.w3.org/2000/svg" y="0">
<polygon class="fill-white" parser_dataid="30" points="2560 0 2560 100 0 100">
</polygon>
</svg>
</div>
</section>
</div>
<!-- End TOP -->
<!-- TOP Cards -->
<section class="section section-lg pt-lg-0 mt--200">
<div class="container" parser_dataid="1">
<div class="row justify-content-center" parser_dataid="2">
<div class="col-lg-12" parser_dataid="3">
<div class="row row-grid" parser_dataid="4">
<div class="col-lg-4" parser_dataid="5">
<div class="card card-lift--hover shadow border-0" parser_dataid="6">
<div class="card-body py-5" parser_dataid="7">
<div class="icon icon-shape icon-shape-primary rounded-circle mb-4" parser_dataid="8">
<i class="ni ni-check-bold" parser_dataid="9">
</i>
</div>
<h6 class="text-primary text-uppercase" parser_dataid="10">
INFO_2_TXT_1
</h6>
<p class="description mt-3" parser_dataid="11">
INFO_2_TXT_2
</p>
<div parser_dataid="12">
<span class="badge badge-pill badge-primary" parser_dataid="13">
INFO_2_TXT_3
</span>
<span class="badge badge-pill badge-primary" parser_dataid="14">
INFO_2_TXT_4
</span>
<span class="badge badge-pill badge-primary" parser_dataid="15">
INFO_2_TXT_5
</span>
</div>
<a class="btn btn-primary mt-4" href="#" parser_dataid="16">
INFO_2_TXT_6
</a>
</div>
</div>
</div>
<div class="col-lg-4" parser_dataid="17">
<div class="card card-lift--hover shadow border-0" parser_dataid="18">
<div class="card-body py-5" parser_dataid="19">
<div class="icon icon-shape icon-shape-success rounded-circle mb-4" parser_dataid="20">
<i class="ni ni-istanbul" parser_dataid="21">
</i>
</div>
<h6 class="text-success text-uppercase" parser_dataid="22">
INFO_2_TXT_7
</h6>
<p class="description mt-3" parser_dataid="23">
INFO_2_TXT_8
</p>
<div parser_dataid="24">
<span class="badge badge-pill badge-success" parser_dataid="25">
INFO_2_TXT_9
</span>
<span class="badge badge-pill badge-success" parser_dataid="26">
INFO_2_TXT_10
</span>
<span class="badge badge-pill badge-success" parser_dataid="27">
INFO_2_TXT_11
</span>
</div>
<a class="btn btn-success mt-4" href="#" parser_dataid="28">
INFO_2_TXT_12
</a>
</div>
</div>
</div>
<div class="col-lg-4" parser_dataid="29">
<div class="card card-lift--hover shadow border-0" parser_dataid="30">
<div class="card-body py-5" parser_dataid="31">
<div class="icon icon-shape icon-shape-warning rounded-circle mb-4" parser_dataid="32">
<i class="ni ni-planet" parser_dataid="33">
</i>
</div>
<h6 class="text-warning text-uppercase" parser_dataid="34">
INFO_2_TXT_13
</h6>
<p class="description mt-3" parser_dataid="35">
INFO_2_TXT_14
</p>
<div parser_dataid="36">
<span class="badge badge-pill badge-warning" parser_dataid="37">
INFO_2_TXT_15
</span>
<span class="badge badge-pill badge-warning" parser_dataid="38">
INFO_2_TXT_16
</span>
<span class="badge badge-pill badge-warning" parser_dataid="39">
INFO_2_TXT_17
</span>
</div>
<a class="btn btn-warning mt-4" href="#" parser_dataid="40">
INFO_2_TXT_18
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END TOP Cards -->
<!-- Features -->
<section class="section section-lg">
<div class="container" parser_dataid="1">
<div class="row row-grid align-items-center" parser_dataid="2">
<div class="col-md-6 order-md-2" parser_dataid="3">
<img class="img-fluid floating" parser_dataid="4" src="/assets/img/theme/promo-1.png"/>
</div>
<div class="col-md-6 order-md-1" parser_dataid="5">
<div class="pr-md-5" parser_dataid="6">
<div class="icon icon-lg icon-shape icon-shape-success shadow rounded-circle mb-5" parser_dataid="7">
<i class="ni ni-settings-gear-65" parser_dataid="8">
</i>
</div>
<h3 parser_dataid="9">
INFO_3_TXT_1
</h3>
<p parser_dataid="10">
INFO_3_TXT_2
</p>
<ul class="list-unstyled mt-5" parser_dataid="11">
<li class="py-2" parser_dataid="12">
<div class="d-flex align-items-center" parser_dataid="13">
<div parser_dataid="14">
<div class="badge badge-circle badge-success mr-3" parser_dataid="15">
<i class="ni ni-settings-gear-65" parser_dataid="16">
</i>
</div>
</div>
<div parser_dataid="17">
<h6 class="mb-0" parser_dataid="18">
INFO_3_TXT_3
</h6>
</div>
</div>
</li>
<li class="py-2" parser_dataid="19">
<div class="d-flex align-items-center" parser_dataid="20">
<div parser_dataid="21">
<div class="badge badge-circle badge-success mr-3" parser_dataid="22">
<i class="ni ni-html5" parser_dataid="23">
</i>
</div>
</div>
<div parser_dataid="24">
<h6 class="mb-0" parser_dataid="25">
INFO_3_TXT_4
</h6>
</div>
</div>
</li>
<li class="py-2" parser_dataid="26">
<div class="d-flex align-items-center" parser_dataid="27">
<div parser_dataid="28">
<div class="badge badge-circle badge-success mr-3" parser_dataid="29">
<i class="ni ni-satisfied" parser_dataid="30">
</i>
</div>
</div>
<div parser_dataid="31">
<h6 class="mb-0" parser_dataid="32">
INFO_3_TXT_5
</h6>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- END Features -->
<!-- Customers -->
<section class="section bg-secondary">
<div class="container" parser_dataid="1">
<div class="row row-grid align-items-center" parser_dataid="2">
<div class="col-md-6" parser_dataid="3">
<div class="card bg-default shadow border-0" parser_dataid="4">
<img class="card-img-top" parser_dataid="5" src="/assets/img/theme/img-1-1200x1000.jpg"/>
<blockquote class="card-blockquote" parser_dataid="6">
<svg class="svg-bg" parser_dataid="7" preserveaspectratio="none" viewbox="0 0 583 95" xmlns="http://www.w3.org/2000/svg">
<polygon class="fill-default" parser_dataid="8" points="0,52 583,95 0,95">
</polygon>
<polygon class="fill-default" opacity=".2" parser_dataid="9" points="0,42 583,95 683,0 0,95">
</polygon>
</svg>
<h4 class="display-3 font-weight-bold text-white" parser_dataid="10">
INFO_4_TXT_1
</h4>
<p class="lead text-italic text-white" parser_dataid="11">
INFO_4_TXT_2
</p>
</blockquote>
</div>
</div>
<div class="col-md-6" parser_dataid="12">
<div class="pl-md-5" parser_dataid="13">
<div class="icon icon-lg icon-shape icon-shape-warning shadow rounded-circle mb-5" parser_dataid="14">
<i class="ni ni-settings" parser_dataid="15">
</i>
</div>
<h3 parser_dataid="16">
INFO_4_TXT_3
</h3>
<p class="lead" parser_dataid="17">
INFO_4_TXT_4
</p>
<p parser_dataid="18">
INFO_4_TXT_5
</p>
<p parser_dataid="19">
INFO_4_TXT_6
</p>
<a class="font-weight-bold text-warning mt-5" href="#" parser_dataid="20">
INFO_4_TXT_7
</a>
</div>
</div>
</div>
</div>
</section>
<!-- END Customers -->
<!-- Features 2 -->
<section class="section pb-0 bg-gradient-warning">
<div class="container" parser_dataid="1">
<div class="row row-grid align-items-center" parser_dataid="2">
<div class="col-md-6 order-lg-2 ml-lg-auto" parser_dataid="3">
<div class="position-relative pl-md-5" parser_dataid="4">
<img class="img-center img-fluid" parser_dataid="5" src="/assets/img/ill/ill-2.svg"/>
</div>
</div>
<div class="col-lg-6 order-lg-1" parser_dataid="6">
<div class="d-flex px-3" parser_dataid="7">
<div parser_dataid="8">
<div class="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary" parser_dataid="9">
<i class="ni ni-building text-primary" parser_dataid="10">
</i>
</div>
</div>
<div class="pl-4" parser_dataid="11">
<h4 class="display-3 text-white" parser_dataid="12">
INFO_5_TXT_1
</h4>
<p class="text-white" parser_dataid="13">
INFO_5_TXT_2
</p>
</div>
</div>
<div class="card shadow shadow-lg--hover mt-5" parser_dataid="14">
<div class="card-body" parser_dataid="15">
<div class="d-flex px-3" parser_dataid="16">
<div parser_dataid="17">
<div class="icon icon-shape bg-gradient-success rounded-circle text-white" parser_dataid="18">
<i class="ni ni-satisfied" parser_dataid="19">
</i>
</div>
</div>
<div class="pl-4" parser_dataid="20">
<h5 class="title text-success" parser_dataid="21">
INFO_5_TXT_3
</h5>
<p parser_dataid="22">
INFO_5_TXT_4
</p>
<a class="text-success" href="#" parser_dataid="23">
INFO_5_TXT_5
</a>
</div>
</div>
</div>
</div>
<div class="card shadow shadow-lg--hover mt-5" parser_dataid="24">
<div class="card-body" parser_dataid="25">
<div class="d-flex px-3" parser_dataid="26">
<div parser_dataid="27">
<div class="icon icon-shape bg-gradient-warning rounded-circle text-white" parser_dataid="28">
<i class="ni ni-active-40" parser_dataid="29">
</i>
</div>
</div>
<div class="pl-4" parser_dataid="30">
<h5 class="title text-warning" parser_dataid="31">
INFO_5_TXT_6
</h5>
<p parser_dataid="32">
INFO_5_TXT_7
</p>
<a class="text-warning" href="#" parser_dataid="33">
INFO_5_TXT_8
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="separator separator-bottom separator-skew zindex-100" parser_dataid="34">
<svg parser_dataid="35" preserveaspectratio="none" version="1.1" viewbox="0 0 2560 100" x="0" xmlns="http://www.w3.org/2000/svg" y="0">
<polygon class="fill-white" parser_dataid="36" points="2560 0 2560 100 0 100">
</polygon>
</svg>
</div>
</section>
<!-- END Features 2 -->
<!-- Team -->
<section class="section section-lg">
<div class="container" parser_dataid="1">
<div class="row justify-content-center text-center mb-lg" parser_dataid="2">
<div class="col-lg-8" parser_dataid="3">
<h2 class="display-3" parser_dataid="4">
INFO_6_TXT_1
</h2>
<p class="lead text-muted" parser_dataid="5">
INFO_6_TXT_2
</p>
</div>
</div>
<div class="row" parser_dataid="6">
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" parser_dataid="7">
<div class="px-4" parser_dataid="8">
<img class="rounded-circle img-center img-fluid shadow shadow-lg--hover" parser_dataid="9" src="/assets/img/theme/team-1-800x800.jpg" style="width: 200px;"/>
<div class="pt-4 text-center" parser_dataid="10">
<h5 class="title" parser_dataid="11">
<span class="d-block mb-1" parser_dataid="12">
INFO_6_TXT_3
</span>
<small class="h6 text-muted" parser_dataid="13">
INFO_6_TXT_4
</small>
</h5>
<div class="mt-3" parser_dataid="14">
<a class="btn btn-warning btn-icon-only rounded-circle" href="#" parser_dataid="15">
<i class="fa fa-twitter" parser_dataid="16">
</i>
</a>
<a class="btn btn-warning btn-icon-only rounded-circle" href="#" parser_dataid="17">
<i class="fa fa-facebook" parser_dataid="18">
</i>
</a>
<a class="btn btn-warning btn-icon-only rounded-circle" href="#" parser_dataid="19">
<i class="fa fa-dribbble" parser_dataid="20">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" parser_dataid="21">
<div class="px-4" parser_dataid="22">
<img class="rounded-circle img-center img-fluid shadow shadow-lg--hover" parser_dataid="23" src="/assets/img/theme/team-2-800x800.jpg" style="width: 200px;"/>
<div class="pt-4 text-center" parser_dataid="24">
<h5 class="title" parser_dataid="25">
<span class="d-block mb-1" parser_dataid="26">
INFO_6_TXT_5
</span>
<small class="h6 text-muted" parser_dataid="27">
INFO_6_TXT_6
</small>
</h5>
<div class="mt-3" parser_dataid="28">
<a class="btn btn-primary btn-icon-only rounded-circle" href="#" parser_dataid="29">
<i class="fa fa-twitter" parser_dataid="30">
</i>
</a>
<a class="btn btn-primary btn-icon-only rounded-circle" href="#" parser_dataid="31">
<i class="fa fa-facebook" parser_dataid="32">
</i>
</a>
<a class="btn btn-primary btn-icon-only rounded-circle" href="#" parser_dataid="33">
<i class="fa fa-dribbble" parser_dataid="34">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" parser_dataid="35">
<div class="px-4" parser_dataid="36">
<img class="rounded-circle img-center img-fluid shadow shadow-lg--hover" parser_dataid="37" src="/assets/img/theme/team-3-800x800.jpg" style="width: 200px;"/>
<div class="pt-4 text-center" parser_dataid="38">
<h5 class="title" parser_dataid="39">
<span class="d-block mb-1" parser_dataid="40">
INFO_6_TXT_7
</span>
<small class="h6 text-muted" parser_dataid="41">
INFO_6_TXT_8
</small>
</h5>
<div class="mt-3" parser_dataid="42">
<a class="btn btn-info btn-icon-only rounded-circle" href="#" parser_dataid="43">
<i class="fa fa-twitter" parser_dataid="44">
</i>
</a>
<a class="btn btn-info btn-icon-only rounded-circle" href="#" parser_dataid="45">
<i class="fa fa-facebook" parser_dataid="46">
</i>
</a>
<a class="btn btn-info btn-icon-only rounded-circle" href="#" parser_dataid="47">
<i class="fa fa-dribbble" parser_dataid="48">
</i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" parser_dataid="49">
<div class="px-4" parser_dataid="50">
<img class="rounded-circle img-center img-fluid shadow shadow-lg--hover" parser_dataid="51" src="/assets/img/theme/team-4-800x800.jpg" style="width: 200px;"/>
<div class="pt-4 text-center" parser_dataid="52">
<h5 class="title" parser_dataid="53">
<span class="d-block mb-1" parser_dataid="54">
INFO_6_TXT_9
</span>
<small class="h6 text-muted" parser_dataid="55">
INFO_6_TXT_10
</small>
</h5>
<div class="mt-3" parser_dataid="56">
<a class="btn btn-success btn-icon-only rounded-circle" href="#" parser_dataid="57">
<i class="fa fa-twitter" parser_dataid="58">
</i>
</a>
<a class="btn btn-success btn-icon-only rounded-circle" href="#" parser_dataid="59">
<i class="fa fa-facebook" parser_dataid="60">
</i>
</a>
<a class="btn btn-success btn-icon-only rounded-circle" href="#" parser_dataid="61">
<i class="fa fa-dribbble" parser_dataid="62">
</i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team -->
<!-- CTA -->
<section class="section section-lg pt-0">
<div class="container" parser_dataid="1">
<div class="card bg-gradient-warning shadow-lg border-0" parser_dataid="2">
<div class="p-5" parser_dataid="3">
<div class="row align-items-center" parser_dataid="4">
<div class="col-lg-8" parser_dataid="5">
<h3 class="text-white" parser_dataid="6">
INFO_7_TXT_1
</h3>
<p class="lead text-white mt-3" parser_dataid="7">
INFO_7_TXT_2
</p>
</div>
<div class="col-lg-3 ml-lg-auto" parser_dataid="8">
<a class="btn btn-lg btn-block btn-white" href="https://www.appseed.us" parser_dataid="9">
INFO_7_TXT_3
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END CTA -->
<!-- PRE Contact -->
<section class="section section-lg bg-gradient-default">
<div class="container pt-lg pb-300" parser_dataid="1">
<div class="row text-center justify-content-center" parser_dataid="2">
<div class="col-lg-10" parser_dataid="3">
<h2 class="display-3 text-white" parser_dataid="4">
INFO_8_TXT_1
</h2>
<p class="lead text-white" parser_dataid="5">
INFO_8_TXT_2
</p>
</div>
</div>
<div class="row row-grid mt-5" parser_dataid="6">
<div class="col-lg-4" parser_dataid="7">
<div class="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary" parser_dataid="8">
<i class="ni ni-settings text-primary" parser_dataid="9">
</i>
</div>
<h5 class="text-white mt-3" parser_dataid="10">
INFO_8_TXT_3
</h5>
<p class="text-white mt-3" parser_dataid="11">
INFO_8_TXT_4
</p>
</div>
<div class="col-lg-4" parser_dataid="12">
<div class="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary" parser_dataid="13">
<i class="ni ni-ruler-pencil text-primary" parser_dataid="14">
</i>
</div>
<h5 class="text-white mt-3" parser_dataid="15">
INFO_8_TXT_5
</h5>
<p class="text-white mt-3" parser_dataid="16">
INFO_8_TXT_6
</p>
</div>
<div class="col-lg-4" parser_dataid="17">
<div class="icon icon-lg icon-shape bg-gradient-white shadow rounded-circle text-primary" parser_dataid="18">
<i class="ni ni-atom text-primary" parser_dataid="19">
</i>
</div>
<h5 class="text-white mt-3" parser_dataid="20">
INFO_8_TXT_7
</h5>
<p class="text-white mt-3" parser_dataid="21">
INFO_8_TXT_8
</p>
</div>
</div>
</div>
<div class="separator separator-bottom separator-skew zindex-100" parser_dataid="22">
<svg parser_dataid="23" preserveaspectratio="none" version="1.1" viewbox="0 0 2560 100" x="0" xmlns="http://www.w3.org/2000/svg" y="0">
<polygon class="fill-white" parser_dataid="24" points="2560 0 2560 100 0 100">
</polygon>
</svg>
</div>
</section><!-- END PRE Contact -->
<!-- Contact -->
<section class="section section-lg pt-lg-0 section-contact-us">
<div class="container" parser_dataid="1">
<div class="row justify-content-center mt--300" parser_dataid="2">
<div class="col-lg-8" parser_dataid="3">
<div class="card bg-gradient-secondary shadow" parser_dataid="4">
<div class="card-body p-lg-5" parser_dataid="5">
<h4 class="mb-1" parser_dataid="6">
INFO_9_TXT_1
</h4>
<p class="mt-0" parser_dataid="7">
INFO_9_TXT_2
</p>
<div class="form-group mt-5" parser_dataid="8">
<div class="input-group input-group-alternative" parser_dataid="9">
<div class="input-group-prepend" parser_dataid="10">
<span class="input-group-text" parser_dataid="11">
<i class="ni ni-user-run" parser_dataid="12">
</i>
</span>
</div>
<input class="form-control" parser_dataid="13" placeholder="Your name" type="text"/>
</div>
</div>
<div class="form-group" parser_dataid="14">
<div class="input-group input-group-alternative" parser_dataid="15">
<div class="input-group-prepend" parser_dataid="16">
<span class="input-group-text" parser_dataid="17">
<i class="ni ni-email-83" parser_dataid="18">
</i>
</span>
</div>
<input class="form-control" parser_dataid="19" placeholder="Email address" type="email"/>
</div>
</div>
<div class="form-group mb-4" parser_dataid="20">
<textarea class="form-control form-control-alternative" cols="80" name="name" parser_dataid="21" placeholder="Type a message..." rows="4"></textarea>
</div>
<div parser_dataid="22">
<button class="btn btn-default btn-round btn-block btn-lg" parser_dataid="23" type="button">
INFO_9_TXT_3
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END Contact -->
<!-- POST Contact -->
<section class="section section-lg">
<div class="container" parser_dataid="1">
<div class="row row-grid justify-content-center" parser_dataid="2">
<div class="col-lg-8 text-center" parser_dataid="3">
<h2 class="display-3" parser_dataid="4">
<span class="text-success" parser_dataid="5">
INFO_10_TXT_1
</span>
</h2>
<p class="lead" parser_dataid="6">
INFO_10_TXT_2
</p>
<div class="btn-wrapper" parser_dataid="7">
<a class="btn btn-primary mb-3 mb-sm-0" href="https://www.creative-tim.com/product/argon-design-system" parser_dataid="8">
INFO_10_TXT_3
</a>
</div>
<div class="text-center" parser_dataid="9">
<h4 class="display-4 mb-5 mt-5" parser_dataid="10">
INFO_10_TXT_4
</h4>
</div>
</div>
</div>
</div>
</section>
<!-- END POST Contact -->
</main>
<footer class="footer has-cards">
<div class="container" parser_dataid="11">
<div class="row row-grid align-items-center my-md" parser_dataid="12">
<div class="col-lg-12 text-lg-center btn-wrapper" parser_dataid="16">
<a class="btn btn-neutral btn-icon-only btn-twitter btn-round btn-lg" data-original-title="Follow us" data-toggle="tooltip" href="https://twitter.com/creativetim" parser_dataid="17" target="_blank">
<i class="fa fa-twitter" parser_dataid="18">
</i>
</a>
<a class="btn btn-neutral btn-icon-only btn-facebook btn-round btn-lg" data-original-title="Like us" data-toggle="tooltip" href="https://www.facebook.com/creativetim" parser_dataid="19" target="_blank">
<i class="fa fa-facebook-square" parser_dataid="20">
</i>
</a>
<a class="btn btn-neutral btn-icon-only btn-dribbble btn-lg btn-round" data-original-title="Follow us" data-toggle="tooltip" href="https://dribbble.com/creativetim" parser_dataid="21" target="_blank">
<i class="fa fa-dribbble" parser_dataid="22">
</i>
</a>
<a class="btn btn-neutral btn-icon-only btn-github btn-round btn-lg" data-original-title="Star on Github" data-toggle="tooltip" href="https://github.com/creativetimofficial" parser_dataid="23" target="_blank">
<i class="fa fa-github" parser_dataid="24">
</i>
</a>
</div>
</div>
<hr parser_dataid="25"/>
<div class="row align-items-center justify-content-md-between" parser_dataid="26">
<div class="col-md-6" parser_dataid="27">
<div class="copyright" parser_dataid="28">
&copy; 2018
<a href="https://www.appseed.us" parser_dataid="29" target="_blank">
AppSeed
</a>
.
</div>
</div>
<div class="col-md-6" parser_dataid="30">
<ul class="nav nav-footer justify-content-end" parser_dataid="31">
<li class="nav-item" parser_dataid="32">
<a class="nav-link" href="https://www.appseed.us" parser_dataid="33" target="_blank">
AppSeed
</a>
</li>
<li class="nav-item" parser_dataid="34">
<a class="nav-link" href="#" parser_dataid="35" target="_blank">
About
</a>
</li>
<li class="nav-item" parser_dataid="36">
<a class="nav-link" href="#" parser_dataid="37" target="_blank">
Blog
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="/assets/vendor/jquery/jquery.min.js">
</script>
<script src="/assets/vendor/popper/popper.min.js">
</script>
<script src="/assets/vendor/bootstrap/bootstrap.min.js">
</script>
<script src="/assets/vendor/headroom/headroom.min.js">
</script>
<script src="/assets/js/argon.js?v=1.0.1">
</script>
</body>
</html>