krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-09-26 14:38:30 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
b024fd78803051b6f39c0bc6a78ae9291b80c2c5
landing_page/entropy-placeholder/blog-rightsidebar.html
T
trean c9e1599d45 init
2021-03-20 15:53:01 +01:00

688 lines
27 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Entropy HTML Template | Blog Right Sidebar</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 Right Sidebar</h1>
<ul class="bread-crumb clearfix">
<li><a href="index.html">Home</a></li>
<li>Blog Right Sidebar</li>
</ul>
</div>
</section>
<!--End Page Title-->
<!-- Sidebar Page Container -->
<div class="sidebar-page-container">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Side -->
<div class="content-side col-lg-8 col-md-12 col-sm-12">
<div class="our-blogs">
<!-- News block Two -->
<div class="news-block-two">
<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">
<div class="clearfix">
<div class="pull-left">
<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>
</div>
<div class="pull-right">
<a href="#" class="theme-btn btn-style-five"><span class="txt">Learn More...</span></a>
</div>
</div>
</div>
</div>
</div>
<!-- News block Two -->
<div class="news-block-two">
<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">
<div class="clearfix">
<div class="pull-left">
<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>
</div>
<div class="pull-right">
<a href="#" class="theme-btn btn-style-five"><span class="txt">Learn More...</span></a>
</div>
</div>
</div>
</div>
</div>
<!-- News block Two -->
<div class="news-block-two">
<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">
<div class="clearfix">
<div class="pull-left">
<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>
</div>
<div class="pull-right">
<a href="#" class="theme-btn btn-style-five"><span class="txt">Learn More...</span></a>
</div>
</div>
</div>
</div>
</div>
<!-- News block Two -->
<div class="news-block-two">
<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">
<div class="clearfix">
<div class="pull-left">
<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>
</div>
<div class="pull-right">
<a href="#" class="theme-btn btn-style-five"><span class="txt">Learn More...</span></a>
</div>
</div>
</div>
</div>
</div>
<!-- News block Two -->
<div class="news-block-two">
<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">
<div class="clearfix">
<div class="pull-left">
<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>
</div>
<div class="pull-right">
<a href="#" class="theme-btn btn-style-five"><span class="txt">Learn More...</span></a>
</div>
</div>
</div>
</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>
</div>
</div>
<!-- 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>
</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