LandingPage 和 ResourceQuota
This commit is contained in:
huanqing.shao
@ -1,14 +1,32 @@
|
||||
<template>
|
||||
<div :style="$isDev ? 'background-color: #grey;' : ''" v-if="!$frontmatter.lessAds">
|
||||
<p style="background-color: #f3f5f7;padding: 10px 5px 5px 10px;">
|
||||
<Qq></Qq>
|
||||
<div class="ads">
|
||||
<!-- <Qq></Qq>
|
||||
群号: 808894550
|
||||
<span style="color: red; font-weight: 500;">在线答疑</span>，
|
||||
初学者可选择在线课程，语言更通俗：
|
||||
<span @click="$sendGaEvent('极客时间', '极客时间', '极客时间：' + $page.path)">
|
||||
<a target="_blank" href="https://time.geekbang.org/column/intro/100015201?code=MH1Wu456g0ZsrKtQI7QidivKV2hVvzerAUxDz5pOuQs%3D">深入剖析Kubernetes</a>
|
||||
</span> -->
|
||||
<div>
|
||||
|
||||
<a @click="clickAds" :href="random.url" target="_blank" rel="nofollow" style="text-decoration: none;">
|
||||
<span class="name">
|
||||
{{ random.name }}
|
||||
</span>
|
||||
</p>
|
||||
<span class="description">
|
||||
{{ random.description }}
|
||||
</span>
|
||||
<span class="description-strong">
|
||||
{{ random.strong }}
|
||||
</span>
|
||||
<span class="action">
|
||||
{{ random.action }}
|
||||
</span>
|
||||
</a>
|
||||
<span class="ads-text">广告</span>
|
||||
</div>
|
||||
</div>
|
||||
<slot></slot>
|
||||
<!-- <div class="adsense-page-top">
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
|
||||
@ -27,11 +45,55 @@
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data () {
|
||||
return {
|
||||
ads: [
|
||||
{
|
||||
name: 'Sealyun',
|
||||
description: '一键离线安装 Kubernetes',
|
||||
strong: '免费试用',
|
||||
action: '去看看',
|
||||
url: 'http://store.lameleg.com?referrer=shaohq',
|
||||
weight: 50
|
||||
},
|
||||
{
|
||||
name: '宝塔面板',
|
||||
description: '一键全能 Linux 部署及管理，',
|
||||
strong: '送你3188元礼包',
|
||||
action: '点我领取',
|
||||
url: 'https://www.bt.cn/?invite_code=MV9vdnlveno=',
|
||||
weight: 50
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
random () {
|
||||
this.ads
|
||||
let totalWeight = 0
|
||||
for (let item of this.ads) {
|
||||
totalWeight += item.weight
|
||||
}
|
||||
let tmp = 0
|
||||
let r = Math.random()
|
||||
for (let item of this.ads) {
|
||||
if (r > tmp / totalWeight && r <= (tmp + item.weight) / totalWeight) {
|
||||
return item
|
||||
}
|
||||
tmp = tmp + item.weight
|
||||
}
|
||||
return this.ads[0]
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
clickAds () {
|
||||
this.$sendGaEvent(this.random.name, this.random.name + '--' + this.$page.path, this.random.name + '--' + this.$page.path)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style lang="stylus" scoped>
|
||||
.adsense-page-top {
|
||||
/* background-color: green; */
|
||||
padding-right: 2px;
|
||||
@ -39,4 +101,42 @@ export default {
|
||||
max-height: 120px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ads {
|
||||
background-color: #f8f8f8;
|
||||
padding: 10px 10px 10px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ads a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.ads span.name {
|
||||
color: $accentColor;
|
||||
font-size: 1em;
|
||||
}
|
||||
.ads span.description {
|
||||
margin-left: 0.8em;
|
||||
font-size: 0.9em;
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ads span.description-strong {
|
||||
font-size: 0.9em;
|
||||
color: red;
|
||||
font-weight: normal;
|
||||
}
|
||||
.ads span.action {
|
||||
font-size: 0.75em;
|
||||
color: #888;
|
||||
border: 1px solid #888;
|
||||
border-radius: 3px;
|
||||
padding: 2px 6px;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.ads-text {
|
||||
color: #999;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
border: 1px solid #d7dae2;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -32,7 +32,7 @@ export default {
|
||||
data () {
|
||||
return {
|
||||
urls: [
|
||||
{name: 'sealos官网', url: 'https://sealyun.com/', icon: 'https://hugo-picture.oss-cn-beijing.aliyuncs.com/blog/2019-08-27-044824.jpg'},
|
||||
{name: 'sealos官网', url: 'http://store.lameleg.com?referrer=shaohq', icon: 'https://hugo-picture.oss-cn-beijing.aliyuncs.com/blog/2019-08-27-044824.jpg'},
|
||||
{name: '云原生实验室', url: 'https://www.yangcs.net/', icon: 'https://hugo-picture.oss-cn-beijing.aliyuncs.com/favicon-32x32.png'},
|
||||
]
|
||||
}
|
||||
|
||||
@ -1,96 +0,0 @@
|
||||
<template>
|
||||
<ParentLayout>
|
||||
<div slot="sidebar-top">
|
||||
<div style="text-align: center; margin-top: 10px;">
|
||||
<!-- <div>
|
||||
<span style="font-size: 13px;">扫第一个二维码完成打赏，扫第二个进微信群聊</span>
|
||||
<p style="margin-top: 10px;">
|
||||
<img src="/dz.png" style="width: 120px; margin-right: 20px;"></img>
|
||||
<img src="/dz2.jpeg" style="width: 120px;"></img>
|
||||
</p>
|
||||
</div> -->
|
||||
<div class="side-nav-item" :style="activeLinkStyle('/overview/') + 'margin-left: 0;'">
|
||||
<a href="/overview/" class="nav-link">简介</a>
|
||||
</div>
|
||||
<div class="side-nav-item" :style="activeLinkStyle('/install/')">
|
||||
<a href="/install/install-dashboard.html" class="nav-link router-link-exact-active router-link-active">安装</a>
|
||||
</div>
|
||||
<div class="side-nav-item" :style="activeLinkStyle('/learning/')">
|
||||
<a href="/learning/" class="nav-link router-link-exact-active router-link-active">学习</a>
|
||||
</div>
|
||||
<div class="side-nav-item" :style="activeLinkStyle('/guide/')">
|
||||
<a href="/guide/" class="nav-link">使用</a>
|
||||
</div>
|
||||
<div class="side-nav-item" :style="activeLinkStyle('/support/')">
|
||||
<a href="/support/" class="nav-link">支持</a>
|
||||
</div>
|
||||
<!-- <div class="side-nav-item" :style="activeLinkStyle('/noactive/')">
|
||||
<a href="https://blog.kuboard.cn/compaign/" target="_blank" class="nav-link">博客</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<StarGazer/>
|
||||
</div>
|
||||
<div slot="page-top" class="theme-default-content content__default page-top">
|
||||
<div class="tip custom-block" style="padding: 10px 20px; margin-top: 0;">
|
||||
<div style="display: inline-block; vertical-align: top;">
|
||||
<li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li>
|
||||
<li><a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="$sendGaEvent('GithubStar', '页头求GitHubStar', 'GitHubStar: ' + $page.path)">给一个 Github Start</a> 是对作者最好的鼓励</li>
|
||||
<!-- <li><Qq></Qq> <span style="color: red; font-weight: 500;">在线答疑</span>，也可以扫描本文末尾的二维码加群</li> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="page-bottom" class="bottom-description">
|
||||
Copyright © 2019-present 邵欢庆
|
||||
<span @click="$sendGaEvent('友情链接', '友情链接: 仁聚汇通', '友情链接:' + $page.path)">
|
||||
<a href="http://www.eigpay.com" target="_blank">仁聚汇通</a>
|
||||
</span> | 京ICP备19008693号-2
|
||||
<FriendlyUrl></FriendlyUrl>
|
||||
</div>
|
||||
</ParentLayout>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ParentLayout from '@parent-theme/layouts/Layout.vue'
|
||||
|
||||
export default {
|
||||
mounted () {
|
||||
},
|
||||
components: {
|
||||
ParentLayout
|
||||
},
|
||||
methods: {
|
||||
activeLinkStyle(href) {
|
||||
if (this.$page.path.indexOf(href) === 0) {
|
||||
return 'border-bottom: 2px solid #0b85ff;'
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-top {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: -80px !important;
|
||||
}
|
||||
.bottom-description {
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
color: #909399;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.side-nav-item {
|
||||
margin-bottom: -2px;
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
line-height: 1.4rem;
|
||||
white-space: nowrap;
|
||||
font-size: 1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.side-nav-item a {
|
||||
color: #2c3e50;
|
||||
}
|
||||
</style>
|
||||
@ -7,14 +7,13 @@
|
||||
:before-close="handleClose"
|
||||
:append-to-body ="true">
|
||||
<div style="text-align: center; font-size: 18px; weight: 500;">
|
||||
我想看到
|
||||
<span style="color: red;">更多更好的 Kubernetes 免费内容</span>，
|
||||
鼓励作者完成 Kubernetes 教程
|
||||
<span style="color: red; font-weight: 500;">剩下的 {{$themeConfig.incompleteRatio}}% </span>，
|
||||
所以我要
|
||||
<a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="linkToStar">
|
||||
给一个 Github Star
|
||||
<OutboundLink/>
|
||||
</a>
|
||||
以鼓励作者。
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="text" @click="reset" style="margin-right: 10px; color: grey;">残忍拒绝</el-button>
|
||||
|
||||
@ -17,7 +17,6 @@ module.exports = {
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
`],
|
||||
['link', {rel: "stylesheet", href: "/java-script-dist/swiper-4.5.0/css/swiper.min.css"}],
|
||||
['script', {src: '/java-script-dist/swiper-4.5.0/js/swiper.min.js', async: true}],
|
||||
// ['script', {src: "https://www.googletagmanager.com/gtag/js?id=UA-144196556-1", async: true}],
|
||||
// ['script', {}, `
|
||||
@ -121,6 +120,7 @@ module.exports = {
|
||||
}
|
||||
},
|
||||
themeConfig: {
|
||||
incompleteRatio: 20,
|
||||
kuboardToken: 'eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJrdWJvYXJkLXZpZXdlci10b2tlbi1mdGw0diIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50Lm5hbWUiOiJrdWJvYXJkLXZpZXdlciIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50LnVpZCI6ImE1YWFiMmQxLTQxMjYtNDU5Yi1hZmNhLTkyYzMwZDk0NTQzNSIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDprdWJlLXN5c3RlbTprdWJvYXJkLXZpZXdlciJ9.eYqN3FLIT6xs0-lm8AidZtaiuHeX70QTn9FhJglhEyh5dlyMU5lo8UtR-h1OY8sTSeYdYKJAS83-9SUObKQhp6XNmRgOYAfZblKUy4mvbGVQ3dn_qnzxYxt6zdGCwIY7E34eNNd9IjMF7G_Y4eJLWE7NvkSB1O8zbdn8En9rQXv_xJ9-ugCyr4CYB1lDGuZl3CIXgQ1FWcQdUBrxTT95tzcNTB0l6OUOGhRxOfw-RyIOST83GV5U0iVzxnD4sjgSaJefvCU-BmwXgpxAwRVhFyHEziXXa0CuZfBfJbmnQW308B4wocr4QDm6Nvmli1P3B6Yo9-HNF__d2hCwZEr7eg',
|
||||
nav: [
|
||||
{ text: '简介', link: '/overview/' },
|
||||
@ -485,6 +485,14 @@ module.exports = {
|
||||
'k8s-advanced/policy/lr_ratio',
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'Resource Quota',
|
||||
collapsable: true,
|
||||
children: [
|
||||
'k8s-advanced/policy/rq',
|
||||
'k8s-advanced/policy/rq_types',
|
||||
]
|
||||
},
|
||||
]
|
||||
},
|
||||
]
|
||||
|
||||
19
.vuepress/public/install-script/k8s-dashboard/auth.yaml
Normal file
19
.vuepress/public/install-script/k8s-dashboard/auth.yaml
Normal file
@ -0,0 +1,19 @@
|
||||
apiVersion: v1
|
||||
kind: ServiceAccount
|
||||
metadata:
|
||||
name: admin-user
|
||||
namespace: kubernetes-dashboard
|
||||
|
||||
---
|
||||
apiVersion: rbac.authorization.k8s.io/v1
|
||||
kind: ClusterRoleBinding
|
||||
metadata:
|
||||
name: admin-user
|
||||
roleRef:
|
||||
apiGroup: rbac.authorization.k8s.io
|
||||
kind: ClusterRole
|
||||
name: cluster-admin
|
||||
subjects:
|
||||
- kind: ServiceAccount
|
||||
name: admin-user
|
||||
namespace: kubernetes-dashboard
|
||||
581
.vuepress/public/landing.html
Executable file
581
.vuepress/public/landing.html
Executable file
@ -0,0 +1,581 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Kuboard官网_Kubernetes教程_K8S安装_管理界面</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="Kubernetes教程,K8S教程,Kubernetes安装,K8S安装,Kubernetes">
|
||||
<meta name="description" content="Kuboard是一款免费的Kubernetes管理界面_同时该网站还提供Kubernetes安装文档_K8S_部署_入门_免费中文Kubernetes教程_以及在Kubernetes上部署SpringCloud的详细文档">
|
||||
<meta name="author" content="邵欢庆">
|
||||
<link rel="icon" href="/favicon.png">
|
||||
<link rel="stylesheet" href="landing/css/googlefont.css">
|
||||
<link rel="stylesheet" href="landing/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="landing/css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="landing/css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="landing/js/slick/slick.css">
|
||||
<link rel="stylesheet" href="landing/js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="landing/css/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="landing/css/style.css">
|
||||
<link rel="stylesheet" href="landing/css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="/">Kuboard for Kubernetes
|
||||
<!-- <img src="/favicon.png" class="logo" alt="" height="60"> -->
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="/install/install-k8s.html">安装</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="/learning">学习</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="/guide/">使用</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="/support/">支持</a> </li>
|
||||
<!-- <li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Header -->
|
||||
<header class="fixed-top-added">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-7">
|
||||
<div class="hero-content">
|
||||
<h1 class="text-primary">Kuboard - 微服务管理面板</h1>
|
||||
<p class="text-primary mt-3"><span style="font-weight: 500;">快速在 Kubernetes 上落地微服务。</span>Kuboard 提供：Kubernetes安装脚本，Kubernetes教程、Kubernetes管理面板、SpringCloud在Kubernetes上的实战</p>
|
||||
<ul class="pair-btns-list">
|
||||
<li><a href="/overview/" class="cbtn btn-grad btn-shadow btn-width">开始使用</a></li>
|
||||
<li> <a class="cbtn btn-grad-s btn-shadow btn-width"
|
||||
target="_blank"
|
||||
href="http://demo.kuboard.cn/#/dashboard?k8sToken=eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJrdWJvYXJkLXZpZXdlci10b2tlbi1mdGw0diIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50Lm5hbWUiOiJrdWJvYXJkLXZpZXdlciIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50LnVpZCI6ImE1YWFiMmQxLTQxMjYtNDU5Yi1hZmNhLTkyYzMwZDk0NTQzNSIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDprdWJlLXN5c3RlbTprdWJvYXJkLXZpZXdlciJ9.eYqN3FLIT6xs0-lm8AidZtaiuHeX70QTn9FhJglhEyh5dlyMU5lo8UtR-h1OY8sTSeYdYKJAS83-9SUObKQhp6XNmRgOYAfZblKUy4mvbGVQ3dn_qnzxYxt6zdGCwIY7E34eNNd9IjMF7G_Y4eJLWE7NvkSB1O8zbdn8En9rQXv_xJ9-ugCyr4CYB1lDGuZl3CIXgQ1FWcQdUBrxTT95tzcNTB0l6OUOGhRxOfw-RyIOST83GV5U0iVzxnD4sjgSaJefvCU-BmwXgpxAwRVhFyHEziXXa0CuZfBfJbmnQW308B4wocr4QDm6Nvmli1P3B6Yo9-HNF__d2hCwZEr7eg">
|
||||
在线演示</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px;"><a aria-label="github"><iframe src="https://ghbtns.com/github-btn.html?user=eip-work&repo=kuboard-press&type=star&count=true&size=small" frameborder="0" scrolling="0" width="100px" height="20px" style="display:inline-block;vertical-align:middle;"></iframe></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-5">
|
||||
<img src="landing/images/hero-img.png" alt="" class="hero-img img-fluid cs-fade-in-up">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- /Header -->
|
||||
|
||||
<!-- Material Pills <Start> -->
|
||||
<div class="bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Why Kuboard?</h1>
|
||||
<p class="text-secondary">第一手 Kubernetes 实战经验，帮助您从 Kubernetes 入门到投产！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="nav nav-pills material-pills nav-border-tabs nav-fill" id="pills-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="cs-pills-one-tab" data-toggle="pill" href="#cs-pills-one" role="tab" aria-controls="cs-pills-one" aria-selected="true">Kubernetes<br>
|
||||
安装文档</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-two-tab" data-toggle="pill" href="#cs-pills-two" role="tab" aria-controls="cs-pills-two" aria-selected="false">Kubernetes<br>
|
||||
免费教程</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-three-tab" data-toggle="pill" href="#cs-pills-three" role="tab" aria-controls="cs-pills-three" aria-selected="false">Kubernetes<br>
|
||||
管理面板</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-five-tab" data-toggle="pill" href="#cs-pills-five" role="tab" aria-controls="cs-pills-five" aria-selected="false">Kubernetes<br>
|
||||
Spring Cloud 实战</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-5" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="cs-pills-one" role="tabpanel" aria-labelledby="cs-pills-one-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text r-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="landing/images/mockup.png" class="img-fluid" alt="" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-two" role="tabpanel" aria-labelledby="cs-pills-two-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<img src="landing/images/features-5.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Build with Bootstrap 4</h4>
|
||||
<p>CRM used Bootstrap, the most popular HTML, CSS, and JS framework. Thanks to this developers without experience can modify code without any problems.</p>
|
||||
<h4 class="text-primary">More UI Components</h4>
|
||||
<p>They are designed for simple and flexible user interface (UI) rendering. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-three" role="tabpanel" aria-labelledby="cs-pills-three-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="landing/images/dashboard.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-five" role="tabpanel" aria-labelledby="cs-pills-five-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 ">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>
|
||||
We used CSS3 for most of our components to avoid using unnecessary JavaScript libraries. All this to make it fast, reliable and pleasant to use by everyone!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ">
|
||||
<img src="landing/images/features-2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Material Pills </End> -->
|
||||
|
||||
<!-- Media Call Action <Start> -->
|
||||
<div class="bg-gray">
|
||||
<div class="container">
|
||||
<div class="call-action-media">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="media">
|
||||
<div class="media-left"> <img src="/favicon.png" alt="img" class="img-fluid" width="90"> </div>
|
||||
<div class="media-body">
|
||||
<h3 class="text-primary">掌握 Kubernetes，为未来加分！</h3>
|
||||
<p class="call-action-media-text">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="mt-4"><a href="/learning/" class="cbtn btn-grad btn-width btn-round">立刻开始学习</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Media Call Action </End> -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="py-80" id="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Kuboard for Kubernetes</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
|
||||
<img src="landing/images/icn6.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">免费使用</h4>
|
||||
<p>无需缴纳高昂培训费，获得更高质量的免费 Kubernetes 教程</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600">
|
||||
<img src="landing/images/icn4.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">快速安装</h4>
|
||||
<p>使用每天有 300 多人验证的 Kubernetes 安装文档，快速完成安装，避免落坑。</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Left <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000">
|
||||
<img src="landing/images/icn1.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">活跃的QQ社群</h4>
|
||||
<p>每天入群人数20人，发言记录6000+，各路大佬帮你解决问题。</p>
|
||||
</div>
|
||||
<!-- InfoBox Left </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<img src="landing/images/icn5.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">管理面板</h4>
|
||||
<p>免费授权的 Kubernetes 微服务管理面板，降低 Kubernetes 的使用门槛，提升运维管理效率</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1200">
|
||||
<img src="landing/images/icn5.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">微服务参考架构</h4>
|
||||
<p>互联网企业微服务经典参考架构，无需反复摸索，快速起步</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1400">
|
||||
<img src="landing/images/icn3.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Spring Cloud 部署实战</h4>
|
||||
<p>使用 Kuboard 快速 Kubernetes 上完成 Spring Cloud 的部署和管理</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Video Block & Testimonials -->
|
||||
<div class="py-80 bg-gray">
|
||||
<div class="box-shadow custom-witdth-box">
|
||||
<div class="floated-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 text-center">
|
||||
<img src="landing/images/trend.png" alt="" class="img-fluid" style="border: solid 1px #eee;">
|
||||
<!-- <a class="venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">
|
||||
<img src="landing/images/trend.png" alt="" class="img-fluid" style="border: solid 1px #eee;">
|
||||
<div class="vid-fixed-icn"><img src="landing/images/video-thumb.png" alt="" class="img-fluid"></div>
|
||||
</a> -->
|
||||
</div>
|
||||
</div>
|
||||
<p style="margin-top: 20px; text-align: center;"><a aria-label="github"><iframe src="https://ghbtns.com/github-btn.html?user=eip-work&repo=kuboard-press&type=star&count=true&size=small" frameborder="0" scrolling="0" width="100px" height="20px" style="display:inline-block;vertical-align:middle;"></iframe></a></p>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="slider single-item">
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<!-- <div class="testimonial-default-img"><img src="landing/images/female-75.jpg" alt="" class="center-block img-fluid"></div> -->
|
||||
<h4>2019年8月3日推出 Kuboard</h4>
|
||||
<h5>获得种子用户，解决一些兼容性问题</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<!-- <div class="testimonial-default-img"><img src="landing/images/male-14.jpg" alt="" class="center-block img-fluid"></div> -->
|
||||
<h4>Kubernetes安装文档及教程</h4>
|
||||
<h5>不断完善 Kubernetes 安装文档，推出免费 Kubernetes 教程</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<!-- <div class="testimonial-default-img"><img src="landing/images/29.jpg" alt="" class="center-block img-fluid"></div> -->
|
||||
<h4>2019年10月20日</h4>
|
||||
<h5>获得第 629 颗 Github Star</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Video Block & Testimonials -->
|
||||
|
||||
|
||||
|
||||
<!-- Animated Dots -->
|
||||
<div class="dots">
|
||||
<div class="dot one"></div>
|
||||
<div class="dot two"></div>
|
||||
<div class="dot three"></div>
|
||||
<div class="dot four"></div>
|
||||
<div class="dot five"></div>
|
||||
<div class="dot six"></div>
|
||||
<div class="dot seven"></div>
|
||||
<div class="dot eight"></div>
|
||||
<div class="dot nine"></div>
|
||||
<div class="dot ten"></div>
|
||||
</div>
|
||||
<!-- Animated Dots -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">ohdearui@gmail.com</a></li>
|
||||
<li><a href="#" title="Link">www.ohdearui.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">Kuboard</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2019 邵欢庆. All Right Reserved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="landing/images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="landing/images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="landing/images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="landing/js/jquery-2.2.4.min.js"></script>
|
||||
<script src="landing/js/bootstrap.min.js"></script>
|
||||
<script src="landing/js/popper.min.js"></script>
|
||||
<script src="landing/js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="landing/js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="landing/js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="landing/js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="landing/js/aos/2.1.1/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="landing/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
403
.vuepress/public/landing/blog-single.html
Executable file
403
.vuepress/public/landing/blog-single.html
Executable file
@ -0,0 +1,403 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="saas,crm,bootstrap4,template,download">
|
||||
<meta name="description" content="OhDearCRM is a Bootstrap4 Responsive Template for Startups,SaaS Companies and Agencies.">
|
||||
<meta name="author" content="">
|
||||
<title>SaaS & CRM App Landing Page Template - OhDearCRM</title>
|
||||
<link rel="icon" href="images/logo.png">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i|Roboto:500,700">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="js/slick/slick.css">
|
||||
<link rel="stylesheet" href="js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">CRM
|
||||
<!-- <img src="images/logo.png" class="logo" alt="" height="60">-->
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="index.html#features">Features</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="index.html#pricing">Pricing </a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="index.html#webinars">Webinars</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80 no-header">
|
||||
<div class="container">
|
||||
<div class="cs-row row">
|
||||
<div class="col-md-8">
|
||||
<div class="cs-blog-view">
|
||||
<div class="cs-blog-view-img">
|
||||
<img src="images/bloglg.png" alt="" class="img-fluid rounded-top">
|
||||
</div>
|
||||
<div class="box-shadow p-5 rounded-top">
|
||||
<div class="cs-blog-content">
|
||||
<a href="#" class="cs-blog-category">Worpress</a>
|
||||
<h2 class="cs-blog-title text-primary">Sed ut perspiciatis unde omnis is natus error sit volup tatem accusantium doloremque</h2>
|
||||
<div class="cs-postedby text-primary">By Sumoteam | Mar 01, 2017</div>
|
||||
<hr>
|
||||
<p>A modular kitchen can be much less expensive than a custom made kitchen since everything is already constructed. There are many advantages in having a modular kitchen limiting your budget, designing your kitchen as per your taste, elegance, warranty, choice etc. We prefer to provide modular kitchen in BWP Grade Marine Plywood. However, based on the budgetary constraints of the customer, we also provide in Marine MDF, MDF, Particle Board etc as per their choice. We offer a wide range of modular kitchen. There are also many different cabinet finishes, counter top materials and handle hardware available to make each kitchen look like it was custom built to the homeowner's taste.</p>
|
||||
<p>3D Rendering, Bedroom Design, Custom Blinds & Shades, Custom Bookcases, Custom Entertainment Centers, Custom Furniture, Custom Kitchen Cabinets, Custom Shelving, Dining Room Design, Floor Plans, Home Office Design, Home Theater Design, House Plans, Interior Design, Kids Bedroom Design, Kitchen Design, Lighting Design, Living Room Design, Space Planning, Sustainable Design, Universal Design, Wine Cellar Design, Custom Walk-in Wardrobes, Kitchen Renovation & Remodeling, Wardrobe Design, 3D Wall Papers, Laser Cutting Panels, Gypsum Ceiling, Grid ceiling</p>
|
||||
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia cons equuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
|
||||
<p>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
|
||||
</div>
|
||||
<!-- Social Share -->
|
||||
<hr>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><span class="text-primary">Share:</span> </li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
<!-- Social Share -->
|
||||
</div>
|
||||
|
||||
<!-- Comments -->
|
||||
<div class="box-shadow p-5 mt-5 rounded-top rounded-bottom">
|
||||
<div class="cs-comment-form ">
|
||||
<h4 class="mb-3">Leave a Comment</h4>
|
||||
|
||||
<form>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<input type="text" class="form-control" placeholder="Name *">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<input type="email" class="form-control" placeholder="Email *">
|
||||
</div>
|
||||
<div class="form-group col-sm-12">
|
||||
<input type="text" class="form-control" placeholder="Website">
|
||||
</div>
|
||||
<div class="form-group col-sm-12">
|
||||
<textarea rows="5" class="form-control" placeholder="Your Comments"></textarea>
|
||||
</div>
|
||||
<div class="form-group col-sm-12">
|
||||
<button type="submit" class="btn btn-primary btn-shadow">Submit Comment</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Comments -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card mt-0 mb-4">
|
||||
<img class="card-img-top" src="images/blog-2.jpg" alt="Card image cap">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Work Desk Inspirations</h4>
|
||||
<p class="card-text">Seamlessly nemo enim ipsam voluptatem change utilize fully tested...</p>
|
||||
<a href="#" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card mt-0 mb-4">
|
||||
<img class="card-img-top" src="images/blog-3.jpg" alt="Card image cap">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">A list of development tools</h4>
|
||||
<p class="card-text">Seamlessly nemo enim ipsam voluptatem change utilize fully tested...</p>
|
||||
<a href="#" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Call Action - Primary<Start> -->
|
||||
<div class="call-action-primary py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="call-action-primary-content text-center">
|
||||
<h1 class="text-white mb-3 call-action-head">Join our CRM for Free?</h1>
|
||||
<p class="text-white call-action-text">Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica</p>
|
||||
|
||||
<form class="mt-5 ">
|
||||
<div class="input-group call-action-primary-search">
|
||||
<input type="text" class="form-control call-action-primary-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="call-action-primary-btn ">Get Started</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Call Action - Primary</End> -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">support@crm.com</a></li>
|
||||
<li><a href="#" title="Link">www.crmdashboard.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">CRM</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2018 CryptoKing. All Right Recerved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="js/jquery-2.2.4.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
419
.vuepress/public/landing/blog.html
Executable file
419
.vuepress/public/landing/blog.html
Executable file
@ -0,0 +1,419 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<title>SaaS & CRM App Landing Page Template - OhDearCRM</title>
|
||||
<link rel="icon" href="images/logo.png">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i|Roboto:500,700">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="js/slick/slick.css">
|
||||
<link rel="stylesheet" href="js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">CRM
|
||||
<!-- <img src="images/logo.png" class="logo" alt="" height="60">-->
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="index.html#features">Features</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="index.htm#pricing">Pricing </a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="index.htm#webinars">Webinars</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80 no-header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Our Blog</h1>
|
||||
<p>A place where we speak our mind. Product Udates, Marketing, Sales and some fun. Subscribe for email updates.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card">
|
||||
<a href="blog-single.html"><img class="card-img-top" src="images/blog-2.jpg" alt="Card image cap"></a>
|
||||
<div class="card-body">
|
||||
<a href="blog-single.html">
|
||||
<h4 class="card-title text-primary">Work Desk Inspirations</h4>
|
||||
</a>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="blog-single.html" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card">
|
||||
<a href="blog-single.html"><img class="card-img-top" src="images/blog-4.jpg" alt="Card image cap"></a>
|
||||
<div class="card-body">
|
||||
<a href="blog-single.html">
|
||||
<h4 class="card-title text-primary">A list of development tools</h4>
|
||||
</a>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="blog-single.html" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card">
|
||||
<a href="blog-single.html"><img class="card-img-top" src="images/blog-3.jpg" alt="Card image cap"></a>
|
||||
<div class="card-body">
|
||||
<a href="blog-single.html">
|
||||
<h4 class="card-title text-primary">Success and Team Work</h4>
|
||||
</a>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="blog-single.html" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card">
|
||||
<img class="card-img-top" src="images/blog-4.jpg" alt="Card image cap">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Work Desk Inspirations</h4>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="#" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card">
|
||||
<img class="card-img-top" src="images/blog-1.jpg" alt="Card image cap">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">A list of development tools</h4>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="#" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card">
|
||||
<img class="card-img-top" src="images/blog-3.jpg" alt="Card image cap">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Success and Team Work</h4>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="#" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-4">
|
||||
<div class="col text-center">
|
||||
<ul class="pagination justify-content-center mb-0">
|
||||
<li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#"><i class="fa fa-angle-right"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Call Action - Primary<Start> -->
|
||||
<div class="call-action-primary py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="call-action-primary-content text-center">
|
||||
<h1 class="text-white mb-3 call-action-head">Join our CRM for Free?</h1>
|
||||
<p class="text-white call-action-text">Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica</p>
|
||||
|
||||
<form class="mt-5 ">
|
||||
<div class="input-group call-action-primary-search">
|
||||
<input type="text" class="form-control call-action-primary-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="call-action-primary-btn ">Get Started</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Call Action - Primary</End> -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">support@crm.com</a></li>
|
||||
<li><a href="#" title="Link">www.crmdashboard.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">CRM</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2018 CryptoKing. All Right Recerved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="js/jquery-2.2.4.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
2
.vuepress/public/landing/css/animate.min.css
vendored
Executable file
2
.vuepress/public/landing/css/animate.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
2
.vuepress/public/landing/css/aos.css
Normal file
2
.vuepress/public/landing/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
7
.vuepress/public/landing/css/bootstrap.min.css
vendored
Executable file
7
.vuepress/public/landing/css/bootstrap.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
673
.vuepress/public/landing/css/components.css
Executable file
673
.vuepress/public/landing/css/components.css
Executable file
@ -0,0 +1,673 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*
|
||||
Copyright (c) 2018
|
||||
[Master Stylesheet]
|
||||
Template Name :CRM Components
|
||||
Version : 1.0
|
||||
Author :
|
||||
Author URI :
|
||||
Support :
|
||||
*/
|
||||
|
||||
|
||||
/*---------------------------------------------
|
||||
Table of Contents
|
||||
-----------------------------------------------
|
||||
## Infobox
|
||||
## Icon text cards
|
||||
## Testimonials cards
|
||||
## Blog Cards
|
||||
## Price Cards
|
||||
## Webnair Cards
|
||||
## Tabs/Pills
|
||||
## Call to actions
|
||||
*/
|
||||
/* --------------------
|
||||
InfoBox Left
|
||||
----------------------*/
|
||||
|
||||
.cs-infobox-left {
|
||||
text-align: left;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.cs-infobox-left h4 {
|
||||
color: #516378;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.cs-infobox-left p {
|
||||
color: #888888;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.857;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.cs-infobox-left {
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------
|
||||
InfoBox Center
|
||||
----------------------*/
|
||||
|
||||
.cs-infobox-center {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.cs-infobox-center img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.cs-infobox-center h4 {
|
||||
color: #516378;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 500;
|
||||
margin-bottom: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.cs-infobox-center p {
|
||||
color: #888888;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.857;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------------- Pills <Start> --------------------------------------------------------------------------------*/
|
||||
|
||||
/* --------------------
|
||||
Material Pills
|
||||
----------------------*/
|
||||
|
||||
.material-pills.nav-pills .nav-link::before {
|
||||
content: "";
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
bottom: -1px;
|
||||
}
|
||||
|
||||
.material-pills.nav-pills .nav-link.active::after {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.material-pills.nav-pills .nav-link::after {
|
||||
content: "";
|
||||
background: -webkit-gradient(linear, right top, left top, color-stop(1%, #04befe), to(#4481eb));
|
||||
background: linear-gradient(-90deg, #04befe 1%, #4481eb 100%);
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
bottom: -1px;
|
||||
-webkit-transition: all 250ms ease 0s;
|
||||
transition: all 250ms ease 0s;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.material-pills.nav-pills .nav-link {
|
||||
color: #333333;
|
||||
font-size: 1rem;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.material-pills.nav-pills .nav-link.active,
|
||||
.nav-pills .show > .nav-link {
|
||||
color: #333333;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.material-pills-text {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.material-pills-text.r-text {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.material-pills-text h4 {
|
||||
color: #516378;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.material-pills-text p {
|
||||
color: #666666;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.857;
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.material-pills-text,
|
||||
.material-pills-text.r-text {
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------
|
||||
Nav Pills Group
|
||||
----------------------*/
|
||||
|
||||
.nav-pills-group.nav-pills .nav-link {
|
||||
background-color: #f4f4f4;
|
||||
border-radius: 0;
|
||||
padding: 14px 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav-pills-group.nav-pills .nav-link.active {
|
||||
background: #5b83fe;
|
||||
}
|
||||
|
||||
.nav-pills-group.nav-pills .nav-item:first-child .nav-link {
|
||||
border-radius: 50px 0 0 50px;
|
||||
}
|
||||
|
||||
.nav-pills-group.nav-pills .nav-item:last-child .nav-link {
|
||||
border-radius: 0 50px 50px 0;
|
||||
}
|
||||
|
||||
@media(min-width:992px) {
|
||||
.nav-pills-group.nav-pills .nav-link {
|
||||
min-width: 180px;
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------------- Pills </End> --------------------------------------------------------------------------------*/
|
||||
|
||||
/* -------------------------------------------------------------------------------- Call Actions <Start> --------------------------------------------------------------------------------*/
|
||||
|
||||
/* --------------------
|
||||
Call Action Media
|
||||
----------------------*/
|
||||
|
||||
.call-action-media {
|
||||
border-radius: 6px;
|
||||
border: 3px solid #5b83fe;
|
||||
background-color: #f3f6f9;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.call-action-media-text {
|
||||
color: #666666;
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
margin-bottom: 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.call-action-media .media-body {
|
||||
margin-left: 1.5rem
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.call-action-media .media {
|
||||
display: block;
|
||||
}
|
||||
.call-action-media .media-body {
|
||||
margin-left: 0;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------
|
||||
Call Action Primary
|
||||
----------------------*/
|
||||
|
||||
.call-action-primary {
|
||||
background: url(../images/call-action-primary.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bg-gradient-primary {
|
||||
background: -webkit-gradient(linear, right top, left top, color-stop(1%, #4481eb), to(#04befe));
|
||||
background: linear-gradient(-90deg, #4481eb 1%, #04befe 100%);
|
||||
}
|
||||
|
||||
.call-action-head {
|
||||
color: #ffffff;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.call-action-text {
|
||||
color: #ffffff;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
max-width: 620px;
|
||||
margin: auto;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.call-action-primary-search {
|
||||
max-width: 569px;
|
||||
margin: auto;
|
||||
border-radius: 50px;
|
||||
-webkit-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.call-action-primary-input {
|
||||
border-radius: 27px;
|
||||
background-color: #f4f4f4;
|
||||
border: 0;
|
||||
height: 49px;
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
color: #666666;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.call-action-primary-btn {
|
||||
background-color: #04befe;
|
||||
border: 0;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
-webkit-appearance: none;
|
||||
border-color: #04befe;
|
||||
border-radius: 0 27px 27px 0;
|
||||
height: 49px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.call-action-primary-btn {
|
||||
width: 168px;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.call-action-primary-content h1 {
|
||||
margin-top: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------------- Call Actions </End> --------------------------------------------------------------------------------*/
|
||||
|
||||
/* --------------------
|
||||
Price Card Default
|
||||
----------------------*/
|
||||
|
||||
.cs-price-card {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #f1f1f1;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin: auto;
|
||||
max-width: 370px;
|
||||
position: relative;
|
||||
-webkit-transition: all .25s ease;
|
||||
transition: all .25s ease;
|
||||
}
|
||||
|
||||
.cs-price-card:hover {
|
||||
-webkit-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.cs-price-card::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: -webkit-gradient(linear, right top, left top, color-stop(1%, #04befe), to(#4481eb));
|
||||
background: linear-gradient(-90deg, #04befe 1%, #4481eb 100%);
|
||||
border-radius: 5px 5px 0 0;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
.cs-price-card-info {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #f1f1f1;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background-color: #f7f7f7;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.cs-price-card .btn-light {
|
||||
background-color: #edecec;
|
||||
color: #516378;
|
||||
border-color: #edecec;
|
||||
}
|
||||
|
||||
.cs-price-card-info h5 {
|
||||
color: #666666;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cs-price-card-info h1 {
|
||||
color: #516378;
|
||||
margin: 0;
|
||||
font-size: 2.375rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.cs-price-card-info h1 sup {
|
||||
color: inherit;
|
||||
top: -1.2em;
|
||||
font-size: 1rem;
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.cs-price-card-info h1 small {
|
||||
color: inherit;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cs-price-card-content {
|
||||
padding: 40px 30px;
|
||||
}
|
||||
|
||||
.cs-price-card-features {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.cs-price-card-features li {
|
||||
color: #666666;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 2.571;
|
||||
}
|
||||
|
||||
.cs-price-card-features li.in-active {
|
||||
color: #d5d5d5;
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.cs-price-card-info {
|
||||
padding: 20px;
|
||||
}
|
||||
.cs-price-card-content {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
.cs-price-card-features {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.cs-price-card-features li {
|
||||
line-height: 2;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------
|
||||
Our Partners
|
||||
----------------------*/
|
||||
|
||||
.partners-horiz-list {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.partners-horiz-item {
|
||||
width: 33.33%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.partners-horiz-item img {
|
||||
-webkit-filter: grayscale(100%);
|
||||
/* Safari 6.0 - 9.0 */
|
||||
filter: grayscale(100%);-webkit-transition: all .3s ease;transition: all .3s ease;
|
||||
}
|
||||
|
||||
.partners-horiz-item:hover img {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
@media(min-width:992px) {
|
||||
.partners-horiz-item {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
.partner-img {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* --------------------
|
||||
Webnair Card
|
||||
----------------------*/
|
||||
|
||||
.cs-webnair-card {
|
||||
border-radius: 5px;
|
||||
margin: 15px 0;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
background-color: #ffffff;
|
||||
border: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cs-webnair-card:hover {
|
||||
-webkit-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.cs-webnair-card .btn-primary {
|
||||
background-color: #edecec;
|
||||
border-color: #edecec;
|
||||
color: #516378;
|
||||
}
|
||||
|
||||
.cs-webnair-card:hover .btn-primary {
|
||||
background-color: #5b83fe;
|
||||
border-color: #5b83fe;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cs-webnair-card:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: #5b83fe;
|
||||
width: 2px;
|
||||
height: 27px;
|
||||
top: 36px;
|
||||
left: 0;
|
||||
-webkit-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.cs-webnair-card:hover:after {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.cs-webnair-card .card-body {
|
||||
padding: 38px;
|
||||
}
|
||||
|
||||
.cs-webnair-card .card-title {
|
||||
color: #516378;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cs-webnair-card .card-text {
|
||||
color: #666666;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.857;
|
||||
}
|
||||
|
||||
.cs-webnair-card .media-body h5 {
|
||||
color: #666666;
|
||||
margin-top: 5px;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.cs-webnair-card .media-body h5 small {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.cs-webnair-card .media-body {
|
||||
color: #516378;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
|
||||
}
|
||||
|
||||
.webnair-date {
|
||||
background-color: #5b83fe;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.webnair-date h5 {
|
||||
color: #ffffff;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.webnair-date h2 {
|
||||
color: #ffffff;
|
||||
font-size: 1.875rem;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.webnair-date p {
|
||||
color: #ffffff;
|
||||
font-size: 0.875rem;
|
||||
margin-bottom: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@media(min-width:768px) {
|
||||
.webnair-date {
|
||||
padding: 20px;
|
||||
width: 136px;
|
||||
height: 114px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Testimonial - Default */
|
||||
|
||||
.testimonial-default {
|
||||
text-align: center;
|
||||
margin: 30px 0
|
||||
}
|
||||
|
||||
.testimonial-default-img {
|
||||
width: 99px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
height: 99px;border-radius: 50%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.testimonial-default-img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.testimonial-default h4 {
|
||||
color: #516378;
|
||||
font-size: 1.125rem;
|
||||
font-weight: 500;
|
||||
max-width: 730px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-style: italic;
|
||||
line-height: 1.667;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.testimonial-default h5 {
|
||||
color: #aeaeae;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.video-play {
|
||||
position: relative;
|
||||
outline: none
|
||||
}
|
||||
|
||||
.video-play .vid-fixed-icn {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
}
|
||||
|
||||
.video-play .vid-fixed-icn img {
|
||||
-webkit-transform: scale(.9);
|
||||
transform: scale(.9);
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
.video-play:hover .vid-fixed-icn img {
|
||||
-webkit-transform: scale(1.1);
|
||||
transform: scale(1)
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.video-play .vid-fixed-icn img {
|
||||
-webkit-transform: scale(.5);
|
||||
transform: scale(.5);
|
||||
}
|
||||
.testimonial-default-img {
|
||||
width: 69px;
|
||||
height: 69px;
|
||||
}
|
||||
.testimonial-default h4 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.testimonial-default h5 {
|
||||
font-size: .8rem;
|
||||
margin-top: 7px;
|
||||
}
|
||||
.slick-dotted.slick-slider {
|
||||
margin: 0;
|
||||
}
|
||||
.floated-box {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
110
.vuepress/public/landing/css/example.css
Executable file
110
.vuepress/public/landing/css/example.css
Executable file
@ -0,0 +1,110 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/*
|
||||
Copyright (c) 2018
|
||||
[Master Stylesheet]
|
||||
Template Name : Divcastle
|
||||
Version : 1.0
|
||||
Author :
|
||||
Author URI :
|
||||
Support :
|
||||
*/
|
||||
body {
|
||||
text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
@media(min-width:992px){ body {background: url(../images/body-bg.svg);}}
|
||||
|
||||
/* Typography */
|
||||
p{color: #666666}
|
||||
h1,h2,h3,h4,h5,h6{color: #444444}
|
||||
h1 { font-size: 2rem; }
|
||||
h2 { font-size: 1.6rem; }
|
||||
h3 { font-size: 1.4rem; }
|
||||
h4 {font-size: 1.2rem; }
|
||||
@media(min-width:768px){
|
||||
h1 { font-size: 2.5rem; font-weight: 700;}
|
||||
h2 { font-size: 2.2rem; font-weight: 700;}
|
||||
h3 { font-size: 1.6rem; }
|
||||
h4 {font-size: 1.4rem;font-weight: 500;}
|
||||
}
|
||||
/* Buttons */
|
||||
.btn{
|
||||
padding: 15px 30px; color: #ffffff; font-size: 1.2rem; font-weight: 500;text-transform: uppercase;border-radius: 10px;
|
||||
}
|
||||
.btn:focus,.btn:hover{-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
|
||||
.btn-primary{
|
||||
background-color: #0aadff;border-color: #0aadff; -webkit-box-shadow: 0px 10px 21px 0px rgba(10, 173, 255, 0.3); box-shadow: 0px 10px 21px 0px rgba(10, 173, 255, 0.3);
|
||||
}
|
||||
.btn-success{
|
||||
background-color: #60c338; border-color: #60c338;-webkit-box-shadow: 0px 10px 21px 0px rgba(96, 195, 56, 0.3);box-shadow: 0px 10px 21px 0px rgba(96, 195, 56, 0.3);
|
||||
}
|
||||
.btn-success:hover{ background-color: #60c338; border-color: #60c338;}
|
||||
.btn-primary:hover{ background-color: #0aadff;border-color: #0aadff;}
|
||||
@media(min-width:992px){.btn-width{min-width: 240px}}
|
||||
|
||||
/* Custom grid */
|
||||
@media (min-width: 1200px){
|
||||
.container {
|
||||
max-width: 1000px;
|
||||
}
|
||||
}
|
||||
.section-pad{margin-top: 50px;margin-bottom: 50px;}
|
||||
@media(min-width:768px){
|
||||
.section-pad{margin-top: 100px;margin-bottom: 100px;}
|
||||
.lg-gutter{margin-left: 0;margin-right: 0;}
|
||||
.lg-gutter .lg-gutter-col{padding-left: 0;padding-right: 0}
|
||||
}
|
||||
/* Card */
|
||||
.card { background-color: #ffffff;border: 0; -webkit-box-shadow: 0px 10px 49px 0px rgba(3, 93, 162, 0.09); box-shadow: 0px 10px 49px 0px rgba(3, 93, 162, 0.09);}
|
||||
.card-text { font-weight: 300; line-height: 1.5; }
|
||||
|
||||
/* Header */
|
||||
.hero-content {margin: 50px 0 0;}
|
||||
@media(min-width:768px){.hero-content {margin-top: 100px;margin-bottom: 50px;}}
|
||||
.hero-content h2{color: rgba(60, 70, 81, 0.4);font-weight: 300;}
|
||||
.banner-title{color: #3a7299;font-style: italic}
|
||||
|
||||
/* Navbar */
|
||||
.navbar-light .navbar-nav .nav-link{font-size: 1.4rem;color: #000}
|
||||
@media(min-width:768px){
|
||||
.navbar-nav .nav-item{margin-left: 20px}
|
||||
.navbar{margin-top: 30px;}
|
||||
}
|
||||
@media(max-width:768px){
|
||||
.navbar-light .navbar-brand{margin: auto;position: relative;left: -30px;}
|
||||
}
|
||||
|
||||
/* Price */
|
||||
.box-shadow{background-color: #f7fcff; -webkit-box-shadow: 0px 10px 49px 0px rgba(3, 93, 162, 0.09); box-shadow: 0px 10px 49px 0px rgba(3, 93, 162, 0.09);}
|
||||
.price-text{padding: 20px}
|
||||
|
||||
.price-text p{ font-weight: 300;}
|
||||
@media(min-width:768px){.box-shadow.padding{margin: 30px;}.price-text{padding:40px;}.price-text p{font-size: 1rem;}}
|
||||
@media(max-width:768px){ .price-text p{font-size: 1rem; }}
|
||||
/* Call action*/
|
||||
.call-action{
|
||||
border-radius: 6px; background-color: #f7f8fa; border-left: 5px solid #0aadff;padding:30px;
|
||||
}
|
||||
@media(max-width:768px){ .call-text{font-size: .9rem;margin-bottom: 20px !important }}
|
||||
/* Footer */
|
||||
footer{background-color: #e9f3f5; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
|
||||
color: rgba(60, 70, 81, 0.4); font-size: .8rem; font-weight: 400;padding: 10px 0;
|
||||
}
|
||||
|
||||
/* Custom classes*/
|
||||
.nav-img{display: none;}
|
||||
@media(max-width:768px){
|
||||
.hide-sm{display: none;}
|
||||
.btn-width{max-width: 280px;width: 100%}
|
||||
.navbar{padding: 0}
|
||||
.navbar-nav{background: #f3f3f3; margin: 0 !important;
|
||||
padding: 10px 15px;}
|
||||
.navbar-toggler{margin: 0 15px;}
|
||||
.nav-img{margin-right: 10px;display: inline-block;}
|
||||
}
|
||||
/* --------------------------------------------------
|
||||
CSS Animations & Pace Loder
|
||||
-------------------------------------------------- */
|
||||
@media(min-width:768px){.cs-fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.cs-fade-in-up-slow{-webkit-animation-name:fade-in-up;animation-name:fade-in-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.3s;animation-delay:.3s}}@-webkit-keyframes fade-in-up{from{opacity:0;-webkit-transform:translate3d(0,32px,0);transform:translate3d(0,32px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fade-in-up{from{opacity:0;-webkit-transform:translate3d(0,32px,0);transform:translate3d(0,32px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.pace-inactive{display:none}.pace .pace-progress{background:#0aadff;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:3px}
|
||||
4
.vuepress/public/landing/css/font-awesome.min.css
vendored
Normal file
4
.vuepress/public/landing/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
208
.vuepress/public/landing/css/googlefont.css
Normal file
208
.vuepress/public/landing/css/googlefont.css
Normal file
@ -0,0 +1,208 @@
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Poppins Italic'), local('Poppins-Italic'), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Poppins Italic'), local('Poppins-Italic'), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Poppins Italic'), local('Poppins-Italic'), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'), url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVFteOYktMqlap.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'), url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
src: local('Poppins Medium Italic'), local('Poppins-MediumItalic'), url(https://fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* devanagari */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
|
||||
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Poppins';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
1398
.vuepress/public/landing/css/style.css
Executable file
1398
.vuepress/public/landing/css/style.css
Executable file
File diff suppressed because it is too large
Load Diff
227
.vuepress/public/landing/css/venobox.css
Executable file
227
.vuepress/public/landing/css/venobox.css
Executable file
File diff suppressed because one or more lines are too long
BIN
.vuepress/public/landing/fonts/fontawesome-webfont.woff2
Normal file
BIN
.vuepress/public/landing/fonts/fontawesome-webfont.woff2
Normal file
Binary file not shown.
847
.vuepress/public/landing/home2.html
Executable file
847
.vuepress/public/landing/home2.html
Executable file
@ -0,0 +1,847 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="saas,crm,bootstrap4,template,download">
|
||||
<meta name="description" content="OhDearCRM is a Bootstrap4 Responsive Template for Startups,SaaS Companies and Agencies.">
|
||||
<meta name="author" content="">
|
||||
<title>SaaS & CRM App Landing Page Template - OhDearCRM</title>
|
||||
<link rel="icon" href="images/logo.png">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i|Roboto:500,700">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="js/slick/slick.css">
|
||||
<link rel="stylesheet" href="js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">CRM
|
||||
<!-- <img src="images/logo.png" class="logo" alt="" height="60">-->
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="#features">Features</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#pricing">Pricing </a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#webinars">Webinars</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Header2 -->
|
||||
<header class="header2 fixed-top-added" style="background: url(images/bg-2.png) bottom center no-repeat;background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-7 mx-auto">
|
||||
<div class="hero-content text-center cs-fade-in-up">
|
||||
<h1 class="text-primary">AI Driven CRM for your Sales Force</h1>
|
||||
<p class="text-primary mt-3">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
<ul class="pair-btns-list">
|
||||
<li><a href="#" class="cbtn btn-grad btn-shadow btn-width">Get Started</a></li>
|
||||
<li><a href="#" class="cbtn btn-grad-s btn-shadow btn-width">Live Demo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- /Header2 -->
|
||||
|
||||
<!-- Material Pills <Start> -->
|
||||
<div class="bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Why CRM?</h1>
|
||||
<p class="text-secondary">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="nav nav-pills material-pills nav-border-tabs nav-fill" id="pills-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="cs-pills-one-tab" data-toggle="pill" href="#cs-pills-one" role="tab" aria-controls="cs-pills-one" aria-selected="true">Use Built-in<br>
|
||||
Phone and Email</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-two-tab" data-toggle="pill" href="#cs-pills-two" role="tab" aria-controls="cs-pills-two" aria-selected="false">Finds the<br>
|
||||
Best Sales Leads</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-three-tab" data-toggle="pill" href="#cs-pills-three" role="tab" aria-controls="cs-pills-three" aria-selected="false">Have Relevant<br>
|
||||
Conversation</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-five-tab" data-toggle="pill" href="#cs-pills-five" role="tab" aria-controls="cs-pills-five" aria-selected="false">Manage Sales<br>
|
||||
Pipeline Better</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-5" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="cs-pills-one" role="tabpanel" aria-labelledby="cs-pills-one-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text r-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/mock2.png" class="img-fluid" alt="" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-two" role="tabpanel" aria-labelledby="cs-pills-two-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<img src="images/features-5.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Build with Bootstrap 4</h4>
|
||||
<p>CRM used Bootstrap, the most popular HTML, CSS, and JS framework. Thanks to this developers without experience can modify code without any problems.</p>
|
||||
<h4 class="text-primary">More UI Components</h4>
|
||||
<p>They are designed for simple and flexible user interface (UI) rendering. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-three" role="tabpanel" aria-labelledby="cs-pills-three-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/dashboard.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-five" role="tabpanel" aria-labelledby="cs-pills-five-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 ">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>
|
||||
We used CSS3 for most of our components to avoid using unnecessary JavaScript libraries. All this to make it fast, reliable and pleasant to use by everyone!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ">
|
||||
<img src="images/features-2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Material Pills </End> -->
|
||||
|
||||
<!-- Media Call Action <Start> -->
|
||||
<div class="bg-gray">
|
||||
<div class="container">
|
||||
<div class="call-action-media">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="media">
|
||||
<div class="media-left"> <img src="images/call-down.svg" alt="img" class="img-fluid" width="90"> </div>
|
||||
<div class="media-body">
|
||||
<h3 class="text-primary">Want to try CRM Software for Free?</h3>
|
||||
<p class="call-action-media-text">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="mt-4"><a href="#" class="cbtn btn-grad btn-width btn-round">Register Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Media Call Action </End> -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80" id="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">CRM Features</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Left <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000">
|
||||
<img src="images/icn1.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Quality Resources</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Left </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1200">
|
||||
<img src="images/icn2.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">At solmen va esser</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1400">
|
||||
<img src="images/icn3.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Pronunciation sommun</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600">
|
||||
<img src="images/icn4.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Uniform Grammatica</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<img src="images/icn5.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Omnicos al desirabilite</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
|
||||
<img src="images/icn6.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Commun Vocabules</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Video Block & Testimonials -->
|
||||
<div class="py-80 bg-gray">
|
||||
<div class="box-shadow custom-witdth-box">
|
||||
<div class="floated-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 text-center">
|
||||
<a class="venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">
|
||||
<img src="images/video-bg.png" alt="" class="img-fluid">
|
||||
<div class="vid-fixed-icn"><img src="images/video-thumb.png" alt="" class="img-fluid"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="slider single-item">
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/female-75.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/male-14.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/29.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Video Block & Testimonials -->
|
||||
|
||||
<!-- Price Tables -->
|
||||
<div class="py-80" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Best Pricing Plan</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
<ul class="nav nav-pills justify-content-center nav-pills-group" id="pills-tab2" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="pills-home-tab2" data-toggle="pill" href="#pills-home2" role="tab" aria-controls="pills-home2" aria-selected="true">Monthly</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="pills-profile-tab2" data-toggle="pill" href="#pills-profile2" role="tab" aria-controls="pills-profile2" aria-selected="false">Yearly</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="pills-tabContent2">
|
||||
<div class="tab-pane fade show active" id="pills-home2" role="tabpanel" aria-labelledby="pills-home-tab2">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Free</h5>
|
||||
<h1><sup>$</sup>0.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Premium</h5>
|
||||
<h1><sup>$</sup>12.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="cbtn btn-grad btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Advanced</h5>
|
||||
<h1><sup>$</sup>28.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-profile2" role="tabpanel" aria-labelledby="pills-profile-tab2">
|
||||
<!-- Tab2 Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Silver</h5>
|
||||
<h1><sup>$</sup>40.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info btn-grad">
|
||||
<h5 class="text-white">Diamond</h5>
|
||||
<h1 class="text-white"><sup>$</sup>212.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-primary btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Gold</h5>
|
||||
<h1><sup>$</sup>128.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab2 Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Price Tables -->
|
||||
|
||||
<!-- Partners -->
|
||||
<div class="py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Trusted by Most Popular Brands</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="partners-horiz-list clearfix">
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="800"><img src="images/partners/p1.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000"><img src="images/partners/p2.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300"><img src="images/partners/p3.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600"><img src="images/partners/p4.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1900"><img src="images/partners/p5.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Partners-->
|
||||
|
||||
<!-- Webinars -->
|
||||
<div class="bg-gray py-80" id="webinars">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Upcoming Webinars</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Webinars -->
|
||||
|
||||
<!-- Call Action - Primary<Start> -->
|
||||
<div class="call-action-primary py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="call-action-primary-content text-center">
|
||||
<h1 class="text-white mb-3 call-action-head">Join our CRM for Free?</h1>
|
||||
<p class="text-white call-action-text">Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica</p>
|
||||
|
||||
<form class="mt-5 ">
|
||||
<div class="input-group call-action-primary-search">
|
||||
<input type="text" class="form-control call-action-primary-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="call-action-primary-btn ">Get Started</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Call Action - Primary</End> -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">ohdearui@gmail.com</a></li>
|
||||
<li><a href="#" title="Link">www.ohdearui.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">CRM</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2018 OhDearUI. All Right Recerved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="js/jquery-2.2.4.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
855
.vuepress/public/landing/home3.html
Executable file
855
.vuepress/public/landing/home3.html
Executable file
@ -0,0 +1,855 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="saas,crm,bootstrap4,template,download">
|
||||
<meta name="description" content="OhDearCRM is a Bootstrap4 Responsive Template for Startups,SaaS Companies and Agencies.">
|
||||
<meta name="author" content="">
|
||||
<title>SaaS & CRM App Landing Page Template - OhDearCRM</title>
|
||||
<link rel="icon" href="images/logo.png">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i|Roboto:500,700">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="js/slick/slick.css">
|
||||
<link rel="stylesheet" href="js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">CRM
|
||||
<!-- <img src="images/logo.png" class="logo" alt="" height="60">-->
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="#features">Features</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#pricing">Pricing </a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#webinars">Webinars</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Header3 -->
|
||||
<header class="header3 fixed-top-added header-gradient" style="background: url(images/bg-3.png) center center no-repeat;background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-7 mx-auto">
|
||||
<div class="hero-content text-center">
|
||||
<p class="text-white mt-3">Trusted by 20000 Companies</p>
|
||||
<h1 class="text-white">AI Driven CRM for your Sales Force</h1>
|
||||
<ul class="pair-btns-list">
|
||||
<li><a href="#" class="btn btn-light btn-shadow btn-width">Get Started</a></li>
|
||||
<li><a href="#" class="btn btn-outline-light btn-shadow btn-width">Live Demo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 text-center">
|
||||
<div class="mock-float ">
|
||||
<img src="images/mockup-crm.png" alt="" class="img-fluid center-block cs-fade-in-up">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- /Header3 -->
|
||||
|
||||
<div style="height: 150px" class="bg-gray"></div>
|
||||
|
||||
<!-- Material Pills <Start> -->
|
||||
<div class="bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Why CRM?</h1>
|
||||
<p class="text-secondary"Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="nav nav-pills material-pills nav-border-tabs nav-fill" id="pills-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="cs-pills-one-tab" data-toggle="pill" href="#cs-pills-one" role="tab" aria-controls="cs-pills-one" aria-selected="true">Use Built-in<br>
|
||||
Phone and Email</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-two-tab" data-toggle="pill" href="#cs-pills-two" role="tab" aria-controls="cs-pills-two" aria-selected="false">Finds the<br>
|
||||
Best Sales Leads</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-three-tab" data-toggle="pill" href="#cs-pills-three" role="tab" aria-controls="cs-pills-three" aria-selected="false">Have Relevant<br>
|
||||
Conversation</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-five-tab" data-toggle="pill" href="#cs-pills-five" role="tab" aria-controls="cs-pills-five" aria-selected="false">Manage Sales<br>
|
||||
Pipeline Better</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-5" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="cs-pills-one" role="tabpanel" aria-labelledby="cs-pills-one-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text r-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/mockup.png" class="img-fluid" alt="" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-two" role="tabpanel" aria-labelledby="cs-pills-two-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<img src="images/features-5.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Build with Bootstrap 4</h4>
|
||||
<p>CRM used Bootstrap, the most popular HTML, CSS, and JS framework. Thanks to this developers without experience can modify code without any problems.</p>
|
||||
<h4 class="text-primary">More UI Components</h4>
|
||||
<p>They are designed for simple and flexible user interface (UI) rendering. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-three" role="tabpanel" aria-labelledby="cs-pills-three-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/dashboard.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-five" role="tabpanel" aria-labelledby="cs-pills-five-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 ">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>
|
||||
We used CSS3 for most of our components to avoid using unnecessary JavaScript libraries. All this to make it fast, reliable and pleasant to use by everyone!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ">
|
||||
<img src="images/features-2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Material Pills </End> -->
|
||||
|
||||
<!-- Media Call Action <Start> -->
|
||||
<div class="bg-gray">
|
||||
<div class="container">
|
||||
<div class="call-action-media">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="media">
|
||||
<div class="media-left"> <img src="images/call-down.svg" alt="img" class="img-fluid" width="90"> </div>
|
||||
<div class="media-body">
|
||||
<h3 class="text-primary">Want to try CRM Software for Free?</h3>
|
||||
<p class="call-action-media-text">With CRM, your team can now use AI-based lead scoring, built-in phone, email, activity capture and more.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="mt-4"><a href="#" class="cbtn btn-grad btn-width btn-round">Register Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Media Call Action </End> -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80" id="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">CRM Features</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Left <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000">
|
||||
<img src="images/icn1.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Quality Resources</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Left </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1200">
|
||||
<img src="images/icn2.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">At solmen va esser</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1400">
|
||||
<img src="images/icn3.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Pronunciation sommun</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600">
|
||||
<img src="images/icn4.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Uniform Grammatica</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<img src="images/icn5.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Omnicos al desirabilite</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
|
||||
<img src="images/icn6.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Commun Vocabules</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Video Block & Testimonials -->
|
||||
<div class="py-80 bg-gray">
|
||||
<div class="box-shadow custom-witdth-box">
|
||||
<div class="floated-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 text-center">
|
||||
<a class="venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">
|
||||
<img src="images/video-bg.png" alt="" class="img-fluid">
|
||||
<div class="vid-fixed-icn"><img src="images/video-thumb.png" alt="" class="img-fluid"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="slider single-item">
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/female-75.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/male-14.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/29.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Video Block & Testimonials -->
|
||||
|
||||
<!-- Price Tables -->
|
||||
<div class="py-80" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Best Pricing Plan</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
<ul class="nav nav-pills justify-content-center nav-pills-group" id="pills-tab2" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="pills-home-tab2" data-toggle="pill" href="#pills-home2" role="tab" aria-controls="pills-home2" aria-selected="true">Monthly</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="pills-profile-tab2" data-toggle="pill" href="#pills-profile2" role="tab" aria-controls="pills-profile2" aria-selected="false">Yearly</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="pills-tabContent2">
|
||||
<div class="tab-pane fade show active" id="pills-home2" role="tabpanel" aria-labelledby="pills-home-tab2">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Free</h5>
|
||||
<h1><sup>$</sup>0.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Premium</h5>
|
||||
<h1><sup>$</sup>12.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="cbtn btn-grad btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Advanced</h5>
|
||||
<h1><sup>$</sup>28.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-profile2" role="tabpanel" aria-labelledby="pills-profile-tab2">
|
||||
<!-- Tab2 Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Silver</h5>
|
||||
<h1><sup>$</sup>40.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info btn-grad">
|
||||
<h5 class="text-white">Diamond</h5>
|
||||
<h1 class="text-white"><sup>$</sup>212.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-primary btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Gold</h5>
|
||||
<h1><sup>$</sup>128.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab2 Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Price Tables -->
|
||||
<!-- Partners -->
|
||||
<div class="py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Trusted by Most Popular Brands</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="partners-horiz-list clearfix">
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="800"><img src="images/partners/p1.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000"><img src="images/partners/p2.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300"><img src="images/partners/p3.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600"><img src="images/partners/p4.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1900"><img src="images/partners/p5.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Partners-->
|
||||
|
||||
<!-- Webinars -->
|
||||
<div class="bg-gray py-80" id="webinars">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Upcoming Webinars</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Webinars -->
|
||||
|
||||
<!-- Call Action - Primary<Start> -->
|
||||
<div class="call-action-primary py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="call-action-primary-content text-center">
|
||||
<h1 class="text-white mb-3 call-action-head">Join our CRM for Free?</h1>
|
||||
<p class="text-white call-action-text">Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica</p>
|
||||
|
||||
<form class="mt-5 ">
|
||||
<div class="input-group call-action-primary-search">
|
||||
<input type="text" class="form-control call-action-primary-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="call-action-primary-btn ">Get Started</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Call Action - Primary</End> -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">ohdearui@gmail.com</a></li>
|
||||
<li><a href="#" title="Link">www.ohdearui.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">CRM</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2018 OhDearUI. All Right Recerved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="js/jquery-2.2.4.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
968
.vuepress/public/landing/home4.html
Executable file
968
.vuepress/public/landing/home4.html
Executable file
@ -0,0 +1,968 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="saas,crm,bootstrap4,template,download">
|
||||
<meta name="description" content="OhDearCRM is a Bootstrap4 Responsive Template for Startups,SaaS Companies and Agencies.">
|
||||
<meta name="author" content="">
|
||||
<title>SaaS & CRM App Landing Page Template - OhDearCRM</title>
|
||||
<link rel="icon" href="images/logo.png">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i|Roboto:500,700">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="js/slick/slick.css">
|
||||
<link rel="stylesheet" href="js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body class="overflow-hidden">
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">CRM
|
||||
<!-- <img src="images/logo.png" class="logo" alt="" height="60">-->
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="#features">Features</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#pricing">Pricing </a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#webinars">Webinars</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Header -->
|
||||
<header class="fixed-top-added overflow-x">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="hero-content">
|
||||
<h1 class="text-primary">AI Driven CRM for your Sales Force</h1>
|
||||
<p class="text-primary mt-3">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
<ul class="pair-btns-list">
|
||||
<li><a href="home3.html" class="cbtn btn-grad btn-shadow btn-width">Get Started</a></li>
|
||||
<li><a class="cbtn btn-grad-s btn-shadow btn-width venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">Live Demo</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<img src="images/mock2.png" alt="" class="hero-img img-fluid cs-fade-in-up">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-shape"></div>
|
||||
<div class="bg-circle"></div>
|
||||
<div class="bg-circle-two"></div>
|
||||
</header>
|
||||
<!-- /Header -->
|
||||
|
||||
<!-- Material Pills <Start> -->
|
||||
<div class="bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Why CRM?</h1>
|
||||
<p class="text-secondary">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="nav nav-pills material-pills nav-border-tabs nav-fill" id="pills-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="cs-pills-one-tab" data-toggle="pill" href="#cs-pills-one" role="tab" aria-controls="cs-pills-one" aria-selected="true">Use Built-in<br>
|
||||
Phone and Email</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-two-tab" data-toggle="pill" href="#cs-pills-two" role="tab" aria-controls="cs-pills-two" aria-selected="false">Finds the<br>
|
||||
Best Sales Leads</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-three-tab" data-toggle="pill" href="#cs-pills-three" role="tab" aria-controls="cs-pills-three" aria-selected="false">Have Relevant<br>
|
||||
Conversation</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-five-tab" data-toggle="pill" href="#cs-pills-five" role="tab" aria-controls="cs-pills-five" aria-selected="false">Manage Sales<br>
|
||||
Pipeline Better</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-5" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="cs-pills-one" role="tabpanel" aria-labelledby="cs-pills-one-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/dashboard.png" class="img-fluid" alt="" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-two" role="tabpanel" aria-labelledby="cs-pills-two-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<img src="images/features-5.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Build with Bootstrap 4</h4>
|
||||
<p>CRM used Bootstrap, the most popular HTML, CSS, and JS framework. Thanks to this developers without experience can modify code without any problems.</p>
|
||||
<h4 class="text-primary">More UI Components</h4>
|
||||
<p>They are designed for simple and flexible user interface (UI) rendering. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-three" role="tabpanel" aria-labelledby="cs-pills-three-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text r-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/mockup.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-five" role="tabpanel" aria-labelledby="cs-pills-five-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 ">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>
|
||||
We used CSS3 for most of our components to avoid using unnecessary JavaScript libraries. All this to make it fast, reliable and pleasant to use by everyone!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ">
|
||||
<img src="images/features-2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Material Pills </End> -->
|
||||
|
||||
<!-- Media Call Action <Start> -->
|
||||
<div class="bg-gray">
|
||||
<div class="container">
|
||||
<div class="call-action-media">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="media">
|
||||
<div class="media-left"> <img src="images/call-down.svg" alt="img" class="img-fluid" width="90"> </div>
|
||||
<div class="media-body">
|
||||
<h3 class="text-primary">Want to try CRM Software for Free?</h3>
|
||||
<p class="call-action-media-text">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="mt-4"><a href="#" class="cbtn btn-grad btn-width btn-round">Register Now</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Media Call Action </End> -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80" id="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">CRM Features</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="feature-left media mb-5">
|
||||
<div class="media-icon d-flex mr-3"> <img src="images/icn1.svg" alt="" class="img-fluid"> </div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">Easy Customization</h5> Cras sit amet nibh libero, in gravida nulla. Nulla vel
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="feature-left media mb-5">
|
||||
<div class="media-icon d-flex mr-3"> <img src="images/icn2.svg" alt="" class="img-fluid"> </div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">Super Fast</h5> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="feature-left media mb-5">
|
||||
<div class="media-icon d-flex mr-3"> <img src="images/icn3.svg" alt="" class="img-fluid"> </div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">Save Money</h5>in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="feature-left media mb-5">
|
||||
<div class="media-icon d-flex mr-3"> <img src="images/icn4.svg" alt="" class="img-fluid"> </div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">Cloud Upload</h5> sit amet nibh libero, in gravida nulla. vel metus scelerisque ante sollicitudin.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="feature-left media mb-5">
|
||||
<div class="media-icon d-flex mr-3"> <img src="images/icn5.svg" alt="" class="img-fluid"> </div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">Proven Technology</h5> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus ante .
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="feature-left media mb-5">
|
||||
<div class="media-icon d-flex mr-3"> <img src="images/icn6.svg" alt="" class="img-fluid"> </div>
|
||||
|
||||
<div class="media-body">
|
||||
<h5 class="mt-0">100% Satisfaction</h5>Amet nibh libero, in gravida nulla. Nulla vel metus ante sollicitudin.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Video Block & Testimonials -->
|
||||
<div class="py-80 bg-gray">
|
||||
<div class="box-shadow custom-witdth-box">
|
||||
<div class="floated-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 text-center">
|
||||
<a class="venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">
|
||||
<img src="images/video-bg.png" alt="" class="img-fluid">
|
||||
<div class="vid-fixed-icn"><img src="images/video-thumb.png" alt="" class="img-fluid"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="slider single-item">
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/female-75.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/male-14.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/29.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Video Block & Testimonials -->
|
||||
|
||||
<!-- Price Tables -->
|
||||
<div class="py-80" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Best Pricing Plan</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
<ul class="nav nav-pills justify-content-center nav-pills-group" id="pills-tab2" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="pills-home-tab2" data-toggle="pill" href="#pills-home2" role="tab" aria-controls="pills-home2" aria-selected="true">Monthly</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="pills-profile-tab2" data-toggle="pill" href="#pills-profile2" role="tab" aria-controls="pills-profile2" aria-selected="false">Yearly</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="pills-tabContent2">
|
||||
<div class="tab-pane fade show active" id="pills-home2" role="tabpanel" aria-labelledby="pills-home-tab2">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Free</h5>
|
||||
<h1><sup>$</sup>0.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Premium</h5>
|
||||
<h1><sup>$</sup>12.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="cbtn btn-grad btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Advanced</h5>
|
||||
<h1><sup>$</sup>28.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-profile2" role="tabpanel" aria-labelledby="pills-profile-tab2">
|
||||
<!-- Tab2 Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Silver</h5>
|
||||
<h1><sup>$</sup>40.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info btn-grad">
|
||||
<h5 class="text-white">Diamond</h5>
|
||||
<h1 class="text-white"><sup>$</sup>212.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-primary btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Gold</h5>
|
||||
<h1><sup>$</sup>128.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab2 Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Price Tables -->
|
||||
|
||||
<!-- Blog -->
|
||||
<div class="bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Our Blog</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<a href="blog-single.html"><img class="card-img-top" src="images/blog-2.jpg" alt="Card image cap"></a>
|
||||
<div class="card-body">
|
||||
<a href="blog-single.html">
|
||||
<h4 class="card-title text-primary">Work Desk Inspirations</h4>
|
||||
</a>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="blog-single.html" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300">
|
||||
<a href="blog-single.html"><img class="card-img-top" src="images/blog-4.jpg" alt="Card image cap"></a>
|
||||
<div class="card-body">
|
||||
<a href="blog-single.html">
|
||||
<h4 class="card-title text-primary">A list of development tools</h4>
|
||||
</a>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="blog-single.html" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<a href="blog-single.html"><img class="card-img-top" src="images/blog-3.jpg" alt="Card image cap"></a>
|
||||
<div class="card-body">
|
||||
<a href="blog-single.html">
|
||||
<h4 class="card-title text-primary">Success and Team Work</h4>
|
||||
</a>
|
||||
<p class="card-text">Seamlessly restore wireless ideas before interdependent e-tailers. Conveniently morph emerging quality vectors for progressive catalysts for change utilize fully tested...</p>
|
||||
<a href="blog-single.html" class="btn btn-primary btn-round">Read More <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Blog -->
|
||||
|
||||
<!-- Partners -->
|
||||
<div class="py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Trusted by Most Popular Brands</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="partners-horiz-list clearfix">
|
||||
<li class="partners-horiz-item"><img src="images/partners/p1.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item"><img src="images/partners/p2.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item"><img src="images/partners/p3.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item"><img src="images/partners/p4.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item"><img src="images/partners/p5.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Partners-->
|
||||
|
||||
<div class="dots">
|
||||
<div class="dot one"></div>
|
||||
<div class="dot two"></div>
|
||||
<div class="dot three"></div>
|
||||
<div class="dot four"></div>
|
||||
<div class="dot five"></div>
|
||||
<div class="dot six"></div>
|
||||
<div class="dot seven"></div>
|
||||
<div class="dot eight"></div>
|
||||
<div class="dot nine"></div>
|
||||
<div class="dot ten"></div>
|
||||
</div>
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80" id="webinars">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Upcoming Webinars</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Call Action - Primary<Start> -->
|
||||
<div class="call-action-primary py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="call-action-primary-content text-center">
|
||||
<h1 class="text-white mb-3 call-action-head">Join our CRM for Free?</h1>
|
||||
<p class="text-white call-action-text">Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica</p>
|
||||
|
||||
<form class="mt-5 ">
|
||||
<div class="input-group call-action-primary-search">
|
||||
<input type="text" class="form-control call-action-primary-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="call-action-primary-btn ">Get Started</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Call Action - Primary</End> -->
|
||||
|
||||
<!-- Twitter widgets -->
|
||||
<div class="py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">What our users say</h1>
|
||||
<p>With CRM, your team can now use AI-based lead scoring.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="embed-tweet-item">
|
||||
<blockquote class="twitter-tweet" data-cards="hidden" lang="en" data-width="550" data-link-color="#7642FF" data-align="center">
|
||||
<a href="https://twitter.com/hemeon/status/988494146628448257"></a>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="embed-tweet-item">
|
||||
<blockquote class="twitter-tweet" data-cards="hidden" lang="en" data-width="550" data-link-color="#7642FF" data-align="center">
|
||||
<a href="https://twitter.com/dcancel/status/965995722129764353"></a>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="embed-tweet-item">
|
||||
<blockquote class="twitter-tweet" data-cards="hidden" lang="en" data-width="550" data-link-color="#7642FF" data-align="center">
|
||||
<a href="https://twitter.com/csallen/status/984811026544713728"></a>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Twitter widgets -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">ohdearui@gmail.com</a></li>
|
||||
<li><a href="#" title="Link">www.ohdearui.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">CRM</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2018 OhDearUI. All Right Recerved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="js/jquery-2.2.4.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
.vuepress/public/landing/images/1.png
Executable file
BIN
.vuepress/public/landing/images/1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
.vuepress/public/landing/images/29.jpg
Executable file
BIN
.vuepress/public/landing/images/29.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
.vuepress/public/landing/images/bg-2.png
Executable file
BIN
.vuepress/public/landing/images/bg-2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
.vuepress/public/landing/images/bg-3.png
Executable file
BIN
.vuepress/public/landing/images/bg-3.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
.vuepress/public/landing/images/blog-1.jpg
Executable file
BIN
.vuepress/public/landing/images/blog-1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
.vuepress/public/landing/images/blog-2.jpg
Executable file
BIN
.vuepress/public/landing/images/blog-2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
.vuepress/public/landing/images/blog-3.jpg
Executable file
BIN
.vuepress/public/landing/images/blog-3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
.vuepress/public/landing/images/blog-4.jpg
Executable file
BIN
.vuepress/public/landing/images/blog-4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
.vuepress/public/landing/images/bloglg.png
Executable file
BIN
.vuepress/public/landing/images/bloglg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
.vuepress/public/landing/images/call-action-primary.png
Executable file
BIN
.vuepress/public/landing/images/call-action-primary.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
15
.vuepress/public/landing/images/call-down.svg
Executable file
15
.vuepress/public/landing/images/call-down.svg
Executable file
@ -0,0 +1,15 @@
|
||||
<svg width="49" height="49" xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<g>
|
||||
<title>background</title>
|
||||
<rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
|
||||
</g>
|
||||
<g>
|
||||
<title>Layer 1</title>
|
||||
<path id="svg_1" fill="rgb(91,130,253)" d="m37.81,26.14c0,0 -5.19,-6.61 -5.19,-6.61c1.84,-1.89 2.96,-4.37 3.14,-7c0,0 8.04,0 8.04,0c0,0 0,0.88 0,0.88c-1.86,0.38 -3.2,2.02 -3.2,3.92c0,2.2 1.79,3.99 4,3.99c2.21,0 4,-1.79 4,-4c0,-1.9 -1.34,-3.53 -3.2,-3.91c0,0 0,-1.68 0,-1.68c0,-0.44 -0.36,-0.8 -0.8,-0.8c0,0 -8.84,0 -8.84,0c-0.15,-2.22 -0.97,-4.34 -2.34,-6.08c0,0 1.11,-1.12 1.11,-1.12c0,0 9.42,0 9.42,0c0.44,1.25 1.81,1.9 3.06,1.46c1.25,-0.44 1.9,-1.81 1.46,-3.06c-0.44,-1.25 -1.81,-1.9 -3.06,-1.46c-0.69,0.24 -1.22,0.78 -1.46,1.46c0,0 -9.75,0 -9.75,0c-0.21,0 -0.41,0.09 -0.56,0.24c0,0 -1.29,1.29 -1.29,1.29c-4.45,-4.28 -11.52,-4.15 -15.8,0.29c-1.82,1.89 -2.91,4.36 -3.09,6.98c0,0 -6.72,0 -6.72,0c0,0 -2.61,-5.88 -2.61,-5.88c1.16,-0.62 1.61,-2.06 1,-3.23c-0.62,-1.17 -2.06,-1.62 -3.23,-1c-1.17,0.61 -1.62,2.06 -1,3.23c0.32,0.61 0.89,1.05 1.57,1.21c0,0 3.02,6.79 3.02,6.79c0.13,0.29 0.41,0.48 0.73,0.48c0,0 7.24,0 7.24,0c0.18,2.6 1.27,5.06 3.08,6.94c0,0 -6.75,6.75 -6.75,6.75c-4.37,-0.66 -8.43,2.35 -9.09,6.72c-0.65,4.36 2.36,8.43 6.72,9.08c0.13,0.02 0.26,0.04 0.4,0.05c0,0 0,4.04 0,4.04c0,0.44 0.36,0.8 0.8,0.8c0,0 7.34,0 7.34,0c0.44,1.25 1.81,1.91 3.06,1.46c1.25,-0.44 1.91,-1.81 1.46,-3.06c-0.44,-1.25 -1.81,-1.9 -3.06,-1.46c-0.68,0.24 -1.22,0.78 -1.46,1.46c0,0 -6.54,0 -6.54,0c0,0 0,-3.24 0,-3.24c4.39,-0.43 7.59,-4.35 7.16,-8.74c-0.3,-2.97 -2.23,-5.53 -5,-6.64c0,0 6.15,-6.15 6.15,-6.15c4.01,3.15 9.66,3.18 13.69,0.05c0,0 4.44,5.65 4.44,5.65c-6.13,0.85 -10.4,6.51 -9.55,12.64c0.86,6.12 6.52,10.4 12.64,9.54c6.13,-0.85 10.4,-6.51 9.54,-12.64c-0.75,-5.38 -5.25,-9.44 -10.68,-9.64zm9.19,-8.81c0,1.32 -1.08,2.39 -2.4,2.39c-1.33,0 -2.4,-1.07 -2.4,-2.39c0,-1.33 1.07,-2.4 2.4,-2.4c1.32,0 2.4,1.07 2.4,2.4zm-0.8,-15.2c0.44,0 0.8,0.36 0.8,0.8c0,0.44 -0.36,0.8 -0.8,0.8c-0.44,0 -0.8,-0.36 -0.8,-0.8c0,-0.44 0.36,-0.8 0.8,-0.8zm-43.18,1.6c-0.44,0 -0.8,-0.36 -0.8,-0.8c0,-0.44 0.36,-0.8 0.8,-0.8c0.44,0 0.8,0.36 0.8,0.8c0,0.44 -0.36,0.8 -0.8,0.8zm15.19,41.58c0.44,0 0.8,0.36 0.8,0.8c0,0.44 -0.36,0.8 -0.8,0.8c-0.44,0 -0.8,-0.36 -0.8,-0.8c0,-0.44 0.36,-0.8 0.8,-0.8zm-6.39,-5.66c-1.98,1.15 -4.43,1.15 -6.4,0c0,0 0,-1.53 0,-1.53c0,-1.77 1.43,-3.2 3.2,-3.2c1.76,0 3.2,1.43 3.2,3.2c0,0 0,1.53 0,1.53zm-4.8,-7.93c0,-0.88 0.71,-1.6 1.6,-1.6c0.88,0 1.6,0.72 1.6,1.6c0,0.88 -0.72,1.6 -1.6,1.6c-0.89,0 -1.6,-0.72 -1.6,-1.6zm6.39,-1.85c1.04,1.17 1.61,2.69 1.6,4.25c0,1.55 -0.57,3.05 -1.6,4.22c0,0 0,-0.22 0,-0.22c0,-1.75 -0.95,-3.36 -2.48,-4.2c1.22,-1.28 1.17,-3.31 -0.11,-4.53c-1.27,-1.22 -3.3,-1.17 -4.52,0.11c-1.18,1.23 -1.18,3.18 0,4.42c-1.53,0.84 -2.48,2.45 -2.48,4.2c0,0 0,0.22 0,0.22c-2.34,-2.65 -2.08,-6.7 0.57,-9.03c2.65,-2.34 6.69,-2.09 9.02,0.56zm16.8,-10.37c-3.34,2.43 -7.86,2.43 -11.2,0c0,0 0,-1.93 0,-1.93c0,-1.46 1.18,-2.64 2.64,-2.64c0,0 1.78,0 1.78,0c0,0 -1.16,2.9 -1.16,2.9c-0.12,0.29 -0.05,0.63 0.17,0.86c0,0 1.6,1.6 1.6,1.6c0.31,0.31 0.82,0.31 1.13,0c0,0 1.6,-1.6 1.6,-1.6c0.23,-0.23 0.3,-0.57 0.18,-0.86c0,0 -1.16,-2.9 -1.16,-2.9c0,0 1.78,0 1.78,0c1.45,0 2.64,1.18 2.64,2.64c0,0 0,1.93 0,1.93c0,0 0,0 0,0zm-5.49,-12.98c-0.03,0.05 -0.05,0.1 -0.07,0.16c-0.4,1.21 -2.59,1.67 -4,1.8c0.22,-2.68 1.48,-3.95 3.96,-3.95c2.27,0 3.52,1.07 3.87,3.31c0,0 -2.66,-1.6 -2.66,-1.6c-0.38,-0.22 -0.87,-0.1 -1.1,0.28zm0.99,1.52c0,0 2.86,1.72 2.86,1.72c-0.32,1.96 -2.73,3.57 -3.96,3.57c-1.78,-0.31 -3.27,-1.54 -3.89,-3.24c1.37,-0.12 3.84,-0.53 4.99,-2.05zm-0.44,9.89c0,0 -0.66,0.66 -0.66,0.66c0,0 -0.66,-0.66 -0.66,-0.66c0,0 0.66,-1.65 0.66,-1.65c0,0 0.66,1.65 0.66,1.65zm2.83,-4.57c1.24,-0.98 2.01,-2.45 2.11,-4.03c0,-5.29 -3.05,-6.4 -5.6,-6.4c-2.55,0 -5.6,1.11 -5.6,6.4c0.09,1.58 0.86,3.05 2.11,4.04c-2.12,0.26 -3.71,2.06 -3.71,4.2c0,0 0,0.48 0,0.48c-3.5,-3.97 -3.12,-10.04 0.85,-13.54c3.98,-3.51 10.04,-3.13 13.54,0.85c3.2,3.62 3.2,9.06 0,12.69c0,0 0,-0.48 0,-0.48c0.01,-2.14 -1.58,-3.95 -3.7,-4.21zm14.9,31.73c-3.34,2.43 -7.86,2.43 -11.2,0c0,0 0,-1.94 0,-1.94c0,-1.45 1.19,-2.63 2.64,-2.63c0,0 1.78,0 1.78,0c0,0 -1.16,2.9 -1.16,2.9c-0.12,0.29 -0.05,0.63 0.18,0.86c0,0 1.59,1.6 1.59,1.6c0.32,0.31 0.82,0.31 1.14,0c0,0 1.59,-1.6 1.59,-1.6c0.23,-0.23 0.3,-0.57 0.18,-0.86c0,0 -1.16,-2.9 -1.16,-2.9c0,0 1.78,0 1.78,0c1.46,0 2.64,1.18 2.64,2.63c0,0 0,1.94 0,1.94zm-4.5,-11.46c0,0 0,0 0,0c0,0 2.86,1.72 2.86,1.72c-0.32,1.96 -2.73,3.57 -3.96,3.57c-1.78,-0.31 -3.27,-1.54 -3.88,-3.24c1.36,-0.12 3.84,-0.53 4.98,-2.05zm-5.05,0.44c0,0 0,0 0,0c0.21,-2.68 1.47,-3.95 3.95,-3.95c2.27,0 3.52,1.07 3.88,3.31c0,0 -2.67,-1.6 -2.67,-1.6c-0.38,-0.22 -0.87,-0.1 -1.09,0.28c-0.03,0.05 -0.06,0.1 -0.08,0.16c-0.4,1.21 -2.59,1.67 -3.99,1.8zm4.61,9.45c0,0 -0.66,0.66 -0.66,0.66c0,0 -0.66,-0.66 -0.66,-0.66c0,0 0.66,-1.65 0.66,-1.65c0,0 0.66,1.65 0.66,1.65zm6.54,0.12c0,0 0,-0.49 0,-0.49c0,-2.13 -1.59,-3.94 -3.71,-4.2c1.25,-0.98 2.02,-2.45 2.11,-4.03c0,-5.29 -3.05,-6.4 -5.6,-6.4c-2.55,0 -5.6,1.11 -5.6,6.4c0.1,1.58 0.87,3.05 2.11,4.03c-2.12,0.27 -3.71,2.07 -3.7,4.2c0,0 0,0.49 0,0.49c-3.5,-3.98 -3.11,-10.04 0.87,-13.53c3.97,-3.5 10.03,-3.11 13.53,0.87c1.54,1.75 2.39,4 2.39,6.34c0,2.33 -0.86,4.58 -2.4,6.32z"/>
|
||||
<rect id="svg_2" height="54" width="50" y="0" x="0.5" stroke-width="1.5" stroke="#000" fill="#fff"/>
|
||||
<rect id="svg_3" height="82" width="81" y="-7" x="-4.5" stroke-width="1.5" stroke="#000" fill="#939b9b"/>
|
||||
<rect id="svg_4" height="1" width="1" y="114" x="164.5" stroke-width="1.5" stroke="#000" fill="#939b9b"/>
|
||||
<path stroke="#000" id="svg_5" d="m14.4225,21.489941l5.564943,-5.564941l7.870116,0l5.564943,5.564941l0,7.870115l-5.564943,5.564942l-7.870116,0l-5.564943,-5.564942l0,-7.870115z" stroke-width="1.5" fill="#939b9b"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.6 KiB |
BIN
.vuepress/public/landing/images/call-pattren.png
Executable file
BIN
.vuepress/public/landing/images/call-pattren.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
.vuepress/public/landing/images/dashboard.png
Executable file
BIN
.vuepress/public/landing/images/dashboard.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
.vuepress/public/landing/images/features-2.png
Executable file
BIN
.vuepress/public/landing/images/features-2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
.vuepress/public/landing/images/features-5.png
Executable file
BIN
.vuepress/public/landing/images/features-5.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
.vuepress/public/landing/images/female-75.jpg
Executable file
BIN
.vuepress/public/landing/images/female-75.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
.vuepress/public/landing/images/graph.png
Executable file
BIN
.vuepress/public/landing/images/graph.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
.vuepress/public/landing/images/hero-img.png
Normal file
BIN
.vuepress/public/landing/images/hero-img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
5
.vuepress/public/landing/images/icn1.svg
Normal file
5
.vuepress/public/landing/images/icn1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.2 KiB |
5
.vuepress/public/landing/images/icn2.svg
Normal file
5
.vuepress/public/landing/images/icn2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.0 KiB |
5
.vuepress/public/landing/images/icn3.svg
Normal file
5
.vuepress/public/landing/images/icn3.svg
Normal file
@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="49px" height="45px" viewBox="0 0 49 45">
|
||||
<path fillRule="evenodd" d="M 41.76 29.07C 41.76 29.07 33.59 29.07 33.59 29.07 32.49 32.19 30.49 34.91 27.85 36.9 27.85 36.9 24.65 39.3 24.65 39.3 24.37 39.52 23.98 39.52 23.69 39.3 23.69 39.3 20.49 36.9 20.49 36.9 17.85 34.91 15.86 32.19 14.75 29.07 14.75 29.07 7.56 29.07 7.56 29.07 3.57 29.11 0.29 25.94 0.19 21.95 0.15 16.74 3.99 12.31 9.15 11.59 8.8 9.8 9.01 7.94 9.73 6.26 11.11 2.97 14.18 0.7 17.73 0.33 22.18-0.06 26.31 2.66 27.7 6.91 28.02 6.75 28.35 6.61 28.69 6.49 34.07 4.56 40.01 7.37 41.93 12.76 42.39 14 42.6 15.31 42.55 16.63 45.29 17.32 48.15 18.72 48.15 22.67 48.15 26.2 45.29 29.07 41.76 29.07ZM 21.45 35.62C 21.45 35.62 24.17 37.66 24.17 37.66 24.17 37.66 26.89 35.62 26.89 35.62 30.56 32.86 32.78 28.59 32.96 24 32.96 24 24.17 20.34 24.17 20.34 24.17 20.34 15.39 24 15.39 24 15.56 28.59 17.79 32.86 21.45 35.62ZM 41.54 18.03C 41.14 17.94 40.88 17.57 40.92 17.17 41.05 15.86 40.88 14.54 40.43 13.3 39.34 10.31 36.73 8.14 33.59 7.6 31.52 7.26 29.39 7.68 27.6 8.78 27.52 8.82 27.44 8.86 27.35 8.88 26.92 8.96 26.49 8.69 26.4 8.25 25.57 4.29 21.9 1.57 17.87 1.92 14.91 2.24 12.35 4.14 11.21 6.89 10.49 8.53 10.38 10.37 10.91 12.08 10.93 12.14 10.94 12.21 10.94 12.27 10.96 12.71 10.62 13.08 10.18 13.1 5.48 13.31 1.78 17.18 1.79 21.87 1.85 25.01 4.42 27.51 7.56 27.47 7.56 27.47 14.27 27.47 14.27 27.47 13.95 26.16 13.78 24.82 13.78 23.47 13.78 23.15 13.97 22.86 14.27 22.74 14.27 22.74 23.86 18.74 23.86 18.74 24.06 18.66 24.28 18.66 24.48 18.74 24.48 18.74 34.07 22.74 34.07 22.74 34.37 22.86 34.56 23.15 34.56 23.47 34.56 24.82 34.4 26.16 34.07 27.47 34.07 27.47 41.76 27.47 41.76 27.47 44.41 27.47 46.55 25.32 46.56 22.67 46.56 20.13 45.15 18.83 41.54 18.03ZM 32.97 10.68C 32.97 10.68 32.97 9.08 32.97 9.08 35.61 9.09 37.76 11.23 37.76 13.88 37.76 13.88 36.16 13.88 36.16 13.88 36.16 12.11 34.73 10.68 32.97 10.68ZM 4.19 20.28C 4.19 20.28 5.79 20.28 5.79 20.28 5.79 22.48 7.58 24.27 9.78 24.27 9.78 24.27 12.18 24.27 12.18 24.27 12.18 24.27 12.18 25.87 12.18 25.87 12.18 25.87 9.78 25.87 9.78 25.87 6.69 25.87 4.19 23.37 4.19 20.28ZM 30.85 24.32C 31.16 24.44 31.37 24.74 31.37 25.07 31.36 28.34 29.82 31.42 27.21 33.39 27.21 33.39 24.65 35.31 24.65 35.31 24.37 35.52 23.98 35.52 23.69 35.31 23.69 35.31 21.13 33.39 21.13 33.39 18.52 31.42 16.99 28.34 16.98 25.07 16.98 24.74 17.18 24.44 17.5 24.32 17.5 24.32 23.89 21.93 23.89 21.93 24.07 21.86 24.27 21.86 24.45 21.93 24.45 21.93 30.85 24.32 30.85 24.32ZM 18.59 25.62C 18.76 28.19 20.04 30.56 22.09 32.11 22.09 32.11 24.17 33.67 24.17 33.67 24.17 33.67 26.25 32.11 26.25 32.11 28.31 30.56 29.58 28.19 29.75 25.62 29.75 25.62 24.17 23.53 24.17 23.53 24.17 23.53 18.59 25.62 18.59 25.62ZM 10.28 32.02C 10.28 32.02 8.73 32.44 8.73 32.44 8.59 31.9 8.47 31.35 8.38 30.8 8.38 30.8 9.96 30.55 9.96 30.55 10.04 31.05 10.15 31.54 10.28 32.02ZM 11.36 34.82C 11.36 34.82 9.93 35.55 9.93 35.55 9.68 35.06 9.45 34.55 9.25 34.03 9.25 34.03 10.74 33.45 10.74 33.45 10.92 33.92 11.13 34.38 11.36 34.82ZM 13 37.34C 13 37.34 11.76 38.35 11.76 38.35 11.41 37.92 11.08 37.47 10.77 37 10.77 37 12.11 36.13 12.11 36.13 12.39 36.55 12.68 36.95 13 37.34ZM 15.13 39.46C 15.13 39.46 14.13 40.71 14.13 40.71 13.69 40.36 13.28 39.99 12.88 39.59 12.88 39.59 14.01 38.46 14.01 38.46 14.37 38.81 14.74 39.15 15.13 39.46ZM 17.65 41.1C 17.65 41.1 16.93 42.53 16.93 42.53 16.43 42.27 15.95 42 15.48 41.69 15.48 41.69 16.35 40.35 16.35 40.35 16.77 40.62 17.21 40.87 17.65 41.1ZM 20.46 42.18C 20.46 42.18 20.05 43.72 20.05 43.72 19.51 43.58 18.98 43.41 18.46 43.21 18.46 43.21 19.03 41.71 19.03 41.71 19.5 41.89 19.98 42.05 20.46 42.18ZM 23.43 42.64C 23.43 42.64 23.35 44.24 23.35 44.24 22.79 44.21 22.24 44.15 21.69 44.07 21.69 44.07 21.93 42.48 21.93 42.48 22.43 42.56 22.93 42.61 23.43 42.64ZM 26.68 44.06C 26.13 44.15 25.58 44.21 25.02 44.24 25.02 44.24 24.94 42.64 24.94 42.64 25.44 42.61 25.94 42.56 26.43 42.49 26.43 42.49 26.68 44.06 26.68 44.06ZM 29.91 43.2C 29.39 43.4 28.86 43.57 28.32 43.72 28.32 43.72 27.91 42.17 27.91 42.17 28.39 42.04 28.87 41.89 29.34 41.71 29.34 41.71 29.91 43.2 29.91 43.2ZM 32.89 41.68C 32.42 41.98 31.93 42.26 31.44 42.52 31.44 42.52 30.71 41.09 30.71 41.09 31.16 40.86 31.59 40.61 32.01 40.34 32.01 40.34 32.89 41.68 32.89 41.68ZM 35.48 39.58C 35.08 39.97 34.67 40.34 34.24 40.69 34.24 40.69 33.23 39.45 33.23 39.45 33.62 39.14 33.99 38.8 34.35 38.45 34.35 38.45 35.48 39.58 35.48 39.58ZM 36.24 36.1C 36.24 36.1 37.58 36.98 37.58 36.98 37.28 37.45 36.95 37.9 36.6 38.33 36.6 38.33 35.36 37.33 35.36 37.33 35.67 36.93 35.97 36.53 36.24 36.1ZM 37.61 33.43C 37.61 33.43 39.1 34 39.1 34 38.9 34.53 38.67 35.04 38.42 35.53 38.42 35.53 37 34.8 37 34.8 37.22 34.36 37.43 33.9 37.61 33.43ZM 38.39 30.53C 38.39 30.53 39.97 30.78 39.97 30.78 39.88 31.33 39.76 31.87 39.62 32.41 39.62 32.41 38.07 32 38.07 32 38.2 31.51 38.31 31.02 38.39 30.53Z" fill="rgb(91,130,253)"/></svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
5
.vuepress/public/landing/images/icn4.svg
Normal file
5
.vuepress/public/landing/images/icn4.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.1 KiB |
5
.vuepress/public/landing/images/icn5.svg
Normal file
5
.vuepress/public/landing/images/icn5.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 6.2 KiB |
5
.vuepress/public/landing/images/icn6.svg
Normal file
5
.vuepress/public/landing/images/icn6.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.4 KiB |
BIN
.vuepress/public/landing/images/icon-svg.png
Executable file
BIN
.vuepress/public/landing/images/icon-svg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 182 B |
BIN
.vuepress/public/landing/images/logo.png
Executable file
BIN
.vuepress/public/landing/images/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 747 B |
BIN
.vuepress/public/landing/images/male-14.jpg
Executable file
BIN
.vuepress/public/landing/images/male-14.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
.vuepress/public/landing/images/mock2.png
Executable file
BIN
.vuepress/public/landing/images/mock2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
.vuepress/public/landing/images/mockup-crm.png
Executable file
BIN
.vuepress/public/landing/images/mockup-crm.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
.vuepress/public/landing/images/mockup.png
Executable file
BIN
.vuepress/public/landing/images/mockup.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
.vuepress/public/landing/images/partners/p1.png
Executable file
BIN
.vuepress/public/landing/images/partners/p1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
.vuepress/public/landing/images/partners/p2.png
Executable file
BIN
.vuepress/public/landing/images/partners/p2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
.vuepress/public/landing/images/partners/p3.png
Executable file
BIN
.vuepress/public/landing/images/partners/p3.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
.vuepress/public/landing/images/partners/p4.png
Executable file
BIN
.vuepress/public/landing/images/partners/p4.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
.vuepress/public/landing/images/partners/p5.png
Executable file
BIN
.vuepress/public/landing/images/partners/p5.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
.vuepress/public/landing/images/profile1.png
Executable file
BIN
.vuepress/public/landing/images/profile1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 601 B |
BIN
.vuepress/public/landing/images/sign-bg.png
Executable file
BIN
.vuepress/public/landing/images/sign-bg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
.vuepress/public/landing/images/testimonial.png
Executable file
BIN
.vuepress/public/landing/images/testimonial.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 762 B |
BIN
.vuepress/public/landing/images/trend.png
Normal file
BIN
.vuepress/public/landing/images/trend.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
.vuepress/public/landing/images/video-bg.png
Executable file
BIN
.vuepress/public/landing/images/video-bg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
.vuepress/public/landing/images/video-thumb.png
Normal file
BIN
.vuepress/public/landing/images/video-thumb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
908
.vuepress/public/landing/index.html
Executable file
908
.vuepress/public/landing/index.html
Executable file
@ -0,0 +1,908 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Kuboard官网_Kubernetes教程_K8S安装_管理界面</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="keywords" content="Kubernetes教程,K8S教程,Kubernetes安装,K8S安装,Kubernetes">
|
||||
<meta name="description" content="Kuboard是一款免费的Kubernetes管理界面_同时该网站还提供Kubernetes安装文档_K8S_部署_入门_免费中文Kubernetes教程_以及在Kubernetes上部署SpringCloud的详细文档">
|
||||
<meta name="author" content="邵欢庆">
|
||||
<link rel="icon" href="/favicon.png">
|
||||
<link rel="stylesheet" href="css/googlefont.css">
|
||||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<!-- Plugins -->
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<link rel="stylesheet" href="css/venobox.css">
|
||||
<!-- Slick Slider-->
|
||||
<link rel="stylesheet" href="js/slick/slick.css">
|
||||
<link rel="stylesheet" href="js/slick/slick-theme.css">
|
||||
<!-- AOS Animate -->
|
||||
<link href="css/aos.css" rel="stylesheet">
|
||||
<!-- Custom Css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Navigation -->
|
||||
<div id="menu_area" class="menu-area fixed-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<nav class="navbar navbar-light navbar-expand-lg mainmenu">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">Kuboard
|
||||
<img src="images/favicon.png" class="logo" alt="" height="60">
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item"> <a class="nav-link" href="#">开始使用</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#features">主要内容</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="#pricing">教程目录</a> </li>
|
||||
<li class="nav-item"> <a class="nav-link" href="/install/install-k8s.html">Kubernetes安装</a> </li>
|
||||
<!-- <li class="nav-item dropdown">
|
||||
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
||||
<li><a href="index.html">Home Page 1</a></li>
|
||||
<li><a href="home2.html">Home Page 2</a></li>
|
||||
<li><a href="home3.html">Home Page 3</a></li>
|
||||
<li><a href="home4.html">Home Page 4</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="blog-single.html">Blog Single</a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
<li class="nav-item"> <a class="btn btn-secondary text-white btn-round btn-nav" data-toggle="modal" data-target="#signup-modal">Signup</a> </li>
|
||||
<li class="nav-item"> <a class="btn btn-primary btn-shadow text-white btn-round btn-nav" data-toggle="modal" data-target="#signin-modal">Login</a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Navigation -->
|
||||
|
||||
<!-- Header -->
|
||||
<header class="fixed-top-added">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-7">
|
||||
<div class="hero-content">
|
||||
<h1 class="text-primary">Kuboard - 微服务管理面板</h1>
|
||||
<p class="text-primary mt-3"><span style="font-weight: 500;">快速在 Kubernetes 上落地微服务。</span>Kuboard 提供：Kubernetes安装脚本，Kubernetes教程、Kubernetes管理面板、SpringCloud在Kubernetes上的实战</p>
|
||||
<ul class="pair-btns-list">
|
||||
<li><a href="/overview/" class="cbtn btn-grad btn-shadow btn-width">开始使用</a></li>
|
||||
<li> <a class="cbtn btn-grad-s btn-shadow btn-width"
|
||||
target="_blank"
|
||||
href="http://demo.kuboard.cn/#/dashboard?k8sToken=eyJhbGciOiJSUzI1NiIsImtpZCI6IiJ9.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlLXN5c3RlbSIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJrdWJvYXJkLXZpZXdlci10b2tlbi1mdGw0diIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50Lm5hbWUiOiJrdWJvYXJkLXZpZXdlciIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VydmljZS1hY2NvdW50LnVpZCI6ImE1YWFiMmQxLTQxMjYtNDU5Yi1hZmNhLTkyYzMwZDk0NTQzNSIsInN1YiI6InN5c3RlbTpzZXJ2aWNlYWNjb3VudDprdWJlLXN5c3RlbTprdWJvYXJkLXZpZXdlciJ9.eYqN3FLIT6xs0-lm8AidZtaiuHeX70QTn9FhJglhEyh5dlyMU5lo8UtR-h1OY8sTSeYdYKJAS83-9SUObKQhp6XNmRgOYAfZblKUy4mvbGVQ3dn_qnzxYxt6zdGCwIY7E34eNNd9IjMF7G_Y4eJLWE7NvkSB1O8zbdn8En9rQXv_xJ9-ugCyr4CYB1lDGuZl3CIXgQ1FWcQdUBrxTT95tzcNTB0l6OUOGhRxOfw-RyIOST83GV5U0iVzxnD4sjgSaJefvCU-BmwXgpxAwRVhFyHEziXXa0CuZfBfJbmnQW308B4wocr4QDm6Nvmli1P3B6Yo9-HNF__d2hCwZEr7eg">
|
||||
在线演示</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px;"><a aria-label="github"><iframe src="https://ghbtns.com/github-btn.html?user=eip-work&repo=kuboard-press&type=star&count=true&size=small" frameborder="0" scrolling="0" width="100px" height="20px" style="display:inline-block;vertical-align:middle;"></iframe></a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-5">
|
||||
<img src="images/hero-img.png" alt="" class="hero-img img-fluid cs-fade-in-up">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- /Header -->
|
||||
|
||||
<!-- Material Pills <Start> -->
|
||||
<div class="bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Why Kuboard?</h1>
|
||||
<p class="text-secondary">第一手 Kubernetes 实战经验，帮助您从 Kubernetes 入门到投产！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="nav nav-pills material-pills nav-border-tabs nav-fill" id="pills-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="cs-pills-one-tab" data-toggle="pill" href="#cs-pills-one" role="tab" aria-controls="cs-pills-one" aria-selected="true">Kubernetes<br>
|
||||
安装文档</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-two-tab" data-toggle="pill" href="#cs-pills-two" role="tab" aria-controls="cs-pills-two" aria-selected="false">Kubernetes<br>
|
||||
免费教程</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-three-tab" data-toggle="pill" href="#cs-pills-three" role="tab" aria-controls="cs-pills-three" aria-selected="false">Kubernetes<br>
|
||||
管理面板</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="cs-pills-five-tab" data-toggle="pill" href="#cs-pills-five" role="tab" aria-controls="cs-pills-five" aria-selected="false">Kubernetes<br>
|
||||
Spring Cloud 实战</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content mt-5" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="cs-pills-one" role="tabpanel" aria-labelledby="cs-pills-one-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text r-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/mockup.png" class="img-fluid" alt="" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-two" role="tabpanel" aria-labelledby="cs-pills-two-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<img src="images/features-5.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Build with Bootstrap 4</h4>
|
||||
<p>CRM used Bootstrap, the most popular HTML, CSS, and JS framework. Thanks to this developers without experience can modify code without any problems.</p>
|
||||
<h4 class="text-primary">More UI Components</h4>
|
||||
<p>They are designed for simple and flexible user interface (UI) rendering. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-three" role="tabpanel" aria-labelledby="cs-pills-three-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-8">
|
||||
<img src="images/dashboard.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="cs-pills-five" role="tabpanel" aria-labelledby="cs-pills-five-tab">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-sm-6 ">
|
||||
<div class="material-pills-text">
|
||||
<h4 class="text-primary">Finds the best Sales leads</h4>
|
||||
<p>
|
||||
We used CSS3 for most of our components to avoid using unnecessary JavaScript libraries. All this to make it fast, reliable and pleasant to use by everyone!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 ">
|
||||
<img src="images/features-2.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Material Pills </End> -->
|
||||
|
||||
<!-- Media Call Action <Start> -->
|
||||
<div class="bg-gray">
|
||||
<div class="container">
|
||||
<div class="call-action-media">
|
||||
<div class="row">
|
||||
<div class="col-sm-8">
|
||||
<div class="media">
|
||||
<div class="media-left"> <img src="/favicon.png" alt="img" class="img-fluid" width="90"> </div>
|
||||
<div class="media-body">
|
||||
<h3 class="text-primary">掌握 Kubernetes，为未来加分！</h3>
|
||||
<p class="call-action-media-text">Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="mt-4"><a href="#" class="cbtn btn-grad btn-width btn-round">立刻开始学习</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Media Call Action </End> -->
|
||||
|
||||
<!-- Features -->
|
||||
<div class="bg-gray py-80" id="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">CRM Features</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Left <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000">
|
||||
<img src="images/icn1.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Quality Resources</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Left </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1200">
|
||||
<img src="images/icn2.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">At solmen va esser</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1400">
|
||||
<img src="images/icn3.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Pronunciation sommun</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600">
|
||||
<img src="images/icn4.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Uniform Grammatica</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<img src="images/icn5.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Omnicos al desirabilite</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- InfoBox Center <Start> -->
|
||||
<div class="cs-infobox-left mt-4" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="2000">
|
||||
<img src="images/icn6.svg" alt="" class="img-fluid">
|
||||
<h4 class="text-primary">Commun Vocabules</h4>
|
||||
<p>Sed ut perspiciatis remque laudan unde omnis iste natus error sit voluptatem accusantium dolo remque laudan tiuotam.</p>
|
||||
</div>
|
||||
<!-- InfoBox Center </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Features -->
|
||||
|
||||
<!-- Video Block & Testimonials -->
|
||||
<div class="py-80 bg-gray">
|
||||
<div class="box-shadow custom-witdth-box">
|
||||
<div class="floated-box">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 text-center">
|
||||
<a class="venobox vbox-item video-play" data-autoplay="true" data-vbtype="video" href="https://youtu.be/kubGCSj5y3k">
|
||||
<img src="images/video-bg.png" alt="" class="img-fluid">
|
||||
<div class="vid-fixed-icn"><img src="images/video-thumb.png" alt="" class="img-fluid"></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="slider single-item">
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/female-75.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/male-14.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-item">
|
||||
<div class="testimonial-default">
|
||||
<div class="testimonial-default-img"><img src="images/29.jpg" alt="" class="center-block img-fluid"></div>
|
||||
<h4>“On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation plu sommun paroles.”</h4>
|
||||
<h5>Martin Loyola - HR at SofTech</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Video Block & Testimonials -->
|
||||
|
||||
<!-- Price Tables -->
|
||||
<div class="py-80" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Best Pricing Plan</h1>
|
||||
<p>Close more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
<ul class="nav nav-pills justify-content-center nav-pills-group" id="pills-tab2" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="pills-home-tab2" data-toggle="pill" href="#pills-home2" role="tab" aria-controls="pills-home2" aria-selected="true">Monthly</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="pills-profile-tab2" data-toggle="pill" href="#pills-profile2" role="tab" aria-controls="pills-profile2" aria-selected="false">Yearly</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content" id="pills-tabContent2">
|
||||
<div class="tab-pane fade show active" id="pills-home2" role="tabpanel" aria-labelledby="pills-home-tab2">
|
||||
<!-- Tab Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Free</h5>
|
||||
<h1><sup>$</sup>0.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Premium</h5>
|
||||
<h1><sup>$</sup>12.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="cbtn btn-grad btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1800">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Advanced</h5>
|
||||
<h1><sup>$</sup>28.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab Content -->
|
||||
</div>
|
||||
<div class="tab-pane fade" id="pills-profile2" role="tabpanel" aria-labelledby="pills-profile-tab2">
|
||||
<!-- Tab2 Content -->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Silver</h5>
|
||||
<h1><sup>$</sup>40.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li class="in-active">Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info btn-grad">
|
||||
<h5 class="text-white">Diamond</h5>
|
||||
<h1 class="text-white"><sup>$</sup>212.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li class="in-active">Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-primary btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<!-- Price-Box <Start> -->
|
||||
<div class="cs-price-card mt-5">
|
||||
<div class="cs-price-card-info">
|
||||
<h5>Gold</h5>
|
||||
<h1><sup>$</sup>128.00<small>Month</small></h1>
|
||||
</div>
|
||||
<div class="cs-price-card-content">
|
||||
<ul class="cs-price-card-features">
|
||||
<li>1 - 5 Users</li>
|
||||
<li>5 GB Upload Size</li>
|
||||
<li>Full Customer Support</li>
|
||||
<li>Free Updates</li>
|
||||
<li>Maximum Protection</li>
|
||||
</ul>
|
||||
<div><a href="#" class="btn btn-light btn-round btn-sm">Get Started</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Price-Box </End> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Tab2 Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Price Tables -->
|
||||
|
||||
<!-- Twitter widgets -->
|
||||
<div class=" bg-gray py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">What our users say</h1>
|
||||
<p>With CRM, your team can now use AI-based lead scoring.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="embed-tweet-item">
|
||||
<blockquote class="twitter-tweet" data-cards="hidden" lang="en" data-width="550" data-link-color="#7642FF" data-align="center">
|
||||
<a href="https://twitter.com/hemeon/status/988494146628448257"></a>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="embed-tweet-item">
|
||||
<blockquote class="twitter-tweet" data-cards="hidden" lang="en" data-width="550" data-link-color="#7642FF" data-align="center">
|
||||
<a href="https://twitter.com/dcancel/status/965995722129764353"></a>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="embed-tweet-item">
|
||||
<blockquote class="twitter-tweet" data-cards="hidden" lang="en" data-width="550" data-link-color="#7642FF" data-align="center">
|
||||
<a href="https://twitter.com/csallen/status/984811026544713728"></a>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Twitter widgets -->
|
||||
|
||||
<!-- Partners -->
|
||||
<div class="py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Trusted by Most Popular Brands</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<ul class="partners-horiz-list clearfix">
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="800"><img src="images/partners/p1.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1000"><img src="images/partners/p2.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1300"><img src="images/partners/p3.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1600"><img src="images/partners/p4.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
<li class="partners-horiz-item" data-aos="flip-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1900"><img src="images/partners/p5.png" class="img-fluid partner-img" alt="partner"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Partners-->
|
||||
|
||||
<!-- Webinars -->
|
||||
<div class="bg-gray py-80" id="webinars">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="section-head text-center">
|
||||
<h1 class="text-primary">Upcoming Webinars</h1>
|
||||
<p>WiClose more deals than ever, automatice lead captures,in-built phone,smart alerts with push notifcations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<!-- Webnair Card <Start> -->
|
||||
<div class="card cs-webnair-card" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="1500">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-primary">Li Europan lingues es membres delsam</h4>
|
||||
<p class="card-text">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa.</p>
|
||||
<div class="media">
|
||||
<img class="mr-3" src="images/profile1.png" alt="image" width="50" height="50">
|
||||
<div class="media-body">
|
||||
<h5><small>By</small> Fuge Hamlinton</h5>
|
||||
Marketing Manager, TSW
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="webnair-date">
|
||||
<h5>Apr</h5>
|
||||
<h2>18</h2>
|
||||
<p>10:30AM IST</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="my-4 text-center">
|
||||
<a href="#" class="btn btn-primary btn-round">Im Interested <i class="fa fa-long-arrow-right" ></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Webnair Card </End> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Webinars -->
|
||||
|
||||
<!-- Call Action - Primary<Start> -->
|
||||
<div class="call-action-primary py-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="call-action-primary-content text-center">
|
||||
<h1 class="text-white mb-3 call-action-head">Join our CRM for Free?</h1>
|
||||
<p class="text-white call-action-text">Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica</p>
|
||||
|
||||
<form class="mt-5 ">
|
||||
<div class="input-group call-action-primary-search">
|
||||
<input type="text" class="form-control call-action-primary-input" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="call-action-primary-btn ">Get Started</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Call Action - Primary</End> -->
|
||||
|
||||
<!-- Animated Dots -->
|
||||
<div class="dots">
|
||||
<div class="dot one"></div>
|
||||
<div class="dot two"></div>
|
||||
<div class="dot three"></div>
|
||||
<div class="dot four"></div>
|
||||
<div class="dot five"></div>
|
||||
<div class="dot six"></div>
|
||||
<div class="dot seven"></div>
|
||||
<div class="dot eight"></div>
|
||||
<div class="dot nine"></div>
|
||||
<div class="dot ten"></div>
|
||||
</div>
|
||||
<!-- Animated Dots -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">About Product</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">Pricing</a></li>
|
||||
<li><a href="#" title="Link">Terms and Conditions</a></li>
|
||||
<li><a href="#" title="Link">Privacy Policy</a></li>
|
||||
<li><a href="#" title="Link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Useful Links</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">License</a></li>
|
||||
<li><a href="#" title="Link">Press Resources</a></li>
|
||||
<li><a href="#" title="Link">API</a></li>
|
||||
<li><a href="#" title="Link">Open Source</a></li>
|
||||
<li><a href="#" title="Link">Download</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Company</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">About us</a></li>
|
||||
<li><a href="#" title="Link">Careers</a></li>
|
||||
<li><a href="#" title="Link">Startup Program</a></li>
|
||||
<li><a href="#" title="Link">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6 col-md-4 col-lg-3">
|
||||
<h4 class="footer-head">Contact Us</h4>
|
||||
<ul class="footer-links">
|
||||
<li><a href="#" title="Link">ohdearui@gmail.com</a></li>
|
||||
<li><a href="#" title="Link">www.ohdearui.com</a></li>
|
||||
</ul>
|
||||
<h4 class="footer-head">Follow Us</h4>
|
||||
<ul class="footer-share-it">
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-facebook"><i class="fa fa-facebook"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-twitter"><i class="fa fa-twitter"></i></a></li>
|
||||
<li class="shate-it-item"><a href="#" class="btn btn-share-sm bg-google"><i class="fa fa-google-plus"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright-bar clearfix">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h1 class="mt-0 mb-0 text-primary">CRM</h1>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="copy-text">© 2018 OhdearCRM. All Right Recerved.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- Signin Modal -->
|
||||
<div class="modal cs-modal" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered " role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" ">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="sign-form m-0 p-5">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h2 class="sign-form-head text-center">LOGIN</h2>
|
||||
<form>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
<p><a href="#" class="text-primary"> Create Account</a> <a href="#" class="float-right text-primary">Forgot Password <i class="fa fa-question-circle ml-1"></i></a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Signup Modal -->
|
||||
<div class="modal cs-modal" id="signup-modal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg modal-full" role="document">
|
||||
<div class="modal-content custom-modal-content">
|
||||
<div class=" bg-gray ">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pr-0 h-100 hide-sm">
|
||||
<div class="">
|
||||
<div class="sign-left-box">
|
||||
<h2 class="text-center">CRM</h2>
|
||||
<p class="text-center">With CRM, your team can now use AI-based lead scoring email, activity capture and more.</p>
|
||||
<ul class="list-unstyled mt-5">
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-1-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Service Cloud</h4>
|
||||
<p class="text-white">Sell smarter and faster with the world’s #1 CRM solution.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media my-4">
|
||||
<img class="mr-3" src="images/icn-2-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Sales Cloud</h4>
|
||||
<p class="text-white">Support every customer.<br> Anytime. Anywhere.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="media">
|
||||
<img class="mr-3" src="images/icn-3-white.svg" alt="Generic placeholder image">
|
||||
<div class="media-body">
|
||||
<h4 class="text-white">Marketing Cloud</h4>
|
||||
<p class="text-white">The future of marketing is 1-to-1 customer journeys. </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="close-modal cs-fade-in-up" data-dismiss="modal" aria-label="Close">
|
||||
<svg class="arrow-icon-svg" width="23" height="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 16">
|
||||
<path fillRule="evenodd" d="M 7.75 0.53C 8.04 0.22 8.53 0.22 8.84 0.53 9.13 0.83 9.3 1.7 9 2 9 2 4 7 4 7 4 7 22 7 22 7 22.43 7 22.35 7.56 22.35 7.99 22.35 8.42 22.43 9 22 9 22 9 4 9 4 9 4 9 9 14 9 14 9.3 14.31 9.13 15.16 8.84 15.46 8.53 15.77 8.04 15.77 7.75 15.46 7.75 15.46 0.89 8.54 0.89 8.54 0.59 8.24 0.59 7.75 0.89 7.45 0.89 7.45 7.75 0.53 7.75 0.53Z" fill="rgb(255,255,255)"/></svg> Back to Home</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 cpl-0 h-100 ">
|
||||
<div class="sign-form">
|
||||
<div class="show-sm modal-fixed-close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times-circle"></i></div>
|
||||
<h4 class="sign-form-head text-center">Signup and Start your Trail</h4>
|
||||
<form>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Full Name" required >
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M22.9 16.2c.1-.1.1-.3.1-.4-.2-.8-.5-1.4-.9-1.9s-1-1-1.7-1.4c-.2-.1-.6-.3-1.3-.6-.6-.2-1.1-.4-1.4-.6-.3-.2-.6-.4-.7-.7-.1-.4.1-1 .5-1.7 1.5-2.3 1.8-4.3.8-5.9-.3-.6-.7-1.1-1.3-1.5-.6-.3-1.3-.5-2-.5s-1.4.2-2 .5c-.6.4-1.1.8-1.5 1.5-1 1.6-.7 3.6.8 5.9.5.7.7 1.3.5 1.7-.1.2-.2.4-.5.6-.2.2-.5.3-.7.4-.2.1-.5.2-.9.4-.6.3-1.1.4-1.3.6-.7.4-1.3.9-1.7 1.4-.2.4-.5 1-.7 1.8 0 .1 0 .3.1.4l.3.3c1.6.3 4.1.5 7.6.5 2.3 0 4.2-.1 5.8-.3.2 0 .4 0 .6-.1.2 0 .4-.1.5-.1l.3-.1h.30000000000000004c.2 0 .3-.1.4-.2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Email Address" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M15 11.9c-.9 0-1.7-.2-2.3-.7l-5.7-4.4v8.1c0 .1 0 .3.1.4.1.1.2.2.3.2 2.5.4 5 .5 7.5.5s5-.2 7.5-.5c.1 0 .3-.1.4-.2.2-.1.2-.3.2-.4v-8.1l-5.7 4.4c-.6.5-1.4.7-2.3.7zm-1.3-2.3c.3.3.8.4 1.3.4s1-.1 1.3-.4l6.1-4.7c.3-.3.5-.6.6-1v-.8c0-.1 0-.3-.1-.4-.1-.1-.2-.2-.4-.2-2.5-.3-5-.5-7.5-.5s-5 .2-7.5.5c-.1 0-.2.1-.3.2-.2.1-.2.3-.2.4v.9c.1.3.3.6.6 1l6.1 4.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Company Name" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path d="M17,20v4h6q0-9-.46-13.55A15.6,15.6,0,0,0,22,7.29a1.1,1.1,0,0,0-1-.8A36.33,36.33,0,0,0,15,6a36.43,36.43,0,0,0-6,.48,1.15,1.15,0,0,0-1.07.84,15.29,15.29,0,0,0-.49,3.11Q7,15.15,7,24h6V20ZM19,9v3H16V9Zm0,5v3H16V14ZM14,9v3H11V9Zm0,5v3H11V14Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="Password" required>
|
||||
<svg class="svgIcon fill-smoke--d" width="30" height="30" viewBox="0 -6 30 30" enable-background="new 0 -6 30 30">
|
||||
<path d="M21.6 8.3c-.2-.2-.5-.3-.9-.3h-.7v-2.6c0-1.3-.5-2.4-1.4-3.2-.9-.8-2.1-1.2-3.6-1.2s-2.7.4-3.6 1.2c-.9.8-1.4 1.9-1.4 3.2v2.6h-.7c-.3 0-.7.1-.9.4-.3.2-.4.5-.4.8v6.1c0 .3.1.5.3.7.2.2.4.3.7.4 1.9.4 3.9.6 6 .6 2 0 4-.2 5.9-.6.3-.1.5-.2.7-.4.2-.2.3-.4.3-.7v-6.1c.1-.3 0-.6-.3-.9zm-8.6-2.4c0-1.3.7-1.9 2-1.9s2 .6 2 1.9v2.1h-4v-2.1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<div class="input-group mb-3 uiIcon">
|
||||
<input type="text" class="input form-control" placeholder="CRM Name" aria-label="Recipient's username" aria-describedby="basic-addon2">
|
||||
<svg class="svgIcon fill-smoke--d" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path d="M7 15c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8zm4.3 1.1h-2.4c.3 2.1 1.6 3.8 3.5 4.6-.6-1.2-1-3-1.1-4.6zm0-2.2c.1-1.6.5-3.3 1-4.5-1.8.9-3.1 2.4-3.5 4.5h2.5zm5.6 2.2h-3.9c.2 3.2 1.6 5.2 1.9 5.2.5 0 1.8-2 2-5.2zm-1.9-7.5c-.3 0-1.7 1.6-1.9 5.3h3.8c-.2-3.7-1.5-5.3-1.9-5.3zm2.7.8c.6 1.2.9 2.9 1 4.5h2.4c-.3-2.1-1.6-3.7-3.4-4.5zm3.4 6.7h-2.4c-.1 1.6-.5 3.4-1 4.6 1.8-.9 3.1-2.5 3.4-4.6z"></path></svg>
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="basic-addon2">.crm.com</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary btn-block">Signup for Free</button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="sign-form-text">
|
||||
By signing up, you agree to our <a href="#">T&C</a> and <a href="#">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Modal -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#0" class="cd-top js-cd-top"><i class="fa fa-angle-up"></i></a>
|
||||
<!-- Back to Top ends-->
|
||||
|
||||
<script src="js/jquery-2.2.4.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/pace.min.js"></script>
|
||||
<!-- Plugins -->
|
||||
<script src="js/back-to-top.js"></script>
|
||||
<!-- Venobox Lightbox slider -->
|
||||
<script src="js/venobox.min.js"></script>
|
||||
<!-- Slick Slider -->
|
||||
<script src="js/slick/slick.min.js"></script>
|
||||
<!-- AOS Animate -->
|
||||
<script src="js/aos/2.1.1/aos.js"></script>
|
||||
<!-- Custom JS -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
2
.vuepress/public/landing/js/aos/2.1.1/aos.js
Normal file
2
.vuepress/public/landing/js/aos/2.1.1/aos.js
Normal file
File diff suppressed because one or more lines are too long
75
.vuepress/public/landing/js/back-to-top.js
Executable file
75
.vuepress/public/landing/js/back-to-top.js
Executable file
@ -0,0 +1,75 @@
|
||||
(function(){
|
||||
var backTop = document.getElementsByClassName('js-cd-top')[0],
|
||||
// browser window scroll (in pixels) after which the "back to top" link is shown
|
||||
offset = 300,
|
||||
//browser window scroll (in pixels) after which the "back to top" link opacity is reduced
|
||||
offsetOpacity = 1200,
|
||||
scrollDuration = 700
|
||||
scrolling = false;
|
||||
if( backTop ) {
|
||||
//update back to top visibility on scrolling
|
||||
window.addEventListener("scroll", function(event) {
|
||||
if( !scrolling ) {
|
||||
scrolling = true;
|
||||
(!window.requestAnimationFrame) ? setTimeout(checkBackToTop, 250) : window.requestAnimationFrame(checkBackToTop);
|
||||
}
|
||||
});
|
||||
//smooth scroll to top
|
||||
backTop.addEventListener('click', function(event) {
|
||||
event.preventDefault();
|
||||
(!window.requestAnimationFrame) ? window.scrollTo(0, 0) : scrollTop(scrollDuration);
|
||||
});
|
||||
}
|
||||
|
||||
function checkBackToTop() {
|
||||
var windowTop = window.scrollY || document.documentElement.scrollTop;
|
||||
( windowTop > offset ) ? addClass(backTop, 'cd-top--show') : removeClass(backTop, 'cd-top--show', 'cd-top--fade-out');
|
||||
( windowTop > offsetOpacity ) && addClass(backTop, 'cd-top--fade-out');
|
||||
scrolling = false;
|
||||
}
|
||||
|
||||
function scrollTop(duration) {
|
||||
var start = window.scrollY || document.documentElement.scrollTop,
|
||||
currentTime = null;
|
||||
|
||||
var animateScroll = function(timestamp){
|
||||
if (!currentTime) currentTime = timestamp;
|
||||
var progress = timestamp - currentTime;
|
||||
var val = Math.max(Math.easeInOutQuad(progress, start, -start, duration), 0);
|
||||
window.scrollTo(0, val);
|
||||
if(progress < duration) {
|
||||
window.requestAnimationFrame(animateScroll);
|
||||
}
|
||||
};
|
||||
|
||||
window.requestAnimationFrame(animateScroll);
|
||||
}
|
||||
|
||||
Math.easeInOutQuad = function (t, b, c, d) {
|
||||
t /= d/2;
|
||||
if (t < 1) return c/2*t*t + b;
|
||||
t--;
|
||||
return -c/2 * (t*(t-2) - 1) + b;
|
||||
};
|
||||
|
||||
//class manipulations - needed if classList is not supported
|
||||
function hasClass(el, className) {
|
||||
if (el.classList) return el.classList.contains(className);
|
||||
else return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
|
||||
}
|
||||
function addClass(el, className) {
|
||||
var classList = className.split(' ');
|
||||
if (el.classList) el.classList.add(classList[0]);
|
||||
else if (!hasClass(el, classList[0])) el.className += " " + classList[0];
|
||||
if (classList.length > 1) addClass(el, classList.slice(1).join(' '));
|
||||
}
|
||||
function removeClass(el, className) {
|
||||
var classList = className.split(' ');
|
||||
if (el.classList) el.classList.remove(classList[0]);
|
||||
else if(hasClass(el, classList[0])) {
|
||||
var reg = new RegExp('(\\s|^)' + classList[0] + '(\\s|$)');
|
||||
el.className=el.className.replace(reg, ' ');
|
||||
}
|
||||
if (classList.length > 1) removeClass(el, classList.slice(1).join(' '));
|
||||
}
|
||||
})();
|
||||
7
.vuepress/public/landing/js/bootstrap.min.js
vendored
Executable file
7
.vuepress/public/landing/js/bootstrap.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
4
.vuepress/public/landing/js/jquery-2.2.4.min.js
vendored
Executable file
4
.vuepress/public/landing/js/jquery-2.2.4.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
124
.vuepress/public/landing/js/main.js
Executable file
124
.vuepress/public/landing/js/main.js
Executable file
@ -0,0 +1,124 @@
|
||||
/*
|
||||
Copyright (c) 2018
|
||||
[Custom Script]
|
||||
Template Name : CRM
|
||||
Version : 1.0
|
||||
Author :
|
||||
Author URI :
|
||||
Support :
|
||||
*/
|
||||
|
||||
$(function () {
|
||||
|
||||
"use strict";
|
||||
|
||||
/*-----------------------------------
|
||||
* NAVBAR CLOSE ON CLICK
|
||||
*-----------------------------------*/
|
||||
|
||||
$('.navbar-nav > li:not(.dropdown) > a').on('click', function () {
|
||||
$('.navbar-collapse').collapse('hide');
|
||||
});
|
||||
|
||||
|
||||
|
||||
/*-----------------------------------
|
||||
* ONE PAGE NAV - SMOOTH SCROLLING
|
||||
*-----------------------------------*/
|
||||
|
||||
// Select all links with hashes
|
||||
$('.navbar-nav .nav-link')
|
||||
// Remove links that don't actually link to anything
|
||||
.not('[href="#"]')
|
||||
.not('[href="#0"]')
|
||||
.on('click', function (event) {
|
||||
// On-page links
|
||||
if (
|
||||
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
|
||||
location.hostname == this.hostname
|
||||
) {
|
||||
// Figure out element to scroll to
|
||||
var target = $(this.hash);
|
||||
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
|
||||
// Does a scroll target exist?
|
||||
if (target.length) {
|
||||
// Only prevent default if animation is actually gonna happen
|
||||
event.preventDefault();
|
||||
$('html, body').animate({
|
||||
scrollTop: target.offset().top - 40
|
||||
}, 700, function () {
|
||||
// Callback after animation
|
||||
// Must change focus!
|
||||
var $target = $(target);
|
||||
$target.focus();
|
||||
if ($target.is(":focus")) { // Checking if the target was focused
|
||||
return false;
|
||||
} else {
|
||||
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
|
||||
$target.focus(); // Set focus again
|
||||
};
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
/*-----------------------------------
|
||||
*Dropdown Multilevel Menu
|
||||
*-----------------------------------*/
|
||||
$('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
|
||||
if (!$(this).next().hasClass('show')) {
|
||||
$(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
|
||||
}
|
||||
var $subMenu = $(this).next(".dropdown-menu");
|
||||
$subMenu.toggleClass('show');
|
||||
|
||||
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
|
||||
$('.dropdown-submenu .show').removeClass("show");
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
/*-----------------------------------
|
||||
/* Venobox Lightbox slider
|
||||
*-----------------------------------*/
|
||||
$('.venobox').venobox();
|
||||
|
||||
/*-----------------------------------
|
||||
/* Slick Slider
|
||||
*-----------------------------------*/
|
||||
$('.single-item').slick({
|
||||
dots: true,
|
||||
infinite: false,
|
||||
speed: 300,
|
||||
autoplay: true
|
||||
});
|
||||
|
||||
/*-----------------------------------
|
||||
/*AOS Animate
|
||||
*-----------------------------------*/
|
||||
AOS.init({
|
||||
easing: 'ease-out-back',
|
||||
duration: 1000
|
||||
});
|
||||
/*-----------------------------------
|
||||
* Twitter Widget
|
||||
*-----------------------------------*/
|
||||
// window.twttr = (function (d, s, id) {
|
||||
// var js, fjs = d.getElementsByTagName(s)[0],
|
||||
// t = window.twttr || {};
|
||||
// if (d.getElementById(id)) return t;
|
||||
// js = d.createElement(s);
|
||||
// js.id = id;
|
||||
// js.src = "https://platform.twitter.com/widgets.js";
|
||||
// fjs.parentNode.insertBefore(js, fjs);
|
||||
|
||||
// t._e = [];
|
||||
// t.ready = function (f) {
|
||||
// t._e.push(f);
|
||||
// };
|
||||
|
||||
// return t;
|
||||
// }(document, "script", "twitter-wjs"));
|
||||
|
||||
|
||||
});
|
||||
2
.vuepress/public/landing/js/pace.min.js
vendored
Executable file
2
.vuepress/public/landing/js/pace.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
5
.vuepress/public/landing/js/popper.min.js
vendored
Executable file
5
.vuepress/public/landing/js/popper.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
BIN
.vuepress/public/landing/js/slick/ajax-loader.gif
Executable file
BIN
.vuepress/public/landing/js/slick/ajax-loader.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
10
.vuepress/public/landing/js/slick/config.rb
Executable file
10
.vuepress/public/landing/js/slick/config.rb
Executable file
@ -0,0 +1,10 @@
|
||||
css_dir = "."
|
||||
sass_dir = "."
|
||||
images_dir = "."
|
||||
fonts_dir = "fonts"
|
||||
relative_assets = true
|
||||
|
||||
output_style = :compact
|
||||
line_comments = false
|
||||
|
||||
preferred_syntax = :scss
|
||||
BIN
.vuepress/public/landing/js/slick/fonts/slick.eot
Executable file
BIN
.vuepress/public/landing/js/slick/fonts/slick.eot
Executable file
Binary file not shown.
14
.vuepress/public/landing/js/slick/fonts/slick.svg
Executable file
14
.vuepress/public/landing/js/slick/fonts/slick.svg
Executable file
@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by Fontastic.me</metadata>
|
||||
<defs>
|
||||
<font id="slick" horiz-adv-x="512">
|
||||
<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
|
||||
<glyph unicode="→" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="←" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="•" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
|
||||
<glyph unicode="a" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
BIN
.vuepress/public/landing/js/slick/fonts/slick.ttf
Executable file
BIN
.vuepress/public/landing/js/slick/fonts/slick.ttf
Executable file
Binary file not shown.
BIN
.vuepress/public/landing/js/slick/fonts/slick.woff
Executable file
BIN
.vuepress/public/landing/js/slick/fonts/slick.woff
Executable file
Binary file not shown.
204
.vuepress/public/landing/js/slick/slick-theme.css
Executable file
204
.vuepress/public/landing/js/slick/slick-theme.css
Executable file
@ -0,0 +1,204 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('./ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('./fonts/slick.eot');
|
||||
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
168
.vuepress/public/landing/js/slick/slick-theme.less
Executable file
168
.vuepress/public/landing/js/slick/slick-theme.less
Executable file
@ -0,0 +1,168 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
// Default Variables
|
||||
|
||||
@slick-font-path: "./fonts/";
|
||||
@slick-font-family: "slick";
|
||||
@slick-loader-path: "./";
|
||||
@slick-arrow-color: white;
|
||||
@slick-dot-color: black;
|
||||
@slick-dot-color-active: @slick-dot-color;
|
||||
@slick-prev-character: "←";
|
||||
@slick-next-character: "→";
|
||||
@slick-dot-character: "•";
|
||||
@slick-dot-size: 6px;
|
||||
@slick-opacity-default: 0.75;
|
||||
@slick-opacity-on-hover: 1;
|
||||
@slick-opacity-not-active: 0.25;
|
||||
|
||||
/* Slider */
|
||||
.slick-loading .slick-list{
|
||||
background: #fff url('@{slick-loader-path}ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
&:hover, &:focus {
|
||||
outline: none;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
&:before {
|
||||
opacity: @slick-opacity-on-hover;
|
||||
}
|
||||
}
|
||||
&.slick-disabled:before {
|
||||
opacity: @slick-opacity-not-active;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-prev:before, .slick-next:before {
|
||||
font-family: @slick-font-family;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
color: @slick-arrow-color;
|
||||
opacity: @slick-opacity-default;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
& when ( @slick-font-family = 'slick' ) {
|
||||
/* Icons */
|
||||
@font-face {
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('@{slick-font-path}slick.eot');
|
||||
src: url('@{slick-font-path}slick.eot?#iefix') format('embedded-opentype'), url('@{slick-font-path}slick.woff') format('woff'), url('@{slick-font-path}slick.ttf') format('truetype'), url('@{slick-font-path}slick.svg#slick') format('svg');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: -25px;
|
||||
[dir="rtl"] & {
|
||||
left: auto;
|
||||
right: -25px;
|
||||
}
|
||||
&:before {
|
||||
content: @slick-prev-character;
|
||||
[dir="rtl"] & {
|
||||
content: @slick-next-character;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: -25px;
|
||||
[dir="rtl"] & {
|
||||
left: -25px;
|
||||
right: auto;
|
||||
}
|
||||
&:before {
|
||||
content: @slick-next-character;
|
||||
[dir="rtl"] & {
|
||||
content: @slick-prev-character;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
|
||||
.slick-dotted .slick-slider {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
&:hover, &:focus {
|
||||
outline: none;
|
||||
&:before {
|
||||
opacity: @slick-opacity-on-hover;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: @slick-dot-character;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: @slick-font-family;
|
||||
font-size: @slick-dot-size;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: @slick-dot-color;
|
||||
opacity: @slick-opacity-not-active;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
||||
&.slick-active button:before {
|
||||
color: @slick-dot-color-active;
|
||||
opacity: @slick-opacity-default;
|
||||
}
|
||||
}
|
||||
}
|
||||
194
.vuepress/public/landing/js/slick/slick-theme.scss
Executable file
194
.vuepress/public/landing/js/slick/slick-theme.scss
Executable file
@ -0,0 +1,194 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
// Default Variables
|
||||
|
||||
// Slick icon entity codes outputs the following
|
||||
// "\2190" outputs ascii character "←"
|
||||
// "\2192" outputs ascii character "→"
|
||||
// "\2022" outputs ascii character "•"
|
||||
|
||||
$slick-font-path: "./fonts/" !default;
|
||||
$slick-font-family: "slick" !default;
|
||||
$slick-loader-path: "./" !default;
|
||||
$slick-arrow-color: white !default;
|
||||
$slick-dot-color: black !default;
|
||||
$slick-dot-color-active: $slick-dot-color !default;
|
||||
$slick-prev-character: "\2190" !default;
|
||||
$slick-next-character: "\2192" !default;
|
||||
$slick-dot-character: "\2022" !default;
|
||||
$slick-dot-size: 6px !default;
|
||||
$slick-opacity-default: 0.75 !default;
|
||||
$slick-opacity-on-hover: 1 !default;
|
||||
$slick-opacity-not-active: 0.25 !default;
|
||||
|
||||
@function slick-image-url($url) {
|
||||
@if function-exists(image-url) {
|
||||
@return image-url($url);
|
||||
}
|
||||
@else {
|
||||
@return url($slick-loader-path + $url);
|
||||
}
|
||||
}
|
||||
|
||||
@function slick-font-url($url) {
|
||||
@if function-exists(font-url) {
|
||||
@return font-url($url);
|
||||
}
|
||||
@else {
|
||||
@return url($slick-font-path + $url);
|
||||
}
|
||||
}
|
||||
|
||||
/* Slider */
|
||||
|
||||
.slick-list {
|
||||
.slick-loading & {
|
||||
background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@if $slick-font-family == "slick" {
|
||||
@font-face {
|
||||
font-family: "slick";
|
||||
src: slick-font-url("slick.eot");
|
||||
src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
&:hover, &:focus {
|
||||
outline: none;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
&:before {
|
||||
opacity: $slick-opacity-on-hover;
|
||||
}
|
||||
}
|
||||
&.slick-disabled:before {
|
||||
opacity: $slick-opacity-not-active;
|
||||
}
|
||||
&:before {
|
||||
font-family: $slick-font-family;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
color: $slick-arrow-color;
|
||||
opacity: $slick-opacity-default;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: -25px;
|
||||
[dir="rtl"] & {
|
||||
left: auto;
|
||||
right: -25px;
|
||||
}
|
||||
&:before {
|
||||
content: $slick-prev-character;
|
||||
[dir="rtl"] & {
|
||||
content: $slick-next-character;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: -25px;
|
||||
[dir="rtl"] & {
|
||||
left: -25px;
|
||||
right: auto;
|
||||
}
|
||||
&:before {
|
||||
content: $slick-next-character;
|
||||
[dir="rtl"] & {
|
||||
content: $slick-prev-character;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
|
||||
.slick-dotted.slick-slider {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
&:hover, &:focus {
|
||||
outline: none;
|
||||
&:before {
|
||||
opacity: $slick-opacity-on-hover;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: $slick-dot-character;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: $slick-font-family;
|
||||
font-size: $slick-dot-size;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: $slick-dot-color;
|
||||
opacity: $slick-opacity-not-active;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
||||
&.slick-active button:before {
|
||||
color: $slick-dot-color-active;
|
||||
opacity: $slick-opacity-default;
|
||||
}
|
||||
}
|
||||
}
|
||||
119
.vuepress/public/landing/js/slick/slick.css
Executable file
119
.vuepress/public/landing/js/slick/slick.css
Executable file
@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
3004
.vuepress/public/landing/js/slick/slick.js
Executable file
3004
.vuepress/public/landing/js/slick/slick.js
Executable file
File diff suppressed because it is too large
Load Diff
100
.vuepress/public/landing/js/slick/slick.less
Executable file
100
.vuepress/public/landing/js/slick/slick.less
Executable file
@ -0,0 +1,100 @@
|
||||
/* Slider */
|
||||
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
}
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading & {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.slick-slide {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
[dir="rtl"] & {
|
||||
float: right;
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
&.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
display: none;
|
||||
|
||||
&.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized & {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading & {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical & {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
1
.vuepress/public/landing/js/slick/slick.min.js
vendored
Executable file
1
.vuepress/public/landing/js/slick/slick.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
100
.vuepress/public/landing/js/slick/slick.scss
Executable file
100
.vuepress/public/landing/js/slick/slick.scss
Executable file
@ -0,0 +1,100 @@
|
||||
/* Slider */
|
||||
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
}
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading & {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.slick-slide {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
[dir="rtl"] & {
|
||||
float: right;
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
&.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
display: none;
|
||||
|
||||
&.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized & {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading & {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical & {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
12
.vuepress/public/landing/js/venobox.min.js
vendored
Executable file
12
.vuepress/public/landing/js/venobox.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
1088
.vuepress/public/landing/js/vivus.js
Executable file
1088
.vuepress/public/landing/js/vivus.js
Executable file
File diff suppressed because it is too large
Load Diff
@ -6,6 +6,7 @@ p img {
|
||||
max-width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
|
||||
.sidebar-group.is-sub-group > .sidebar-heading:not(.clickable) {
|
||||
font-size: 1em !important;
|
||||
opacity: 1 !important;
|
||||
|
||||
@ -5,15 +5,25 @@
|
||||
</div>
|
||||
<div class="page-nav" style="max-width: 1000px; margin: auto;">
|
||||
<div class="tip custom-block" style=" padding: 1rem; margin-top: 0;">
|
||||
<div style="display: inline-block; vertical-align: top;">
|
||||
<li><span style="color: red; font-weight: 500;">免费</span> Kubernetes 教程，绝不降低品质</li>
|
||||
<div style="display: inline-block; vertical-align: top; line-height: 1.6rem;">
|
||||
<li>
|
||||
我想看到 <span style="color: red;">更多更好的 Kubernetes 免费内容</span>，
|
||||
<span style="color: red; font-weight: 500;">免费</span>
|
||||
Kubernetes 教程，绝不降低品质
|
||||
</li>
|
||||
<li>
|
||||
鼓励作者尽快完成 Kubernetes 教程 <span style="color: red; font-weight: 500;">剩下的 {{$themeConfig.incompleteRatio}}% </span>，
|
||||
所以我要
|
||||
<a href="https://github.com/eip-work/kuboard-press" target="_blank" @click="$sendGaEvent('GithubStar', '页头求GitHubStar', 'GitHubStar: ' + $page.path)">给一个 Github Star <OutboundLink/></a>
|
||||
以鼓励作者
|
||||
</li>
|
||||
<!-- <li><Qq></Qq> <span style="color: red; font-weight: 500;">在线答疑</span>，也可以扫描本文末尾的二维码加群</li> -->
|
||||
<li>
|
||||
<Qq></Qq>
|
||||
群号: 808894550
|
||||
<span style="font-weight: 500;">在线答疑</span>，
|
||||
初学者可选择在线课程，语言更通俗：
|
||||
<span @click="$sendGaEvent('极客时间', '极客时间', '极客时间：' + $page.path)">
|
||||
<a target="_blank" href="https://time.geekbang.org/column/intro/100015201?code=MH1Wu456g0ZsrKtQI7QidivKV2hVvzerAUxDz5pOuQs%3D">深入剖析Kubernetes</a>
|
||||
</span>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -103,6 +103,9 @@ Kubernetes教程的主要依据是：Kubernetes 官网文档，以及使用 Kubo
|
||||
* <a href="https://kuboard.cn/learning/k8s-advanced/schedule/">调度</a>
|
||||
* <a href="https://kuboard.cn/learning/k8s-advanced/schedule/tuning.html">调度调优</a>
|
||||
* <a href="https://kuboard.cn/learning/k8s-advanced/schedule/framework.html">调度框架</a>
|
||||
* 策略
|
||||
* <a href="https://kuboard.cn/learning/k8s-advanced/policy/lr.html">Limit Range</a>
|
||||
* <a href="https://kuboard.cn/learning/k8s-advanced/policy/rq.html">Resource Quota</a>
|
||||
* 安全
|
||||
* 监控
|
||||
* 联邦
|
||||
|
||||
@ -3,7 +3,7 @@ server {
|
||||
|
||||
location / {
|
||||
root /usr/share/nginx/html;
|
||||
index index.html index.htm;
|
||||
index /landing.html;
|
||||
}
|
||||
|
||||
error_page 404 500 502 503 504 /404.html;
|
||||
|
||||
@ -30,7 +30,7 @@ meta:
|
||||
|
||||
## 前提
|
||||
|
||||
安装 Kuboard 时，假设您已经有一个 Kubernetes 集群
|
||||
Kuboard 是基于一款基于 Kubernetes 的微服务管理面板。安装 Kuboard 时，假设您已经有一个 Kubernetes 集群
|
||||
|
||||
如果没有 Kubernetes 集群：
|
||||
|
||||
|
||||
@ -45,33 +45,15 @@ Kubernetes Dashboard 当前，只支持使用 Bearer Token登录。
|
||||
|
||||
> 更多关于权限管理的信息，请参考 [Using RBAC Authorization](https://kubernetes.io/docs/reference/access-authn-authz/rbac/)
|
||||
|
||||
* 创建 Service Account
|
||||
|
||||
``` yaml
|
||||
apiVersion: v1
|
||||
kind: ServiceAccount
|
||||
metadata:
|
||||
name: admin-user
|
||||
namespace: kubernetes-dashboard
|
||||
```
|
||||
|
||||
* 创建 ClusterRoleBinding
|
||||
* 创建 Service Account 和 ClusterRoleBinding
|
||||
|
||||
使用 `kubeadm` 安装集群时，默认创建了 ClusterRole `cluster-admin`。此时我们可以直接为刚才的 ServiceAccount 创建 ClusterRoleBinding。
|
||||
|
||||
``` yaml
|
||||
apiVersion: rbac.authorization.k8s.io/v1
|
||||
kind: ClusterRoleBinding
|
||||
metadata:
|
||||
name: admin-user
|
||||
roleRef:
|
||||
apiGroup: rbac.authorization.k8s.io
|
||||
kind: ClusterRole
|
||||
name: cluster-admin
|
||||
subjects:
|
||||
- kind: ServiceAccount
|
||||
name: admin-user
|
||||
namespace: kubernetes-dashboard
|
||||
<<< @/.vuepress/public/install-script/k8s-dashboard/auth.yaml
|
||||
|
||||
执行如下命令可创建 ServiceAccount 和 ClusterRoleBinding
|
||||
``` sh
|
||||
kubectl apply -f https://kuboard.cn/install-script/k8s-dashboard/auth.yaml
|
||||
```
|
||||
|
||||
* 获取Bearer Token
|
||||
|
||||
@ -29,7 +29,7 @@ meta:
|
||||
|
||||
# 使用kubeadm安装kubernetes_v1.16.2
|
||||
|
||||
<!-- <AdSenseTitle/> -->
|
||||
<AdSenseTitle/>
|
||||
|
||||
<!-- <StoryBook>
|
||||
<div slot="introduction"> -->
|
||||
@ -115,14 +115,15 @@ meta:
|
||||
|
||||
安装后的拓扑图如下：<span v-on:click="$sendGaEvent('下载拓扑图-kubernetes', '下载拓扑图-kubernetes', 'Download-install-kubernetes.html')"><a :href="$withBase('/kuboard.rp')" download="www.kuboard.cn.rp">下载拓扑图源文件</a></span> <font color="#999">使用Axure RP 9.0可打开该文件</font>
|
||||
|
||||
强烈建议初学者先按照此文档完成安装，在对 K8S 有更多理解后，再参考文档 [安装Kubernetes高可用](./install-kubernetes.html)
|
||||
|
||||
<p style="max-width: 720px;">
|
||||
<img src="/images/topology/k8s.png" style="max-width: 100%;" alt="Kubernetes安装：Kubernetes安装拓扑图">
|
||||
</p>
|
||||
|
||||
::: tip
|
||||
**关于二进制安装**
|
||||
::: tip 关于二进制安装
|
||||
|
||||
鉴于目前已经有比较方便的办法获得 kubernetes 镜像，我将回避 ***二进制*** 安装是否更好的争论。本文采用 kubernetes.io 官方推荐的 kubeadm 工具安装 kubernetes 集群。
|
||||
kubeadm 是 Kubernetes 官方支持的安装方式，“二进制” 不是。本文档采用 kubernetes.io 官方推荐的 kubeadm 工具安装 kubernetes 集群。
|
||||
|
||||
:::
|
||||
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
---
|
||||
vssueId: 107
|
||||
description: Kubernetes升级1.16.x。本文描述了如何从 kubernetes v1.15.x（或1.16.x）升级到 Kubernetes v1.16.y，前提是，您的 Kubernetes 集群是使用 kubeadm 安装的。
|
||||
metaTitle: Kubernetes高危漏洞及解决办法（CVE-2019-11253）
|
||||
meta:
|
||||
- name: keywords
|
||||
content: Kubernetes升级,K8S升级,升级Kuberentes1.16.x,Kubernetes升级到1.16
|
||||
---
|
||||
|
||||
# Kubernetes高危漏洞及解决办法（CVE-2019-11253）
|
||||
<!-- # K8S从1.15.x(1.16.x)升级到 1.16.x -->
|
||||
# K8S从1.15.x(1.16.x)升级到 1.16.x
|
||||
|
||||
<AdSenseTitle/>
|
||||
|
||||
|
||||
@ -112,6 +112,7 @@ meta:
|
||||
* [调度框架](/learning/k8s-advanced/schedule/framework.html)
|
||||
* 策略
|
||||
* [Limit Range](/learning/k8s-advanced/policy/lr.html)
|
||||
* [Resource Quota](/learning/k8s-advanced/policy/rq.html)
|
||||
* 安全
|
||||
* 监控
|
||||
* 联邦
|
||||
|
||||
@ -1,15 +1,47 @@
|
||||
---
|
||||
# vssueId: 135
|
||||
vssueId: 144
|
||||
layout: LearningLayout
|
||||
description: Kubernetes教程_
|
||||
description: Kubernetes教程_当多个用户或团队共享一个节点数量有限的集群时_如何在多个用户或团队之间分配集群的资源就会变得非常重要_Resource_quota的用途便在于此
|
||||
meta:
|
||||
- name: keywords
|
||||
content: Kubernetes
|
||||
---
|
||||
|
||||
# Resource Quotas
|
||||
# 概述
|
||||
|
||||
<AdSenseTitle />
|
||||
<AdSenseTitle >
|
||||
|
||||
> 参考文档：[Resource Quota](https://kubernetes.io/docs/concepts/policy/resource-quotas/)
|
||||
|
||||
正在撰写 ...
|
||||
当多个用户（团队）共享一个节点数量有限的集群时，如何在多个用户（团队）之间分配集群的资源就会变得非常重要。Resource quota 的用途便在于此。
|
||||
|
||||
</AdSenseTitle>
|
||||
|
||||
## 资源配额
|
||||
|
||||
资源配额（Resource quota）通过 `ResourceQuota` 对象定义，可以限定单个名称空间中可使用的计算资源的总量。限定的方式有：
|
||||
* 按对象类型限定名称空间中可创建的对象的总数
|
||||
* 按对象类型限定名称空间中可消耗的计算资源
|
||||
|
||||
资源配额（Resource quota）的工作方式描述如下：
|
||||
|
||||
* 不同的用户（团队）使用不同的名称空间。如果通过 ACL（权限控制），可以强制用户只能访问特定的名称空间
|
||||
* 集群管理员为每个名称空间创建一个 `ResourceQuota` 对象
|
||||
* 用户在名称空间中创建对象（Pod、Service等），ResourceQuota 系统跟踪对象的资源使用情况，并确保不会超过 `ResourceQuota` 对象中定义的配额
|
||||
* 如果创建或更新对象时与 `ResourceQuota` 冲突，则 apiserver 会返回 HTTP 状态码 403，以及对应的错误提示信息
|
||||
* 如果在名称空间中为计算资源 `CPU` 和 `内存` 激活 `ResourceQuota`，用户在创建对象（Pod、Service等）时，必须指定 requests 和 limits。
|
||||
> 使用 [LimitRange](./lr.html) 可以为没有定义 requests、limits 的对象强制添加默认值
|
||||
|
||||
下面是一些使用 `ResourceQuota` 的场景描述：
|
||||
* 在一个总容量为 32GiB 内存、16核CPU 的集群里，允许 teamA 使用 20GiB内存、10核CPU，允许 teamB 使用 10GiB 内存、4核CPU，保留 2GiB 内存和 2核CPU 待将来分配
|
||||
* 限定 “Testing” 名称空间使用 1核CPU、1GiB内存，允许 “Production” 名称空间使用任意数量的计算资源
|
||||
|
||||
当集群中总的容量小于名称空间资源配额的总和时，可能会发生资源争夺。此时 Kubernetes 集群将按照先到先得的方式分配资源。
|
||||
|
||||
无论是资源争夺还是修改名称空间的资源配额（ResourceQuota），都不会影响到已经创建的对象。
|
||||
|
||||
## 启用ResourceQuota
|
||||
|
||||
Kubernetes集群中默认启用 ResourceQuota。如果没有，可在启动 apiserver 时为参数 `--enable-admission-plugins` 添加 `ResourceQuota` 配置项。
|
||||
|
||||
在名称空间中定义一个 `ResourceQuota` 对象，就可以激活该名称空间的资源配额检查。
|
||||
|
||||
87
learning/k8s-advanced/policy/rq_types.md
Normal file
87
learning/k8s-advanced/policy/rq_types.md
Normal file
@ -0,0 +1,87 @@
|
||||
---
|
||||
vssueId: 144
|
||||
layout: LearningLayout
|
||||
description: Kubernetes教程_当多个用户或团队共享一个节点数量有限的集群时_如何在多个用户或团队之间分配集群的资源就会变得非常重要_Resource_quota的用途便在于此_本文探索了可以通过ResourceQuota限定的资源类型。
|
||||
meta:
|
||||
- name: keywords
|
||||
content: Kubernetes
|
||||
---
|
||||
|
||||
# 资源类型
|
||||
|
||||
<AdSenseTitle >
|
||||
|
||||
> 参考文档：[Resource Quota](https://kubernetes.io/docs/concepts/policy/resource-quotas/)
|
||||
|
||||
当多个用户（团队）共享一个节点数量有限的集群时，如何在多个用户（团队）之间分配集群的资源就会变得非常重要。Resource quota 的用途便在于此。本文主要探索通过 ResourceQuota 限定名称空间的计算资源配额、存储资源配额、对象数量配额。
|
||||
|
||||
[[TOC]]
|
||||
|
||||
</AdSenseTitle>
|
||||
|
||||
## 计算资源配额
|
||||
|
||||
通过 `ResourceQuota` 可以限定名称空间中可以使用的 [计算资源](/learning/k8s-intermediate/config/computing-resource.html) 的总量。支持的计算资源定义类型如下：
|
||||
|
||||
| 资源名称 | 描述 |
|
||||
| --------------- | ------------------------------------------------------------ |
|
||||
| limits.cpu | 名称空间中，所有非终止状态（non-terminal）的 Pod 的 CPU限制`resources.limits.cpu`之和不能超过此值 |
|
||||
| limits.memory | 名称空间中，所有非终止状态（non-terminal）的 Pod 的内存限制`resources.limits.memory`之和不能超过此值 |
|
||||
| requests.cpu | 名称空间中，所有非终止状态（non-terminal）的 Pod 的 CPU请求`resources.requrest.cpu`之和不能超过此值 |
|
||||
| requests.memory | 名称空间中，所有非终止状态（non-terminal）的 Pod 的 CPU请求 `resources.requests.memory`之和不能超过此值 |
|
||||
|
||||
<!--FIXME 扩展资源的配额 -->
|
||||
|
||||
## 存储资源配额
|
||||
|
||||
通过 `ResourceQuota` 可以：
|
||||
* 限定名称空间中可以使用的 [存储资源](/learning/k8s-intermediate/persistent/pv.html) 的总量
|
||||
* 限定名称空间中可以使用的某个 [存储类](/learning/k8s-intermediate/persistent/storage-class.html) 存储资源的总量
|
||||
|
||||
|
||||
|
||||
| 资源名称 | 描述 |
|
||||
| ------------------------------------------------------------ | ------------------------------------------------------------ |
|
||||
| requests.storage | 名称空间中，所有存储卷声明（PersistentVolumeClaim）请求的存储总量不能超过此值 |
|
||||
| persistentvolumeclaims | 名称空间中，可以创建的 [存储卷声明（PersistentVolumeClaim）](/learning/k8s-intermediate/persistent/pv.html#存储卷和存储卷声明的关系)的总数不能超过此值 |
|
||||
| \<storage-class-name\>.storageclass<br/>.storage.k8s.io/requests.storage | 名称空间中，所有与指定存储类（StorageClass）关联的存储卷声明（PersistentVolumeClaim）请求的存储总量不能超过此值 |
|
||||
| \<storage-class-name\>.storageclass<br/>.storage.k8s.io/persistentvolumeclaims | 名称空间中，所有与指定存储类（StorageClass）关联的存储卷声明（PersistentVolumeClaim）的总数不能超过此值 |
|
||||
|
||||
例如，假设管理员想要对存储类 `gold` 和存储类 `bronze` 做不同的配额限定，那么，可以按如下方式定义 `ResourceQuota`：
|
||||
* `gold.storageclass.storage.k8s.io/requests.storage: 500Gi`
|
||||
* `bronze.storageclass.storage.k8s.io/requests.storage: 100Gi`
|
||||
|
||||
在 Kubernetes v1.8 中，引入了本地短时存储（local ephemeral storage）的资源配额设置 <Badge type="error">Alpha</Badge>
|
||||
|
||||
| 资源名称 | 描述 |
|
||||
| -------------------------- | ------------------------------------------------------------ |
|
||||
| requests.ephemeral-storage | 名称空间中，所有 Pod 的本地短时存储（local ephemeral storage）请求的总和不能超过此值 |
|
||||
| limits.ephemeral-storage | 名称空间中，所有 Pod 的本地短时存储（local ephemeral storage）限定的总和不能超过此值 |
|
||||
|
||||
|
||||
## 对象数量配额
|
||||
|
||||
从 Kubernetes v1.9 开始，支持使用如下格式的限定名称空间中标准类型对象的总数量：
|
||||
* `count/<resource>.<group>`
|
||||
|
||||
下面是一些例子：
|
||||
|
||||
* `count/persistentvolumeclaims`
|
||||
* `count/services`
|
||||
* `count/secrets`
|
||||
* `count/configmaps`
|
||||
* `count/replicationcontrollers`
|
||||
* `count/deployments.apps`
|
||||
* `count/replicasets.apps`
|
||||
* `count/statefulsets.apps`
|
||||
* `count/jobs.batch`
|
||||
* `count/cronjobs.batch`
|
||||
* `count/deployments.extensions`
|
||||
|
||||
Kubernetes v1.15 开始，支持使用相同的格式限定名称空间中自定义资源（CustomResource）对象的总量。例如，为 `example.com` API group 中的自定义资源（CustomResource） `widgets` 限定对象数量总数的配额，可以使用 `count/widgets.example.com`。
|
||||
|
||||
当使用 `count/*` 的方式限定对象总数的配额时，只要对象存储在 apiserver 中，无论其状态如何，该对象就被计数。 此类配额限定可以保护 apiserver 的存储空间不被过度消耗。例如，
|
||||
* 您可能需要限定名称空间中 [Secret](/learning/k8s-intermediate/config/secrets/) 的总数，因为他们通常占用的存储空间比较大。集群中如果存在大量的 Secret 对象，可能会导致 apiserver 或者控制器（Controller）启动失败
|
||||
* 您可能也需要限定名称空间中 [Job](/learning/k8s-intermediate/workload/wl-job/) 对象的个数，以避免某个配置错误的 [cronjob](/learning/k8s-intermediate/workload/wl-cronjob/) 创建了太多的 Job，造成了拒绝服务（denial of service）的情况
|
||||
|
||||
<!--FIXME Prior to the 1.9 release, it was possible to do generic object count quota on a limited set of resources. In addition, it is possible to further constrain quota for particular resources by their type. -->
|
||||
@ -44,8 +44,8 @@ PersistentVolumeClaim（PVC 存储卷声明）代表用户使用存储的请求
|
||||
* PersistentVolumeClaim 是使用该资源的请求，通常由应用程序提出请求，并指定对应的 StorageClass 和需求的空间大小
|
||||
* PersistentVolumeClaim 可以做为数据卷的一种，被挂载到容器组/容器中使用
|
||||
|
||||
<p>
|
||||
<img src="./pv.assets/image-20190906074512760.png" style="max-width: 400px; padding: 10px;" alt="Kubernetes教程：存储卷PersistentVolume"/>
|
||||
<p style="max-width: 360px;">
|
||||
<img src="./pv.assets/image-20190906074512760.png" style="max-width: 100%; padding: 10px;" alt="Kubernetes教程：存储卷PersistentVolume"/>
|
||||
</p>
|
||||
|
||||
## 存储卷声明的管理过程
|
||||
@ -56,8 +56,8 @@ PersistantVolume 和 PersistantVolumeClaim 的管理过程描述如下：
|
||||
> * Pod 中添加数据卷，数据卷关联PVC
|
||||
> * Pod 中包含容器，容器挂载数据卷
|
||||
|
||||
<p>
|
||||
<img src="./pv.assets/image-20191016133601950.png" style="max-width: 720px; padding: 10px;" alt="Kubernetes教程：存储卷/存储卷声明的管理过程"/>
|
||||
<p style="max-width: 720px;">
|
||||
<img src="./pv.assets/image-20191016133601950.png" style="max-width: 100%; padding: 10px;" alt="Kubernetes教程：存储卷/存储卷声明的管理过程"/>
|
||||
</p>
|
||||
|
||||
|
||||
@ -70,8 +70,8 @@ PersistantVolume 和 PersistantVolumeClaim 的管理过程描述如下：
|
||||
集群管理员实现创建好一系列 PersistentVolume，它们包含了可供集群中应用程序使用的关于实际存储的具体信息。
|
||||
> Kuboard界面上暂时禁用了手工创建 PV 的功能，但是您仍然可以使用 YAML 文件创建，并在PVC中使用。
|
||||
|
||||
<p>
|
||||
<img src="./pv.assets/image-20191016151323906.png" style="max-width: 720px; padding: 10px;" alt="Kubernetes教程：存储卷/存储卷声明_静态提供存储卷"/>
|
||||
<p style="max-width: 720px;">
|
||||
<img src="./pv.assets/image-20191016151323906.png" style="max-width: 100%; padding: 10px;" alt="Kubernetes教程：存储卷/存储卷声明_静态提供存储卷"/>
|
||||
</p>
|
||||
|
||||
|
||||
@ -79,8 +79,8 @@ PersistantVolume 和 PersistantVolumeClaim 的管理过程描述如下：
|
||||
|
||||
在配置有合适的 StorageClass（存储类）且 PersistentVolumeClaim 关联了该 StorageClass 的情况下，kubernetes 集群可以为应用程序动态创建 PersistentVolume。
|
||||
|
||||
<p>
|
||||
<img src="./pv.assets/image-20191016151308410.png" style="max-width: 720px; padding: 10px;" alt="Kubernetes教程：存储卷/存储卷声明_动态提供存储卷"/>
|
||||
<p style="max-width: 720px;">
|
||||
<img src="./pv.assets/image-20191016151308410.png" style="max-width: 100%; padding: 10px;" alt="Kubernetes教程：存储卷/存储卷声明_动态提供存储卷"/>
|
||||
</p>
|
||||
|
||||
### 绑定 Binding
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
---
|
||||
lessAds: true
|
||||
lessAds: false
|
||||
vssueId: 8
|
||||
description: Kuboard是一款免费的Kubernetes管理界面_同时该网站还提供Kubernetes安装文档_在线答疑_K8S_部署_入门_免费中文Kubernetes教程_以及在Kubernetes上部署SpringCloud的详细文档
|
||||
meta:
|
||||
|
||||
Reference in New Issue
Block a user