krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-29 16:08:32 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
76209fed95c027fab0ebbf1d61d62134e10efff1
landing_page/entropy-placeholder/blog-detail.html
T
trean c9e1599d45 init
2021-03-20 15:53:01 +01:00

661 lines
28 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Entropy HTML Template | Blog Detail</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header header-style-one">
<!-- Header Top -->
<div class="header-top">
<div class="auto-container">
<div class="clearfix">
<!-- Top Left -->
<div class="top-left pull-left clearfix">
<!-- Info List -->
<ul class="info-list">
<li><a href="mailto:info@yourcompany.com"><span class="icon flaticon-message"></span> info@yourcompany.com</a></li>
<li><a href="tel:+123-456-7890"><span class="icon flaticon-phone-call"></span> (123) 456-7890</a></li>
</ul>
</div>
<!-- Top Right -->
<div class="top-right pull-right clearfix">
<!-- Social Nav -->
<ul class="social-nav">
<li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-pinterest-p"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!--Header-Upper-->
<div class="header-upper">
<div class="auto-container">
<div class="clearfix">
<div class="pull-left logo-box">
<div class="logo"><a href="index.html"><img src="https://via.placeholder.com/160x55" alt="" title="Entropy"></a></div>
</div>
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
<!-- Main Menu -->
<nav class="main-menu show navbar-expand-md">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li class="dropdown"><a href="#">Home</a>
<ul>
<li><a href="index.html">Home Page 01</a></li>
<li><a href="index-2.html">Home Page 02</a></li>
<li><a href="index-3.html">Home Page 03</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="price.html">Price</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="comming-soon.html">Comming Soon</a></li>
</ul>
</li>
<li><a href="services.html">Services</a></li>
<li class="current dropdown"><a href="#">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-leftsidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-rightsidebar.html">Blog Right Sidebar</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
<li><a href="error.html">Not Found / 404</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</nav>
<div class="outer-box">
<!-- Cart Box -->
<div class="cart-box">
<a href="#" class="icon flaticon-shopping-bag-3"></a>
</div>
<!--Search Box-->
<div class="searched-popup search-box-outer">
<button class="search-box-btn"><span class="flaticon-magnifying-glass-1"></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="index.html"><img src="https://via.placeholder.com/160x55" alt="" title=""></a></div>
<div class="menu-outer">
<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
</div>
</nav>
</div><!-- End Mobile Menu -->
</header>
<!--End Main Header -->
<!-- Page Title -->
<section class="page-title">
<div class="pattern-layer" style="background-image: url(images/background/pattern-12.png)"></div>
<div class="auto-container">
<h1>Blog Single</h1>
<ul class="bread-crumb clearfix">
<li><a href="index.html">Home</a></li>
<li>Blog Single</li>
</ul>
</div>
</section>
<!--End Page Title-->
<!-- Sidebar Page Container -->
<div class="sidebar-page-container">
<div class="auto-container">
<div class="row clearfix">
<!-- Sidebar Side -->
<div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
<aside class="sidebar sticky-top">
<!-- Search -->
<div class="sidebar-widget search-box">
<form method="post" action="contact.html">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search text here..." required>
<button type="submit"><span class="icon fa fa-search"></span></button>
</div>
</form>
</div>
<!-- News Widget -->
<div class="news-widget sidebar-widget">
<div class="inner-box">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/370x223" alt="" /></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Diabetes Prediction Data Mining</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
<a href="blog-detail.html" class="learn">Learn More</a>
</div>
</div>
</div>
<!-- Popular Post Widget -->
<div class="sidebar-widget popular-posts">
<div class="sidebar-title">
<h4>Recent News</h4>
</div>
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/76x70" alt=""><a href="blog-single.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/80x76" alt=""><a href="blog-detail.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/80x76" alt=""><a href="blog-detail.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/80x76" alt=""><a href="blog-detail.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
</div>
<div class="sidebar-title">
<h4>Recent Post</h4>
</div>
<!-- News Widget -->
<div class="news-widget sidebar-widget">
<div class="inner-box">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/370x223" alt="" /></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Diabetes Prediction Data Mining</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
<a href="blog-detail.html" class="learn">Learn More</a>
</div>
</div>
</div>
<!-- Popular Post Widget -->
<div class="sidebar-widget popular-posts">
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/80x76" alt=""><a href="blog-single.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/80x76" alt=""><a href="blog-detail.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
<article class="post">
<div class="post-inner">
<figure class="post-thumb"><img src="https://via.placeholder.com/76x70" alt=""><a href="blog-detail.html" class="overlay-box"></a></figure>
<div class="title">Post category title</div>
<div class="text"><a href="blog-detail.html">Prediction Data Mining</a></div>
<a href="blog-detail.html" class="learn-more">Learn More</a>
</div>
</article>
</div>
<!-- Categories Widget -->
<div class="sidebar-widget categories-widget">
<div class="sidebar-title">
<h4>Categories</h4>
</div>
<div class="widget-content">
<ul>
<li><a href="#">Machine Learning</a></li>
<li><a href="#">Deep Learning</a></li>
<li><a href="#">Artificial Intelligence</a></li>
<li><a href="#">Computer Vision</a></li>
</li>
</div>
</div>
<!-- Tags Widget -->
<div class="sidebar-widget tags-widget">
<div class="sidebar-title">
<h4>Tags</h4>
</div>
<div class="widget-content">
<ul>
<li><a href="#">App</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Artificial Intelligence</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Learning</a></li>
<li><a href="#">App</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Artificial Intelligence</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Learning</a></li>
<li><a href="#">App</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Artificial Intelligence</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Learning</a></li>
</li>
</div>
</div>
</aside>
</div>
<!-- Content Side -->
<div class="content-side col-lg-8 col-md-12 col-sm-12">
<div class="blog-detail">
<div class="inner-box">
<div class="upper-box">
<div class="category">Post Category Title</div>
<h4><a href="blog-detail.html">The passage is attributed to an unknown <br> typesetter in the <span class="theme_color">15th century</span></a></h4>
</div>
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/770x265" alt="" /></a>
</div>
<div class="lower-box">
<ul class="post-meta">
<li><span class="icon flaticon-user-1"></span>Admin</li>
<li><span class="icon flaticon-calendar"></span>March 28, 2019</li>
<li><span class="icon "></span>10 Comment</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<div class="row clearfix">
<div class="column col-lg-6 col-md-6 col-sm-12">
<div class="image">
<img src="https://via.placeholder.com/370x230" alt="" />
</div>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12">
<div class="image">
<img src="https://via.placeholder.com/370x230" alt="" />
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat.</p>
</div>
<!-- Post Share Options -->
<div class="post-share-options">
<ul class="social-box">
<span class="share">Share on this article <i class="flaticon-right-arrow-2"></i></span>
<li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
</ul>
</div>
</div>
<!-- Post Share Options -->
<div class="pagination-outer text-center">
<div class="styled-pagination">
<ul class="clearfix">
<li class="prev"><a href="#"><span class="arrow flaticon-left-arrow-2"></span>&ensp; Older</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="active"><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li class="next"><a class="next" href="#">&ensp; Newest <span class="arrow flaticon-right-arrow-2"></span></a></li>
</ul>
</div>
</div>
<!-- Comments Area -->
<div class="comments-area">
<div class="group-title">
<h4>Recent Comments</h4>
</div>
<div class="comment-box">
<div class="comment">
<div class="author-thumb"><img src="https://via.placeholder.com/90x90" alt=""></div>
<div class="comment-info clearfix"><strong>Anna Sthesia</strong><div class="comment-time">June 28, 2019</div></div>
<div class="text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</div>
<a class="theme-btn reply-btn" href="#"> Reply</a>
</div>
</div>
<div class="comment-box reply-comment">
<div class="comment">
<div class="author-thumb"><img src="https://via.placeholder.com/90x90" alt=""></div>
<div class="comment-info clearfix"><strong>Paul Molive.</strong><div class="comment-time">June 28, 2019</div></div>
<div class="text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</div>
<a class="theme-btn reply-btn" href="#"> Reply</a>
</div>
</div>
<div class="comment-box">
<div class="comment">
<div class="author-thumb"><img src="https://via.placeholder.com/90x90" alt=""></div>
<div class="comment-info clearfix"><strong>Gail Forcewind</strong><div class="comment-time">June 28, 2019</div></div>
<div class="text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</div>
<a class="theme-btn reply-btn" href="#"> Reply</a>
</div>
</div>
</div>
<!-- Comment Form -->
<div class="comment-form">
<div class="group-title"><h4>Leave Comment</h4></div>
<!--Comment Form-->
<form method="post" action="blog.html">
<div class="row clearfix">
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<input type="text" name="username" placeholder="Full Name*" required>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 form-group">
<input type="email" name="email" placeholder="Email Address*" required>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<textarea class="darma" name="message" placeholder="Write your Comment"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 form-group">
<button class="theme-btn btn-style-four" type="submit" name="submit-form"><span class="txt">Submit Your Comment</span></button>
</div>
</div>
</form>
</div>
<!--End Comment Form -->
</div>
</div>
</div>
</div>
</div>
<!-- Call To Action Section -->
<section class="call-to-action-section">
<div class="auto-container">
<div class="inner-container">
<div class="row clearfix">
<!-- Title Column -->
<div class="title-column col-lg-7 col-sm-12 col-sm-12">
<div class="inner-column">
<!-- Sec Title -->
<div class="sec-title">
<h2>Ready To <span>Get Started</span></h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Morbi finibus at mauris eu sollicitudin.</div>
</div>
</div>
</div>
<!-- Email Column -->
<div class="email-column col-lg-5 col-sm-12 col-sm-12">
<div class="inner-column">
<!-- Newsletter Form -->
<div class="newsletter-form">
<form method="post" action="contact.html">
<div class="form-group">
<input type="email" name="email" value="" placeholder="Enter Your Email" required="">
<button type="submit" class="theme-btn btn-style-one"><span class="txt">Estimate Project</span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Call To Action Section -->
<!-- Main Footer -->
<footer class="main-footer">
<div class="pattern-layer" style="background-image: url(images/background/pattern-4.png)"></div>
<div class="pattern-layer-two" style="background-image: url(images/background/pattern-5.png)"></div>
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!-- Footer Column -->
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget contact-widget">
<div class="footer-title">
<h4>Contact us</h4>
</div>
<ul class="contact-list">
<li><span class="icon fa fa-map-o"></span> #206, New York</li>
<li><span class="icon fa fa-phone"></span> <a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
<li><span class="icon fa fa-envelope"></span> <a href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>
<li><span class="icon fa fa-phone-square"></span> <a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
<li><span class="icon fa fa-clock-o"></span> 09.00 am - 05.00 pm</li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-3 col-md-6 col-sm-12">
<div class="footer-widget contact-widget">
<div class="footer-title">
<h4>Navigation</h4>
</div>
<ul class="nav-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Team Members</a></li>
<li><a href="#">Blog Left Sidebar</a></li>
<li><a href="#">Blog Right Sidebar</a></li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-5 col-md-6 col-sm-12">
<div class="footer-widget news-widget">
<div class="footer-title">
<h4>Latest Blog Posts</h4>
</div>
<!-- Footer Column -->
<div class="widget-content">
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at.</a></h4>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
</div>
</div>
<ul class="social-box">
<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="row clearfix">
<!-- Copyright Column -->
<div class="copyright-column col-lg-6 col-md-12 col-sm-12">
<div class="copyright">&copy; 2020 AuburnForest. All Rights Reserved</div>
</div>
<!-- Language Column -->
<div class="language-column col-lg-6 col-md-12 col-sm-12">
<!--Language-->
<div class="language dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Language: English &nbsp;<span class="icon fa fa-angle-down"></span></a>
<ul class="dropdown-menu style-one" aria-labelledby="dropdownMenu2">
<li><a href="#">English</a></li>
<li><a href="#">German</a></li>
<li><a href="#">Arabic</a></li>
<li><a href="#">Hindi</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>
<!-- Header Search -->
<div class="search-popup">
<button class="close-search style-two"><span class="flaticon-multiply"></span></button>
<button class="close-search"><span class="flaticon-up-arrow"></span></button>
<form method="post" action="blog.html">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search Here" required="">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
<!-- End Header Search -->
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery.paroller.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/tilt.jquery.min.js"></script>
<!--Master Slider-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink