update
This commit is contained in:
@@ -0,0 +1,346 @@
|
||||
- var theme_customizer = true;
|
||||
- var sidebar = true;
|
||||
- var slick = true;
|
||||
- var header_slider = true;
|
||||
- var apex = true;
|
||||
- var dashboard_5 = true;
|
||||
- var animate = true;
|
||||
- var scrollbar = true;
|
||||
doctype html
|
||||
html(lang='en')
|
||||
include ../../components/header-files
|
||||
body
|
||||
include ../../components/loader
|
||||
include ../../components/taptop
|
||||
// page-wrapper Start
|
||||
#pageWrapper.page-wrapper.compact-wrapper
|
||||
include ../../components/header
|
||||
// Page Body Start
|
||||
.page-body-wrapper
|
||||
include ../../components/sidebar
|
||||
.page-body
|
||||
.container-fluid
|
||||
.page-title
|
||||
.row
|
||||
.col-6
|
||||
h3
|
||||
| Social
|
||||
.col-6
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
svg.stroke-icon
|
||||
use(href='../assets/svg/icon-sprite.svg#stroke-home')
|
||||
li.breadcrumb-item Dashboard
|
||||
li.breadcrumb-item.active Social
|
||||
// Container-fluid starts
|
||||
.container-fluid
|
||||
.row
|
||||
.col-xxl-3.col-ed-4.col-xl-4.box-col-4
|
||||
.row
|
||||
.col-xl-12.col-md-6
|
||||
.card.social-profile
|
||||
.card-body
|
||||
.social-img-wrap
|
||||
.social-img
|
||||
img(src="../assets/images/dashboard-5/profile.png", alt="profile")
|
||||
.edit-icon
|
||||
svg
|
||||
use(href='../assets/svg/icon-sprite.svg#profile-check')
|
||||
.social-details
|
||||
h5.mb-1
|
||||
a(href="social-app.html") Brooklyn Simmons
|
||||
span.f-light @brookly.simmons
|
||||
ul.social-follow
|
||||
li
|
||||
h5.mb-0 1,908
|
||||
span.f-light Posts
|
||||
li
|
||||
h5.mb-0 34.0k
|
||||
span.f-light Followers
|
||||
li
|
||||
h5.mb-0 897
|
||||
span.f-light Following
|
||||
.col-xl-12.col-md-6
|
||||
.card.mobile-app-card
|
||||
.card-header.card-no-border.pb-0
|
||||
h5.mb-3
|
||||
span.f-16.f-light Have you Tried Our
|
||||
| Mobile Application?
|
||||
button.purchase-btn.btn.btn-primary.btn-hover-effect.f-w-500(type="button") Try Now
|
||||
.card-body.p-0.text-end
|
||||
img.wavy(src="../assets/images/dashboard-5/wave.png", alt="")
|
||||
img(src="../assets/images/dashboard-5/mobile-img.png", alt="")
|
||||
.col-xxl-6.col-ed-8.col-xl-8.box-col-8e
|
||||
.row
|
||||
.col-md-4.col-sm-6
|
||||
.card.social-widget.widget-hover
|
||||
.card-body
|
||||
.d-flex.align-items-center.justify-content-between
|
||||
div.d-flex.align-items-center.gap-2
|
||||
.social-icons
|
||||
img(src="../assets/images/dashboard-5/social/1.png", alt="facebook icon")
|
||||
span Facebook
|
||||
span.font-success.f-12.d-xxl-block.d-xl-none +22.9%
|
||||
.social-content
|
||||
div
|
||||
h5.mb-1 12,098
|
||||
span.f-light Followers
|
||||
.social-chart
|
||||
#radial-facebook
|
||||
.col-md-4.col-sm-6
|
||||
.card.social-widget.widget-hover
|
||||
.card-body
|
||||
.d-flex.align-items-center.justify-content-between
|
||||
div.d-flex.align-items-center.gap-2
|
||||
.social-icons
|
||||
img(src="../assets/images/dashboard-5/social/2.png", alt="instagram icon")
|
||||
span Instagram
|
||||
span.font-success.f-12.d-xxl-block.d-xl-none +27.4%
|
||||
.social-content
|
||||
div
|
||||
h5.mb-1 15,080
|
||||
span.f-light Followers
|
||||
.social-chart
|
||||
#radial-instagram
|
||||
.col-md-4
|
||||
.card.social-widget.widget-hover
|
||||
.card-body
|
||||
.d-flex.align-items-center.justify-content-between
|
||||
div.d-flex.align-items-center.gap-2
|
||||
.social-icons
|
||||
img(src="../assets/images/dashboard-5/social/3.png", alt="twitter icon")
|
||||
span Twitter
|
||||
span.font-success.f-12.d-xxl-block.d-xl-none +14.09%
|
||||
.social-content
|
||||
div
|
||||
h5.mb-1 12,564
|
||||
span.f-light Followers
|
||||
.social-chart
|
||||
#radial-twitter
|
||||
.col-md-8
|
||||
.card
|
||||
.card-header.card-no-border
|
||||
.header-top
|
||||
h5.m-0 Instagram Subscribers
|
||||
span.f-14.f-w-500.ms-1.f-light
|
||||
| (75% activity growth)
|
||||
.card-header-right-icon
|
||||
.dropdown.icon-dropdown
|
||||
button#subscribeButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
|
||||
i.icon-more-alt
|
||||
.dropdown-menu.dropdown-menu-end(aria-labelledby='subscribeButton')
|
||||
a.dropdown-item(href='#') Today
|
||||
a.dropdown-item(href='#') Tomorrow
|
||||
a.dropdown-item(href='#') Yesterday
|
||||
.card-body.pt-0
|
||||
.subscriber-chart-container
|
||||
#subscriber-chart
|
||||
.col-md-4
|
||||
.row
|
||||
.col-md-12.col-sm-6
|
||||
.card.click-widgets.widget-hover
|
||||
.card-body
|
||||
.dropdown.icon-dropdown.text-end
|
||||
button#photoButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
|
||||
i.icon-more-alt
|
||||
.dropdown-menu.dropdown-menu-end(aria-labelledby='photoButton')
|
||||
a.dropdown-item(href='#') Today
|
||||
a.dropdown-item(href='#') Tomorrow
|
||||
a.dropdown-item(href='#') Yesterday
|
||||
.d-flex.justify-content-around
|
||||
.click-chart
|
||||
#photo-click
|
||||
div
|
||||
h4.mb-0 %76
|
||||
span.f-light.d-block.my-1 Photo Clicks
|
||||
span.font-success +72.9%
|
||||
.col-md-12.col-sm-6
|
||||
.card.click-widgets.widget-hover
|
||||
.card-body
|
||||
.dropdown.icon-dropdown.text-end
|
||||
button#clickButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
|
||||
i.icon-more-alt
|
||||
.dropdown-menu.dropdown-menu-end(aria-labelledby='clickButton')
|
||||
a.dropdown-item(href='#') Today
|
||||
a.dropdown-item(href='#') Tomorrow
|
||||
a.dropdown-item(href='#') Yesterday
|
||||
.d-flex.justify-content-around
|
||||
.click-chart
|
||||
#link-click
|
||||
div
|
||||
h4.mb-0 %89
|
||||
span.f-light.d-block.my-1 Link Clicks
|
||||
span.font-secondary 79.9%
|
||||
.col-xl-3.col-ed-none.d-xxl-block.d-lg-none.box-col-none
|
||||
.row
|
||||
.col-lg-12.col-sm-6
|
||||
.card
|
||||
.card-header.card-no-border
|
||||
.header-top.gap-1
|
||||
h5 Follower Gender
|
||||
.dropdown.icon-dropdown
|
||||
button#followerdropdown.btn.dropdown-toggle(type='button' data-bs-toggle='dropdown' aria-expanded='false')
|
||||
i.icon-more-alt
|
||||
.dropdown-menu.dropdown-menu-end(aria-labelledby='followerdropdown')
|
||||
a.dropdown-item(href='#') Weekly
|
||||
a.dropdown-item(href='#') Monthly
|
||||
a.dropdown-item(href='#') Yearly
|
||||
.card-body.pt-0
|
||||
.follower-chart
|
||||
#followerchart
|
||||
.col-lg-12.col-sm-6
|
||||
.card.follower-wrap
|
||||
.card-header.card-no-border
|
||||
h5.mb-1 Facebook Campaign
|
||||
div.d-inline-block.badge.badge-light-success.rounded-pill Active
|
||||
.card-body.pt-0.papernote-wrap
|
||||
ul.campaign-list
|
||||
li
|
||||
.campaign-box
|
||||
h5.mb-1 1,897
|
||||
span.f-light Followers today
|
||||
li
|
||||
.campaign-box
|
||||
h5.mb-1 50,000
|
||||
span.f-light Followers goals
|
||||
.customers
|
||||
ul
|
||||
li.d-inline-block
|
||||
img.img-40.rounded-circle(src="../assets/images/dashboard/user/1.jpg", alt="user")
|
||||
li.d-inline-block
|
||||
img.img-40.rounded-circle(src="../assets/images/dashboard/user/6.jpg", alt="user")
|
||||
li.d-inline-block
|
||||
img.img-40.rounded-circle(src="../assets/images/dashboard/user/7.jpg", alt="user")
|
||||
li.d-inline-block
|
||||
img.img-40.rounded-circle(src="../assets/images/dashboard/user/3.jpg", alt="user")
|
||||
li.d-inline-block
|
||||
img.img-40.rounded-circle(src="../assets/images/dashboard/user/8.jpg", alt="user")
|
||||
li.d-inline-block
|
||||
.light-card
|
||||
span.f-w-500 +5
|
||||
.col-xl-7
|
||||
.card
|
||||
.card-header.card-no-border
|
||||
.header-top
|
||||
h5.m-0 All Campaigns
|
||||
.card-header-right-icon
|
||||
.dropdown.icon-dropdown
|
||||
button#allcampButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
|
||||
i.icon-more-alt
|
||||
.dropdown-menu.dropdown-menu-end(aria-labelledby='allcampButton')
|
||||
a.dropdown-item(href='#') Today
|
||||
a.dropdown-item(href='#') Tomorrow
|
||||
a.dropdown-item(href='#') Yesterday
|
||||
.card-body.pt-0.campaign-table
|
||||
.recent-table.table-responsive.currency-table
|
||||
table.table
|
||||
thead
|
||||
tr
|
||||
th.f-light AD Platform
|
||||
th.f-light Campaign
|
||||
th.f-light GEO
|
||||
th.f-light Profitability
|
||||
th.f-light Max Participation Avai.
|
||||
th.f-light Status
|
||||
th.f-light Create
|
||||
tbody
|
||||
tr
|
||||
td.border-icon.facebook
|
||||
div
|
||||
.social-circle
|
||||
i.fa.fa-facebook
|
||||
td Jane Cooper
|
||||
td UK
|
||||
td
|
||||
.change-currency
|
||||
i.font-success.me-1(data-feather="trending-up")
|
||||
| 45.6%
|
||||
td $9,786
|
||||
td
|
||||
button.btn.badge-light-primary Active
|
||||
td
|
||||
button.plus-btn +
|
||||
tr
|
||||
td.border-icon.instagram
|
||||
div
|
||||
.social-circle
|
||||
i.fa.fa-instagram
|
||||
td Floyd Miles
|
||||
td DE
|
||||
td
|
||||
.change-currency
|
||||
i.font-danger.me-1(data-feather="trending-down")
|
||||
| 12.3%
|
||||
td $19,7098
|
||||
td
|
||||
button.btn.badge-light-primary Active
|
||||
td
|
||||
button.plus-btn +
|
||||
tr
|
||||
td.border-icon.pinterest
|
||||
div
|
||||
.social-circle
|
||||
i.fa.fa-pinterest
|
||||
td Guy Hawkins
|
||||
td ES
|
||||
td
|
||||
.change-currency
|
||||
i.font-success.me-1(data-feather="trending-up")
|
||||
| 65.6%
|
||||
td $90,986
|
||||
td
|
||||
button.btn.badge-light-primary Active
|
||||
td
|
||||
button.plus-btn +
|
||||
tr
|
||||
td.border-icon.twitter
|
||||
div
|
||||
.social-circle
|
||||
i.fa.fa-twitter
|
||||
td Travis Wright
|
||||
td ES
|
||||
td
|
||||
.change-currency
|
||||
i.font-danger.me-1(data-feather="trending-down")
|
||||
| 35.6%
|
||||
td $23,654
|
||||
td
|
||||
button.btn.badge-light-light.disabled Inactive
|
||||
td
|
||||
button.plus-btn +
|
||||
tr
|
||||
td.border-icon.you-tube
|
||||
div
|
||||
.social-circle
|
||||
i.fa.fa-youtube-play
|
||||
td Mark Green
|
||||
td UK
|
||||
td
|
||||
.change-currency
|
||||
i.font-success.me-1(data-feather="trending-up")
|
||||
| 45.6%
|
||||
td $12,796
|
||||
td
|
||||
button(type="button").btn.badge-light-light.disabled Inactive
|
||||
td
|
||||
button(type="button").plus-btn +
|
||||
.col-xl-5
|
||||
.card
|
||||
.card-header.card-no-border
|
||||
.header-top
|
||||
h5.m-0 Views
|
||||
.card-header-right-icon
|
||||
.dropdown
|
||||
button#viewButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
|
||||
| Today
|
||||
.dropdown-menu.dropdown-menu-end(aria-labelledby='viewButton')
|
||||
a.dropdown-item(href='#') Today
|
||||
a.dropdown-item(href='#') Tomorrow
|
||||
a.dropdown-item(href='#') Yesterday
|
||||
.card-body.pt-0
|
||||
.view-container
|
||||
#view
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user