687 lines
32 KiB
HTML
687 lines
32 KiB
HTML
<!--
|
|
=========================================================
|
|
* Blk• Design System Pro - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/blk-design-system-pro
|
|
* Copyright 2019 Creative Tim (http://www.creative-tim.com)
|
|
|
|
* Coded by www.creative-tim.com
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
-->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="../../../static/blk-pro/assets/img/apple-icon.png">
|
|
<link rel="icon" type="image/png" href="../../../static/blk-pro/assets/img/favicon.png">
|
|
<title>
|
|
Blk• Design System Pro by Creative Tim
|
|
</title>
|
|
<!-- Fonts and icons -->
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800" rel="stylesheet" />
|
|
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
|
|
<!-- Nucleo Icons -->
|
|
<link href="../../../static/blk-pro/assets/css/nucleo-icons.css" rel="stylesheet" />
|
|
<!-- CSS Files -->
|
|
<link href="../../../static/blk-pro/assets/css/blk-design-system-pro.css?v=1.0.0" rel="stylesheet" />
|
|
<!-- CSS Just for demo purpose, don't include it in your project -->
|
|
<link href="../../../static/blk-pro/assets/demo/demo.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body class="ecommerce-page">
|
|
<!-- Navbar -->
|
|
<nav class="navbar navbar-expand-lg fixed-top navbar-transparent " color-on-scroll="300">
|
|
<div class="container">
|
|
<div class="navbar-translate">
|
|
<a class="navbar-brand" href="https://demos.creative-tim.com/blk-design-system-pro/index.html" rel="tooltip" title="Designed and Coded by Creative Tim" data-placement="bottom" target="_blank">
|
|
<span>BLK•</span> Design System PRO
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-bar bar1"></span>
|
|
<span class="navbar-toggler-bar bar2"></span>
|
|
<span class="navbar-toggler-bar bar3"></span>
|
|
</button>
|
|
</div>
|
|
<div class="collapse navbar-collapse" id="navigation">
|
|
<div class="navbar-collapse-header">
|
|
<div class="row">
|
|
<div class="col-6 collapse-brand">
|
|
<a>
|
|
BLK•
|
|
<span> PRO </span>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 collapse-close text-right">
|
|
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
|
|
<i class="tim-icons icon-simple-remove"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="dropdown nav-item">
|
|
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
|
|
<i class="fa fa-cogs d-lg-none d-xl-none"></i> Getting started
|
|
</a>
|
|
<div class="dropdown-menu dropdown-with-icons">
|
|
<a href="../index.html" class="dropdown-item">
|
|
<i class="tim-icons icon-paper"></i> Components
|
|
</a>
|
|
<a href="../presentation.html" class="dropdown-item">
|
|
<i class="tim-icons icon-bullet-list-67"></i>Presentation Page
|
|
</a>
|
|
<a href="https://demos.creative-tim.com/blk-design-system-pro/docs/1.0/getting-started/overview.html" class="dropdown-item">
|
|
<i class="tim-icons icon-book-bookmark"></i>Documentation
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
|
|
<i class="tim-icons icon-paper" aria-hidden="true"></i>
|
|
<p>Sections</p>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="../sections.html#headers">
|
|
<i class="tim-icons icon-app"></i> Headers
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#features">
|
|
<i class="tim-icons icon-settings"></i> Features
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#blogs">
|
|
<i class="tim-icons icon-align-left-2"></i> Blogs
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#teams">
|
|
<i class="tim-icons icon-user-run"></i> Teams
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#projects">
|
|
<i class="tim-icons icon-paper"></i> Projects
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#pricing">
|
|
<i class="tim-icons icon-money-coins"></i> Pricing
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#testimonials">
|
|
<i class="tim-icons icon-chat-33"></i> Testimonials
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#contactus">
|
|
<i class="tim-icons icon-mobile"></i> Contact Us
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#tables">
|
|
<i class="tim-icons icon-chart-bar-32"></i> Tables
|
|
</a>
|
|
<a class="dropdown-item" href="../sections.html#accordion">
|
|
<i class="tim-icons icon-paper"></i> Accordion
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown">
|
|
<i class="tim-icons icon-book-bookmark" aria-hidden="true"></i>
|
|
<p>Examples</p>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="../examples/about-us.html">
|
|
<i class="tim-icons icon-bulb-63"></i> About-us
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/blog-post.html">
|
|
<i class="tim-icons icon-align-center"></i> Blog Post
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/blog-posts.html">
|
|
<i class="tim-icons icon-chart-bar-32"></i> Blog Posts
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/contact-us.html">
|
|
<i class="tim-icons icon-square-pin"></i> Contact Us
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/landing-page.html">
|
|
<i class="tim-icons icon-paper"></i> Landing Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/pricing.html">
|
|
<i class="tim-icons icon-coins"></i> Pricing
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/ecommerce.html">
|
|
<i class="tim-icons icon-basket-simple"></i> Ecommerce Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/product-page.html">
|
|
<i class="tim-icons icon-bag-16"></i> Product Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/profile-page.html">
|
|
<i class="tim-icons icon-lock-circle"></i> Profile Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/error.html">
|
|
<i class="tim-icons icon-button-power"></i> 404 Error Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/500-error.html">
|
|
<i class="tim-icons icon-alert-circle-exc"></i> 500 Error Page
|
|
</a>
|
|
<a href="#" class="dropdown-item dropdown-toggle" id="navbarDropdown2" data-toggle="dropdown">
|
|
<i class="tim-icons icon-book-bookmark" aria-hidden="true"></i> App Pages
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown2">
|
|
<a class="dropdown-item" href="../examples/account-settings.html">
|
|
<i class="tim-icons icon-lock-circle"></i> Account Settings
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/login-page.html">
|
|
<i class="tim-icons icon-tablet-2"></i> Login Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/register-page.html">
|
|
<i class="tim-icons icon-laptop"></i> Register Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/reset-page.html">
|
|
<i class="tim-icons icon-molecule-40"></i> Reset Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/invoice-page.html">
|
|
<i class="tim-icons icon-notes"></i> Invoice Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/checkout-page.html">
|
|
<i class="tim-icons icon-basket-simple"></i> Checkout Page
|
|
</a>
|
|
<a class="dropdown-item" href="../examples/chat-page.html">
|
|
<i class="tim-icons icon-email-85"></i> Chat Page
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link btn btn-sm btn-default" href="https://www.creative-tim.com/product/blk-design-system-pro" target="_blank">
|
|
<p>Buy Now</p>
|
|
</a>
|
|
</li>
|
|
<!-- <li class="nav-item">
|
|
<a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom" href="https://twitter.com/CreativeTim" target="_blank">
|
|
<i class="fab fa-twitter"></i>
|
|
<p class="hidden-lg-up">Twitter</p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="https://www.facebook.com/CreativeTim" target="_blank">
|
|
<i class="fab fa-facebook-square"></i>
|
|
<p class="hidden-lg-up">Facebook</p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom" href="https://www.instagram.com/CreativeTimOfficial" target="_blank">
|
|
<i class="fab fa-instagram"></i>
|
|
<p class="hidden-lg-up">Instagram</p>
|
|
</a>
|
|
</li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- End Navbar -->
|
|
<div class="wrapper">
|
|
<div class="header header-1">
|
|
<div class="page-header header-filter">
|
|
<div class="page-header-image" data-parallax="true" style="background-image: url('../../../static/blk-pro/assets/img/shop.jpeg');"></div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-7 mr-auto text-left">
|
|
<h1 class="title">See our latest collection!</h1>
|
|
<br />
|
|
<div class="buttons">
|
|
<a href="#pablo" class="btn btn-success btn-round btn-lg mr-3 pulse">
|
|
<i class="tim-icons icon-bag-16"></i>
|
|
</a>
|
|
<p>Shop Now!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main">
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-10 mx-auto text-center">
|
|
<h3 class="desc my-5"> Fresh new collection</h3>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product card-plain">
|
|
<div class="card-image">
|
|
<span class="badge badge-info">NEW</span>
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/tshirt.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Polo Ralph Lauren</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price"> € 300</span>
|
|
</div>
|
|
<button class="btn btn-danger btn-neutral btn-icon btn-round pull-right" rel="tooltip" title="Remove from wishlist" data-placement="left">
|
|
<i class="tim-icons icon-heart-2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product card-plain">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/bag.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Tom Ford</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price-old"> € 1179</span>
|
|
<span class="price-new ml-1"> € 999</span>
|
|
</div>
|
|
<button class="btn btn-neutral btn-icon btn-round pull-right" rel="tooltip" title="Add to wishlist" data-placement="left">
|
|
<i class="tim-icons icon-heart-2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product card-plain">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/shirt.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Wooyoungmi</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price">€ 555</span>
|
|
</div>
|
|
<button class="btn btn-neutral btn-icon btn-round pull-right" rel="tooltip" title="Add to wishlist" data-placement="left">
|
|
<i class="tim-icons icon-heart-2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product card-plain">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/jeans.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Thom Sweeney</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price"> € 680</span>
|
|
</div>
|
|
<button class="btn btn-neutral btn-icon btn-round pull-right" rel="tooltip" title="Add to wishlist" data-placement="left">
|
|
<i class="tim-icons icon-heart-2"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-md-3 ml-auto mr-auto mt-5 text-center">
|
|
<button rel="tooltip" class="btn btn-primary btn-round btn-simple">Load more...</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- section -->
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-md-10 mx-auto text-center mt-5">
|
|
<h3 class="section-title">Simplicity is the ultimate sophistication</h3>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card card-blog card-background" data-animation="true">
|
|
<div class="full-background" style="background-image: url('../../../static/blk-pro/assets/img/leather-shoes.jpeg')"></div>
|
|
<div class="card-body">
|
|
<div class="content-bottom">
|
|
<h6 class="card-category">Footwear</h6>
|
|
<a href="#pablo">
|
|
<h3 class="card-title">Leather Shoes</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card card-blog card-background" data-animation="true">
|
|
<div class="full-background" style="background-image: url('../../../static/blk-pro/assets/img/tshirts.jpeg')"></div>
|
|
<div class="card-body">
|
|
<div class="content-bottom">
|
|
<h6 class="card-category">T-shirts</h6>
|
|
<a href="#pablo">
|
|
<h3 class="card-title">100% Silk T-shirts</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="card card-blog card-background" data-animation="true">
|
|
<div class="full-background" style="background-image: url('../../../static/blk-pro/assets/img/accesories.jpeg')"></div>
|
|
<div class="card-body">
|
|
<div class="content-bottom">
|
|
<h6 class="card-category">Accessories</h6>
|
|
<a href="#pablo">
|
|
<h3 class="card-title">Bracelets and Watches</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="card card-blog card-background" data-animation="true">
|
|
<div class="full-background" style="background-image: url('../../../static/blk-pro/assets/img/winter.jpeg')"></div>
|
|
<div class="card-body">
|
|
<div class="content-bottom">
|
|
<h6 class="card-category">Winter</h6>
|
|
<a href="#pablo">
|
|
<h3 class="card-title">Latest FW Collection</h3>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-10 mx-auto text-center">
|
|
<h3 class="desc my-5"> The latest accessories</h3>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/hat.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Winter Hat</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price"> € 99</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/shorts.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Gucci Shorts</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price-old"> € 879</span>
|
|
<span class="price-new ml-1"> € 499</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/bracelet.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Diamond Bracelet</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price">€ 19,999</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="card card-product">
|
|
<div class="card-image">
|
|
<a href="#">
|
|
<img src="../../../static/blk-pro/assets/img/bullet.png" alt="..." />
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<a href="#">
|
|
<h4 class="card-title">Necklace</h4>
|
|
</a>
|
|
<div class="card-footer">
|
|
<div class="price-container">
|
|
<span class="price"> € 229</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end card -->
|
|
</div>
|
|
<div class="col-md-3 ml-auto mr-auto mt-5 text-center">
|
|
<button rel="tooltip" class="btn btn-primary btn-round btn-simple">Load more...</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- section -->
|
|
<div class="testimonials-1 section-image">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 ml-auto mr-auto text-center">
|
|
<h2 class="title">What Clients Say</h2>
|
|
</div>
|
|
</div>
|
|
<div id="carousel-testimonials" class="carousel slide carousel-team">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5 mr-auto">
|
|
<div class="space-100"></div>
|
|
<h3 class="card-title"> Lisa Michael </h3>
|
|
<h3 class="text-warning">• • •</h3>
|
|
<h4 class="description">
|
|
Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. A single rose can be my garden... a single friend, my world.
|
|
</h4>
|
|
<a href="javascript:void(0)" class="btn btn-warning">Read more</a>
|
|
</div>
|
|
<div class="col-md-6 ml-auto">
|
|
<img class="d-block" src="../../../static/blk-pro/assets/img/lucy.jpg" alt="Second slide">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-5 mr-auto">
|
|
<div class="space-100"></div>
|
|
<h3 class="card-title"> Isaac Hunter </h3>
|
|
<h3 class="text-success">• • •</h3>
|
|
<h4 class="description">
|
|
Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. A single rose can be my garden... a single friend, my world.
|
|
</h4>
|
|
<a href="javascript:void(0)" class="btn btn-success">Read more</a>
|
|
</div>
|
|
<div class="col-md-6 ml-auto">
|
|
<img class="d-block" src="../../../static/blk-pro/assets/img/tom-klein.jpg" alt="First slide">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#carousel-testimonials" role="button" data-slide="prev">
|
|
<i class="tim-icons icon-minimal-left"></i>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next" href="#carousel-testimonials" role="button" data-slide="next">
|
|
<i class="tim-icons icon-minimal-right"></i>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end-main-raised -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<h1 class="title">BLK•</h1>
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a href="../index.html" class="nav-link">
|
|
Home
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../examples/landing-page.html" class="nav-link">
|
|
Landing
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../examples/register-page.html" class="nav-link">
|
|
Register
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="../examples/profile-page.html" class="nav-link">
|
|
Profile
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 col-6">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a href="https://creative-tim.com/contact-us?ref=blkdsp-footer" class="nav-link">
|
|
Contact Us
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="https://creative-tim.com/about-us?ref=blkdsp-footer" class="nav-link">
|
|
About Us
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="http://creative-tim.com/blog?ref=blkdsp-footer" class="nav-link">
|
|
Blog
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="https://opensource.org/licenses/MIT?ref=blkdsp-footer" class="nav-link">
|
|
License
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<h3 class="title">Follow us:</h3>
|
|
<div class="btn-wrapper profile text-left">
|
|
<a target="_blank" href="https://twitter.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Follow us">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
<a target="_blank" href="https://www.facebook.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Like us">
|
|
<i class="fab fa-facebook-square"></i>
|
|
</a>
|
|
<a target="_blank" href="https://dribbble.com/creativetim" class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip" data-original-title="Follow us">
|
|
<i class="fab fa-dribbble"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<!-- Core JS Files -->
|
|
<script src="../../../static/blk-pro/assets/js/core/jquery.min.js" type="text/javascript"></script>
|
|
<script src="../../../static/blk-pro/assets/js/core/popper.min.js" type="text/javascript"></script>
|
|
<script src="../../../static/blk-pro/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="../../../static/blk-pro/assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
|
|
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/bootstrap-switch.js"></script>
|
|
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
|
|
<!-- Plugin for the Carousel, full documentation here: http://kenwheeler.github.io/slick/ -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/slick.js" type="text/javascript"></script>
|
|
<!-- Plugin for the blob animation -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/anime.min.js" type="text/javascript"></script>
|
|
<!-- Chart JS -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/chartjs.min.js"></script>
|
|
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/moment.min.js"></script>
|
|
<!-- Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/bootstrap-tagsinput.js"></script>
|
|
<!-- Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/bootstrap-selectpicker.js" type="text/javascript"></script>
|
|
<!-- Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script>
|
|
<!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
|
|
<script src="../../../static/blk-pro/assets/js/plugins/jasny-bootstrap.min.js"></script>
|
|
<!-- Black Dashboard DEMO methods, don't include it in your project! -->
|
|
<script src="../../../static/blk-pro/assets/demo/demo.js"></script>
|
|
<!-- Control Center for Black UI Kit: parallax effects, scripts for the example pages etc -->
|
|
<!-- Google Maps Plugin -->
|
|
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
|
|
<script src="../../../static/blk-pro/assets/js/blk-design-system-pro.min.js?v=1.0.0" type="text/javascript"></script>
|
|
<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
|
|
<script>
|
|
window.TrackJS &&
|
|
TrackJS.install({
|
|
token: "ee6fab19c5a04ac1a32a645abde4613a",
|
|
application: "black-dashboard-pro"
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|