661 lines
33 KiB
HTML
661 lines
33 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="blog-post">
|
||
<!-- 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="page-header header-filter">
|
||
<div class="page-header-image" data-parallax="true" style="background-image: url('../../../static/blk-pro/assets/img/claudia-ramirez.jpg');"></div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 ml-auto mr-auto text-center">
|
||
<h1 class="title">Let's Talk About Lucky Money</h1>
|
||
<div class="author">
|
||
<img src="../../../static/blk-pro/assets/img/p10.jpg" alt="..." class="avatar img-raised">
|
||
</div>
|
||
<br/>
|
||
<h4 class="description">Mark Byron</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 ml-auto mr-auto">
|
||
<h6 class="category">March 1, 2019</h6>
|
||
<h3 class="title">The Castle Looks Different at Night...</h3>
|
||
<p>This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more. We are here to make life better.
|
||
<br />
|
||
<br /> And now I look and look around and there’s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece.</p>
|
||
<br />
|
||
<br />
|
||
<p class="blockquote">
|
||
“And thank you for turning my personal jean jacket into a couture piece.”
|
||
<br>
|
||
<br>
|
||
<small>
|
||
Kanye West, Producer.
|
||
</small>
|
||
</p>
|
||
<h3 class="title">Using Video Games To Generate Clicks</h3>
|
||
<br/>
|
||
<p>This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more. We are here to make life better.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slider col-md-8 ml-auto mr-auto">
|
||
<div>
|
||
<img src="../../../static/blk-pro/assets/img/mark-harrison.jpg" height="500" width="450">
|
||
</div>
|
||
<div>
|
||
<img src="../../../static/blk-pro/assets/img/steven-roe.jpg" height="500" width="450">
|
||
</div>
|
||
<div>
|
||
<img src="../../../static/blk-pro/assets/img/rezaul-karim.jpg" height="500" width="450">
|
||
</div>
|
||
<div>
|
||
<img src="../../../static/blk-pro/assets/img/pawel-nolbert.jpg" height="500" width="450">
|
||
</div>
|
||
<div>
|
||
<img src="../../../static/blk-pro/assets/img/serge-kutuzov.jpg" height="500" width="450">
|
||
</div>
|
||
</div>
|
||
<div class="section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 ml-auto mr-auto">
|
||
<h3 class="title">Rest of the Story:</h3>
|
||
<p>We are here to make life better. And now I look and look around and there’s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece.
|
||
<br /> I speak yell scream directly at the old guard on behalf of the future. daytime All respect prayers and love to Phife’s family Thank you for so much inspiration. </p>
|
||
<br/>
|
||
<p> Thank you Anna for the invite thank you to the whole Vogue team And I love you like Kanye loves Kanye Pand Pand Panda I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound...The Pablo pop up was almost a pop up of influence. All respect prayers and love to Phife’s family Thank you for so much inspiration daytime I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music 2016!</p>
|
||
<br/>
|
||
<p> I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music 2016!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section section-blog-info">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 ml-auto mr-auto">
|
||
<div class="row">
|
||
<div class="col-md-10">
|
||
<div class="blog-tags">
|
||
Tags:
|
||
<span class="badge badge-primary">Photography</span>
|
||
<span class="badge badge-primary">Stories</span>
|
||
<span class="badge badge-primary">Castle</span>
|
||
</div>
|
||
</div>
|
||
<hr />
|
||
<div class="col-md-8 ml-auto mr-auto">
|
||
<div class="card card-profile profile-bg">
|
||
<div class="card-header" style="background-image: url('../../../static/blk-pro/assets/img/ruvim-noga.jpg')">
|
||
<div class="card-avatar">
|
||
<a href="#pablo">
|
||
<img class="img img-raised" src="../../../static/blk-pro/assets/img/lora.jpg" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<h3 class="card-title">Melanie Paisley</h3>
|
||
<h6 class="category text-primary">Writer</h6>
|
||
<p class="card-description">
|
||
Over the years, advancement in CRM technology has reshaped the way SMBs and SMEs manage their workflows...
|
||
</p>
|
||
</div>
|
||
<div class="card-footer">
|
||
<div class="follow float-left">
|
||
<a class="btn btn-primary btn-sm" href="javascript:;">Follow </a>
|
||
</div>
|
||
<div class="d-inline float-right">
|
||
<a href="#pablo" class="btn btn-icon btn-dribbble btn-round"><i class="fab fa-dribbble"></i></a>
|
||
<a href="#pablo" class="btn btn-icon btn-linkedin btn-round"><i class="fab fa-linkedin"></i></a>
|
||
<a href="#pablo" class="btn btn-icon btn-behance btn-round"><i class="fab fa-behance"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section section-comments">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-8 ml-auto mr-auto">
|
||
<div class="media-area">
|
||
<h3 class="title text-center">3 Comments</h3>
|
||
<div class="media">
|
||
<a class="pull-left" href="#pablo">
|
||
<div class="avatar">
|
||
<img class="media-object img-raised" src="../../../static/blk-pro/assets/img/james.jpg" alt="..." />
|
||
</div>
|
||
</a>
|
||
<div class="media-body">
|
||
<h5 class="media-heading">Tina Andrew
|
||
<small class="text-muted">· 7 minutes ago</small>
|
||
</h5>
|
||
<p>Chance too good. God level bars. I'm so proud of @LifeOfDesiigner #1 song in the country. Panda! Don't be scared of the truth because we need to restart the human foundation in truth I stand with the most humility. We are so blessed!</p>
|
||
<p>All praises and blessings to the families of people who never gave up on dreams. Don't forget, You're Awesome!</p>
|
||
<div class="media-footer">
|
||
<a href="#pablo" class="btn btn-primary btn-simple btn-sm pull-right" rel="tooltip" title="Reply to Comment">
|
||
<i class="tim-icons icon-send"></i> Reply
|
||
</a>
|
||
<a href="#pablo" class="btn btn-danger btn-simple btn-sm pull-right">
|
||
<i class="tim-icons icon-heart-2"></i> 243
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="media">
|
||
<a class="pull-left" href="#pablo">
|
||
<div class="avatar">
|
||
<img class="media-object img-raised" alt="Tim Picture" src="../../../static/blk-pro/assets/img/michael.jpg">
|
||
</div>
|
||
</a>
|
||
<div class="media-body">
|
||
<h5 class="media-heading">John Camber
|
||
<small class="text-muted">· Yesterday</small>
|
||
</h5>
|
||
<p>Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.</p>
|
||
<p> Don't forget, You're Awesome!</p>
|
||
<div class="media-footer">
|
||
<a href="#pablo" class="btn btn-primary btn-simple btn-sm pull-right" rel="tooltip" title="Reply to Comment">
|
||
<i class="tim-icons icon-send"></i> Reply
|
||
</a>
|
||
<a href="#pablo" class="btn btn-danger btn-simple btn-sm pull-right">
|
||
<i class="tim-icons icon-heart-2"></i> 243
|
||
</a>
|
||
</div>
|
||
<div class="media">
|
||
<a class="pull-left" href="#pablo">
|
||
<div class="avatar">
|
||
<img class="media-object img-raised" alt="64x64" src="../../../static/blk-pro/assets/img/julie.jpg">
|
||
</div>
|
||
</a>
|
||
<div class="media-body">
|
||
<h5 class="media-heading">Tina Andrew
|
||
<small class="text-muted">· 2 Days Ago</small>
|
||
</h5>
|
||
<p>Hello guys, nice to have you on the platform! There will be a lot of great stuff coming soon. We will keep you posted for the latest news.</p>
|
||
<p> Don't forget, You're Awesome!</p>
|
||
<div class="media-footer">
|
||
<a href="#pablo" class="btn btn-primary btn-simple btn-sm pull-right" rel="tooltip" title="Reply to Comment">
|
||
<i class="tim-icons icon-send"></i> Reply
|
||
</a>
|
||
<a href="#pablo" class="btn btn-danger btn-simple btn-sm pull-right">
|
||
<i class="tim-icons icon-heart-2"></i> 243
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h3 class="title text-center">Post your comment</h3>
|
||
<div class="media media-post">
|
||
<a class="pull-left author" href="#pablo">
|
||
<div class="avatar">
|
||
<img class="media-object img-raised" alt="64x64" src="../../../static/blk-pro/assets/img/olivia.jpg">
|
||
</div>
|
||
</a>
|
||
<div class="media-body">
|
||
<textarea class="form-control" placeholder="Write a nice reply or go home..." rows="4"></textarea>
|
||
<div class="media-footer">
|
||
<a href="#pablo" class="btn btn-primary pull-right"> Reply </a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end media-post -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section">
|
||
<div class="container">
|
||
<div class="col-md-12">
|
||
<h2 class="title text-center">Related Stories</h2>
|
||
<br />
|
||
<div class="blogs-1">
|
||
<div class="row">
|
||
<div class="col-md-12 ml-auto mr-auto">
|
||
<div class="card card-blog card-plain blog-horizontal">
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<div class="card-image">
|
||
<a href="#pablo">
|
||
<img class="img rounded" src="../../../static/blk-pro/assets/img/trae-gould.jpg" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<div class="card-body">
|
||
<h3 class="card-title">
|
||
<a href="#pablo">MateLabs mixes machine learning with IFTTT</a>
|
||
</h3>
|
||
<p class="card-description">
|
||
If you’ve ever wanted to train a machine learning model and integrate it with IFTTT, you now can with a new offering from MateLabs. MateVerse, a platform where novices can spin out machine...If you’ve ever wanted to train a machine learning model and integrate it with IFTTT, you now can with a new offering from MateLabs. MateVerse, a platform where novices can spin out machine...
|
||
<a href="#pablo"> Read More </a>
|
||
</p>
|
||
<div class="author">
|
||
<img src="../../../static/blk-pro/assets/img/james.jpg" alt="..." class="avatar img-raised">
|
||
<div class="text">
|
||
<span class="name">Tom Hanks</span>
|
||
<div class="meta">Drawn on 23 Jan</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card card-blog card-plain blog-horizontal">
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<div class="card-image">
|
||
<a href="#pablo">
|
||
<img class="img rounded" src="../../../static/blk-pro/assets/img/mark-harrison.jpg" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<div class="card-body">
|
||
<h3 class="card-title">
|
||
<a href="#pablo">US venture investment ticks up in Q2 2017</a>
|
||
</h3>
|
||
<p class="card-description">
|
||
Venture investment in U.S. startups rose sequentially in the second quarter of 2017, boosted by large, late-stage financings and a few outsized early-stage rounds in tech and healthcare..enture investment in U.S. startups rose sequentially in the second quarter of 2017, boosted by large, late-stage financings and a few outsized early-stage rounds in tech and healthcare..
|
||
<a href="#pablo"> Read More </a>
|
||
</p>
|
||
<div class="author">
|
||
<img src="../../../static/blk-pro/assets/img/michael.jpg" alt="..." class="avatar img-raised">
|
||
<div class="text">
|
||
<span class="name">Tom Hanks</span>
|
||
<div class="meta">Drawn on 23 Jan</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
$(document).ready(function() {
|
||
|
||
$(".slider").slick({
|
||
dots: false,
|
||
infinite: true,
|
||
centerMode: true,
|
||
slidesToShow: 3,
|
||
slidesToScroll: 1,
|
||
responsive: [{
|
||
breakpoint: 1024,
|
||
settings: {
|
||
slidesToShow: 2,
|
||
slidesToScroll: 1,
|
||
infinite: true,
|
||
}
|
||
},
|
||
{
|
||
breakpoint: 786,
|
||
settings: {
|
||
slidesToShow: 2,
|
||
slidesToScroll: 1,
|
||
}
|
||
},
|
||
{
|
||
breakpoint: 600,
|
||
settings: {
|
||
slidesToShow: 2,
|
||
slidesToScroll: 1
|
||
}
|
||
},
|
||
{
|
||
breakpoint: 480,
|
||
settings: {
|
||
slidesToShow: 1,
|
||
slidesToScroll: 1
|
||
}
|
||
}
|
||
// You can unslick at a given breakpoint now by adding:
|
||
// settings: "unslick"
|
||
// instead of a settings object
|
||
]
|
||
});
|
||
});
|
||
</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>
|