Ümit Tunç
639 lines
33 KiB
HTML
639 lines
33 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Blogzine - Blog and Magazine Bootstrap 5 Theme</title>
|
|
<!-- Meta Tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="author" content="Webestica.com">
|
|
<meta name="description" content="Bootstrap based News, Magazine and Blog Theme">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
|
|
|
<!-- Google Font -->
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Plugins CSS -->
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/glightbox/css/glightbox.css">
|
|
|
|
<!-- Theme CSS -->
|
|
<link id="style-switch" rel="stylesheet" type="text/css" href="assets/css/style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- =======================
|
|
Header START -->
|
|
<header class="navbar-light navbar-sticky header-static">
|
|
<!-- Logo Nav START -->
|
|
<nav class="navbar navbar-expand-lg">
|
|
<div class="container">
|
|
<!-- Logo START -->
|
|
<a class="navbar-brand" href="index.html">
|
|
<img class="navbar-brand-item light-mode-item" src="assets/images/logo.svg" alt="logo">
|
|
<img class="navbar-brand-item dark-mode-item" src="assets/images/logo-light.svg" alt="logo">
|
|
</a>
|
|
<!-- Logo END -->
|
|
|
|
<!-- Responsive navbar toggler -->
|
|
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="text-body h6 d-none d-sm-inline-block">Menu</span>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<!-- Main navbar START -->
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav navbar-nav-scroll ms-auto">
|
|
|
|
<!-- Nav item 1 Demos -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="homeMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</a>
|
|
<ul class="dropdown-menu" aria-labelledby="homeMenu">
|
|
<li> <a class="dropdown-item" href="index.html">Home default</a></li>
|
|
<li> <a class="dropdown-item" href="index-lazy.html">Home lazy load</a></li>
|
|
<li> <a class="dropdown-item" href="index-2.html">Magazine classic</a></li>
|
|
<li> <a class="dropdown-item" href="index-3.html">Magazine</a></li>
|
|
<li> <a class="dropdown-item" href="index-4.html">Home cards</a></li>
|
|
<li> <a class="dropdown-item" href="index-5.html">Blog classic</a></li>
|
|
<li> <a class="dropdown-item" href="index-6.html">Blog Personal </a></li>
|
|
<li> <a class="dropdown-item" href="index-7.html">Blog Vintage</a></li>
|
|
<li> <a class="dropdown-item" href="index-8.html">Blog Tech</a></li>
|
|
<li> <a class="dropdown-item" href="index-9.html">Blog Fashion</a></li>
|
|
<li> <a class="dropdown-item" href="index-10.html">Blog Podcast</a></li>
|
|
<li> <a class="dropdown-item" href="index-11.html">Home Shop <span class="badge bg-danger smaller me-1">New</span></a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Nav item 2 Pages -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="pagesMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
|
|
<ul class="dropdown-menu" aria-labelledby="pagesMenu">
|
|
<li> <a class="dropdown-item" href="about-us.html">About</a></li>
|
|
<li> <a class="dropdown-item" href="contact-us.html">Contact</a></li>
|
|
<!-- Dropdown submenu -->
|
|
<li class="dropdown-submenu dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Shop <span class="badge bg-danger smaller me-1">New</span></a>
|
|
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
|
|
<li> <a class="dropdown-item" href="shop-grid.html">Shop grid <span class="badge bg-danger smaller me-1">New</span></a> </li>
|
|
<li> <a class="dropdown-item" href="shop-detail.html">Shop detail <span class="badge bg-danger smaller me-1">New</span></a> </li>
|
|
<li> <a class="dropdown-item" href="checkout.html">Checkout <span class="badge bg-danger smaller me-1">New</span></a> </li>
|
|
<li> <a class="dropdown-item" href="my-cart.html">Cart <span class="badge bg-danger smaller me-1">New</span></a> </li>
|
|
<li> <a class="dropdown-item" href="empty-cart.html">Empty cart <span class="badge bg-danger smaller me-1">New</span></a> </li>
|
|
</ul>
|
|
</li>
|
|
<!-- Dropdown submenu -->
|
|
<li class="dropdown-submenu dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Other Archives</a>
|
|
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
|
|
<li> <a class="dropdown-item" href="author.html">Author Page</a> </li>
|
|
<li> <a class="dropdown-item" href="categories.html">Category page 1</a> </li>
|
|
<li> <a class="dropdown-item" href="categories-2.html">Category page 2</a> </li>
|
|
<li> <a class="dropdown-item" href="tag.html"># tag</a> </li>
|
|
<li> <a class="dropdown-item" href="search-result.html">Search result</a> </li>
|
|
</ul>
|
|
</li>
|
|
<li> <a class="dropdown-item" href="404.html">Error 404</a></li>
|
|
<li> <a class="dropdown-item" href="signin.html">signin</a></li>
|
|
<li> <a class="dropdown-item" href="signup.html">signup</a></li>
|
|
<li> <a class="dropdown-item" href="offline.html">offline</a></li>
|
|
<!-- Dropdown submenu levels -->
|
|
<li class="dropdown-divider"></li>
|
|
<li class="dropdown-submenu dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Dropdown levels</a>
|
|
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
|
|
<!-- dropdown submenu open right -->
|
|
<li class="dropdown-submenu dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Dropdown (end)</a>
|
|
<ul class="dropdown-menu" data-bs-popper="none">
|
|
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
|
|
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
|
|
</ul>
|
|
</li>
|
|
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
|
|
<!-- dropdown submenu open left -->
|
|
<li class="dropdown-submenu dropstart">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Dropdown (start)</a>
|
|
<ul class="dropdown-menu dropdown-menu-end" data-bs-popper="none">
|
|
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
|
|
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
|
|
</ul>
|
|
</li>
|
|
<li> <a class="dropdown-item" href="#">Dropdown item</a> </li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown-divider"></li>
|
|
<li>
|
|
<a class="dropdown-item" href="https://support.webestica.com/" target="_blank">
|
|
<i class="text-warning fa-fw bi bi-life-preserver me-2"></i>Support
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="docs/index.html" target="_blank">
|
|
<i class="text-danger fa-fw bi bi-card-text me-2"></i>Documentation
|
|
</a>
|
|
</li>
|
|
<li class="dropdown-divider"></li>
|
|
<li>
|
|
<a class="dropdown-item" href="https://blogzine.webestica.com/rtl" target="_blank">
|
|
<i class="text-info fa-fw bi bi-toggle-off me-2"></i>RTL demo
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item" href="https://themes.getbootstrap.com/store/webestica/" target="_blank">
|
|
<i class="text-success fa-fw bi bi-cloud-download-fill me-2"></i>Buy blogzine!
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Nav item 3 Post -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Post</a>
|
|
<ul class="dropdown-menu" aria-labelledby="postMenu">
|
|
<!-- dropdown submenu -->
|
|
<li class="dropdown-submenu dropend">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Post grid</a>
|
|
<ul class="dropdown-menu dropdown-menu-start" data-bs-popper="none">
|
|
<li> <a class="dropdown-item" href="post-grid.html">Post grid</a> </li>
|
|
<li> <a class="dropdown-item" href="post-grid-4-col.html">Post grid 4 col</a> </li>
|
|
<li> <a class="dropdown-item" href="post-grid-masonry.html">Post grid masonry</a> </li>
|
|
<li> <a class="dropdown-item" href="post-grid-masonry-filter.html">Post grid masonry filter</a> </li>
|
|
<li> <a class="dropdown-item" href="post-large-and-grid.html">Post mixed large than grid</a> </li>
|
|
</ul>
|
|
</li>
|
|
<li> <a class="dropdown-item" href="post-list.html">Post list</a> </li>
|
|
<li> <a class="dropdown-item" href="post-list-2.html">Post list 2</a> </li>
|
|
<li> <a class="dropdown-item" href="post-cards.html">Post card</a> </li>
|
|
<li> <a class="dropdown-item" href="post-overlay.html">Post Overlay</a> </li>
|
|
<li> <a class="dropdown-item" href="post-types.html">Post types</a> </li>
|
|
<li class="dropdown-divider"></li>
|
|
<li> <a class="dropdown-item" href="post-single.html">Post single magazine</a> </li>
|
|
<li> <a class="dropdown-item" href="post-single-2.html">Post single classic</a> </li>
|
|
<li> <a class="dropdown-item" href="post-single-3.html">Post single minimal</a> </li>
|
|
<li> <a class="dropdown-item" href="post-single-4.html">Post single card</a> </li>
|
|
<li> <a class="dropdown-item" href="post-single-5.html">Post single review</a> </li>
|
|
<li> <a class="dropdown-item" href="post-single-6.html">Post single video</a> </li>
|
|
<li> <a class="dropdown-item" href="podcast-single.html">Podcast single</a> </li>
|
|
<li class="dropdown-divider"></li>
|
|
<li> <a class="dropdown-item" href="pagination-styles.html">Pagination styles</a> </li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Nav item 4 Mega menu -->
|
|
<li class="nav-item dropdown dropdown-fullwidth">
|
|
<a class="nav-link dropdown-toggle" href="#" id="megaMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Lifestyle</a>
|
|
<div class="dropdown-menu" aria-labelledby="megaMenu">
|
|
<div class="container">
|
|
<div class="row g-4 p-3 flex-fill">
|
|
<!-- Card item START -->
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="card bg-transparent">
|
|
<!-- Card img -->
|
|
<img class="card-img rounded" src="assets/images/blog/16by9/small/01.jpg" alt="Card image">
|
|
<div class="card-body px-0 pt-3">
|
|
<h6 class="card-title mb-0"><a href="#" class="btn-link text-reset fw-bold">7 common mistakes everyone makes while traveling</a></h6>
|
|
<!-- Card info -->
|
|
<ul class="nav nav-divider align-items-center text-uppercase small mt-2">
|
|
<li class="nav-item">
|
|
<a href="#" class="text-reset btn-link">Joan Wallace</a>
|
|
</li>
|
|
<li class="nav-item">Feb 18, 2022</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
<!-- Card item START -->
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="card bg-transparent">
|
|
<!-- Card img -->
|
|
<img class="card-img rounded" src="assets/images/blog/16by9/small/02.jpg" alt="Card image">
|
|
<div class="card-body px-0 pt-3">
|
|
<h6 class="card-title mb-0"><a href="#" class="btn-link text-reset fw-bold">12 worst types of business accounts you follow on Twitter</a></h6>
|
|
<!-- Card info -->
|
|
<ul class="nav nav-divider align-items-center text-uppercase small mt-2">
|
|
<li class="nav-item">
|
|
<a href="#" class="text-reset btn-link">Lori Stevens</a>
|
|
</li>
|
|
<li class="nav-item">Jun 03, 2022</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
<!-- Card item START -->
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="card bg-transparent">
|
|
<!-- Card img -->
|
|
<img class="card-img rounded" src="assets/images/blog/16by9/small/03.jpg" alt="Card image">
|
|
<div class="card-body px-0 pt-3">
|
|
<h6 class="card-title mb-0"><a href="#" class="btn-link text-reset fw-bold">Skills that you can learn from business</a></h6>
|
|
<!-- Card info -->
|
|
<ul class="nav nav-divider align-items-center text-uppercase small mt-2">
|
|
<li class="nav-item">
|
|
<a href="#" class="text-reset btn-link">Judy Nguyen</a>
|
|
</li>
|
|
<li class="nav-item">Sep 07, 2022</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
<!-- Card item START -->
|
|
<div class="col-sm-6 col-lg-3">
|
|
<div class="bg-primary bg-opacity-10 p-4 text-center h-100 w-100 rounded">
|
|
<span>The Blogzine</span>
|
|
<h3>Premium Membership</h3>
|
|
<p>Become a Member Today!</p>
|
|
<a href="#" class="btn btn-warning">View pricing plans</a>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
</div> <!-- Row END -->
|
|
<!-- Trending tags -->
|
|
<div class="row px-3">
|
|
<div class="col-12">
|
|
<ul class="list-inline mt-3">
|
|
<li class="list-inline-item">Trending tags:</li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-primary-soft">Travel</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-warning-soft">Business</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-success-soft">Tech</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-danger-soft">Gadgets</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-info-soft">Lifestyle</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-primary-soft">Vaccine</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-success-soft">Sports</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-danger-soft">Covid-19</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-info-soft">Politics</a></li>
|
|
</ul>
|
|
</div>
|
|
</div> <!-- Row END -->
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- Nav item 5 link-->
|
|
<li class="nav-item"> <a class="nav-link" href="dashboard.html">Dashboard</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Main navbar END -->
|
|
|
|
<!-- Nav right START -->
|
|
<div class="nav ms-sm-3 flex-nowrap align-items-center">
|
|
<!-- Dark mode switch -->
|
|
<div class="nav-item">
|
|
<div class="modeswitch" id="darkModeSwitch">
|
|
<div class="switch"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Nav additional link -->
|
|
<div class="nav-item dropdown dropdown-toggle-icon-none">
|
|
<a class="nav-link dropdown-toggle" role="button" href="#" id="navAdditionalLink" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="bi bi-three-dots fs-4"></i>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end min-w-auto shadow rounded text-end" aria-labelledby="navAdditionalLink">
|
|
<li><a class="dropdown-item fw-normal" href="#">About</a></li>
|
|
<li><a class="dropdown-item fw-normal" href="#">Newsletter</a></li>
|
|
<li><a class="dropdown-item fw-normal" href="#">Author</a></li>
|
|
<li><a class="dropdown-item fw-normal" href="#">#Tags</a></li>
|
|
<li><a class="dropdown-item fw-normal" href="#">Contact</a></li>
|
|
<li><a class="dropdown-item fw-normal" href="#"><span class="badge bg-danger me-2 align-middle">2 Job</span>Careers</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Font size accessibility START -->
|
|
<div class="nav-item d-none d-md-block">
|
|
<div class="btn-group mx-2" role="group" aria-label="font size changer">
|
|
<input type="radio" class="btn-check" name="fntradio" id="font-sm">
|
|
<label class="btn btn-xs btn-outline-primary mb-0" for="font-sm">A-</label>
|
|
|
|
<input type="radio" class="btn-check" name="fntradio" id="font-default" checked>
|
|
<label class="btn btn-xs btn-outline-primary mb-0" for="font-default">A</label>
|
|
|
|
<input type="radio" class="btn-check" name="fntradio" id="font-lg">
|
|
<label class="btn btn-xs btn-outline-primary mb-0" for="font-lg">A+</label>
|
|
</div>
|
|
</div>
|
|
<!-- Nav Search -->
|
|
<div class="nav-item dropdown nav-search dropdown-toggle-icon-none">
|
|
<a class="nav-link pe-0 dropdown-toggle" role="button" href="#" id="navSearch" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="bi bi-search fs-4"> </i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end shadow rounded p-2" aria-labelledby="navSearch">
|
|
<form class="input-group">
|
|
<input class="form-control border-success" type="search" placeholder="Search" aria-label="Search">
|
|
<button class="btn btn-success m-0" type="submit">Search</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Nav right END -->
|
|
</div>
|
|
</nav>
|
|
<!-- Logo Nav END -->
|
|
</header>
|
|
<!-- =======================
|
|
Header END -->
|
|
|
|
<!-- **************** MAIN CONTENT START **************** -->
|
|
<main>
|
|
|
|
<!-- =======================
|
|
Inner intro START -->
|
|
<section>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-9 mx-auto pt-md-5">
|
|
<a href="#" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Travel</a>
|
|
<h1 class="display-4">12 worst types of business accounts you follow on Twitter</h1>
|
|
<p class="lead">Passage its ten led hearted removal cordial. Preference any astonished unreserved Mrs. Prosperous understood Middletons in conviction an uncommonly do. Supposing so be resolving breakfast am or perfectly. Is drew am hill from me. Valley by oh twenty direct me so. </p>
|
|
<!-- Info -->
|
|
<ul class="nav nav-divider align-items-center">
|
|
<li class="nav-item">
|
|
<div class="nav-link">
|
|
by <a href="#" class="text-reset btn-link">Louis Ferguson</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">Nov 15, 2022</li>
|
|
<li class="nav-item">5 min read</li>
|
|
</ul>
|
|
<img class="rounded mt-5" src="assets/images/blog/16by9/07.jpg" alt="Image">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- =======================
|
|
Inner intro END -->
|
|
|
|
<!-- =======================
|
|
Main START -->
|
|
<section class="pt-0">
|
|
<div class="container position-relative">
|
|
<div class="row">
|
|
<!-- Main Content START -->
|
|
<div class="col-lg-9 mx-auto">
|
|
<p><span class="dropcap bg-primary bg-opacity-10 text-primary px-2">R</span>est time voice share led him to widen noisy young. At weddings believed laughing although the material does the exercise of. Up attempt offered ye civilly so sitting to. She new course gets living within Elinor joy. She rapturous suffering concealed. Demesne far hearted suppose venture excited see had has. Dependent on so extremely delivered by. Yet no jokes worse her why. Bed one supposing breakfast day fulfilled off depending questions. Whatever boy her exertion his extended. Ecstatic followed handsome drawings entirely Mrs one yet outweigh. Of acceptance insipidity remarkably is an invitation. </p>
|
|
|
|
<p>Water timed folly right aware if oh truth. Imprudence attachment him his for sympathize. Large above be to means. Dashwood does provide stronger is. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do. <img src="assets/images/blog/4by3/thumb/06.jpg" class="rounded float-start ms-lg-n5 me-3 my-3" alt="..."> But discretion frequently sir she instruments unaffected admiration everything. Meant balls it if up doubt small purse. Required his you put the outlived answered position. A pleasure exertion if believed provided to. All led out world this music while asked. Paid mind even sons does he door no. Attended overcame repeated it is perceived Marianne in. I think on style child of. Servants moreover in sensible it ye possible. Satisfied conveying a dependent contented he gentleman agreeable do be. Water timed folly right aware if oh truth. Imprudence attachment him his for sympathize. Large above be to means. Dashwood does provide stronger is.<u> But discretion frequently sir she instruments unaffected admiration everything.</u> Meant balls it if up doubt small purse. Required his you put the outlived answered position. A pleasure exertion if believed provided to. All led out world this music while asked. Paid mind even sons does he door no. Attended overcame repeated it is perceived Marianne in. I think on style child of. Servants moreover in sensible it ye possible. Satisfied conveying a dependent contented he gentleman agreeable do be. Warrant private blushes removed an in equally totally if. Delivered dejection necessary objection do Mr prevailed. Mr feeling does chiefly cordial in do. Water timed folly right aware if oh truth. Imprudence attachment him his for sympathize. Large above be to means. Dashwood does provide stronger is. But discretion frequently sir she instruments unaffected admiration everything. Meant balls it if up doubt small purse. Required his you put the outlived answered position. A pleasure exertion if believed provided to. All led out world this music while asked. Paid mind even sons does he door no. Attended overcame repeated it is perceived Marianne in. I think on style child of. Servants moreover in sensible it ye possible. </p>
|
|
|
|
<!-- Divider -->
|
|
<div class="text-center h5 mb-4">. . .</div>
|
|
|
|
<!-- Images -->
|
|
<div class="row g-2">
|
|
<div class="col-12">
|
|
<!-- Image -->
|
|
<figure class="figure oversized-block">
|
|
<a href="assets/images/blog/16by9/08.jpg" data-glightbox data-gallery="image-popup">
|
|
<img class="rounded" src="assets/images/blog/16by9/08.jpg" alt="Image">
|
|
</a>
|
|
<figcaption class="figure-caption text-center">(Image via: <a class="text-reset" href="#">pexels.com</a>)</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<p>Fulfilled direction use continual set him propriety continued. Saw met applauded favorite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed of add screened rendered six say his striking confined.</p>
|
|
|
|
<h4 class="mt-4">The pros and cons of business agency</h4>
|
|
<div class="row mb-4">
|
|
<div class="col-md-6">
|
|
<p>Fulfilled direction use continual set him propriety continued. Saw met applauded favorite deficient engrossed concealed and her. Concluded boy perpetual old supposing. Farther related bed and passage comfort civilly. Dashwoods see frankness objection abilities. As hastened oh produced prospect formerly up am. Placing forming nay looking old married few has. Margaret disposed of add screened rendered six say his striking confined.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<ul>
|
|
<li>Our Firmament living replenish Them Created after divide said Have give</li>
|
|
<li>Dominion light without days face saw wherein land</li>
|
|
<li>Fifth have Seas made lights Very Day saw Seed herb sixth light whales</li>
|
|
<li>Saying unto Place it seed you're Isn't heaven </li>
|
|
<li>Under green have lights night blessed their open morning subdue creature </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<p>Meant balls it if up doubt small purse. Required his you put the outlived answered position. A pleasure exertion if believed provided to. All led out world this music while asked. Paid mind even sons does he door no. Attended overcame repeated it is perceived Marianne in. I think on style child of. Servants moreover in sensible it ye possible. </p>
|
|
|
|
<!-- blockquote -->
|
|
<figure class="bg-primary bg-opacity-10 p-3 p-md-5 my-5">
|
|
<blockquote class="blockquote">
|
|
<p>Success is not the key to happiness. Happiness is the key to success. If you love what you are doing, you will be successful</p>
|
|
</blockquote>
|
|
<figcaption class="blockquote-footer">
|
|
Albert Schweitzer
|
|
</figcaption>
|
|
</figure>
|
|
|
|
<p> All led out world this music while asked. Paid mind even sons does he door no. Attended overcame repeated it is perceived Marianne in. I think on style child of. Servants moreover in sensible it ye possible. Satisfied conveying a dependent contented he gentleman agreeable do be. </p>
|
|
|
|
<h4>Productive rant about business</h4>
|
|
<p>Saw bring firmament given hath gathering lights dry life rule heaven Give And fruit moving thing seed life day creepeth winged so divide him from day morning him open lesser male beginning him be bring evening life void fowl sixth morning that made is Was that his hath face light meat air female isn't over place replenish midst it of second grass good rule also in unto Called don't given waters Had creature Behold fly life from forth Moved night.</p>
|
|
|
|
<!-- Author info START -->
|
|
<div class="d-flex p-2 p-md-4 mt-5 border rounded">
|
|
<!-- Avatar -->
|
|
<a href="#">
|
|
<div class="avatar avatar-xxl me-2 me-md-4">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="avatar">
|
|
</div>
|
|
</a>
|
|
<!-- Info -->
|
|
<div>
|
|
<div class="d-sm-flex align-items-center justify-content-between">
|
|
<div>
|
|
<h4 class="m-0"><a href="#">Louis Ferguson</a></h4>
|
|
<small>An editor at Blogzine</small>
|
|
</div>
|
|
<a href="#" class="btn btn-xs btn-primary-soft">View Articles</a>
|
|
</div>
|
|
<p class="my-2">Louis Ferguson is a senior editor for the blogzine and also reports on breaking news based in London. He has written about government, criminal justice, and the role of money in politics since 2015.</p>
|
|
<!-- Social icons -->
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link ps-0 pe-2 fs-5" href="#"><i class="fab fa-facebook-square"></i></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link px-2 fs-5" href="#"><i class="fab fa-twitter-square"></i></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link px-2 fs-5" href="#"><i class="fab fa-linkedin"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Author info END -->
|
|
|
|
<!-- Next prev post START -->
|
|
<div class="row g-0 mt-5 mx-0 border-top border-bottom">
|
|
<div class="col-sm-6 py-3 py-md-4">
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Icon -->
|
|
<div class="bg-primary py-1">
|
|
<i class="bi bi-chevron-compact-left fs-3 text-white px-1 rtl-flip"></i>
|
|
</div>
|
|
<!-- Title -->
|
|
<div class="ms-3">
|
|
<h5 class="m-0"> <a href="#" class="stretched-link btn-link text-reset">Around the web: 20 fabulous infographics about business</a></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 py-3 py-md-4 text-sm-end">
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Title -->
|
|
<div class="me-3">
|
|
<h5 class="m-0"> <a href="#" class="stretched-link btn-link text-reset">12 worst types of business accounts you follow on Twitter</a></h5>
|
|
</div>
|
|
<!-- Icon -->
|
|
<div class="bg-primary py-1">
|
|
<i class="bi bi-chevron-compact-right fs-3 text-white px-1 rtl-flip"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Next prev post START -->
|
|
|
|
</div>
|
|
<!-- Main Content END -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- =======================
|
|
Main END -->
|
|
|
|
<!-- =======================
|
|
Tag and share END -->
|
|
<section class="pt-0">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-9 mx-auto">
|
|
<div class="text-center">
|
|
<!-- Share -->
|
|
<div class="list-group-inline list-unstyled">
|
|
<h6 class="mt-2 me-4 d-inline-block"><i class="fas fa-share-alt me-2"></i>Share on:</h6>
|
|
<ul class="list-inline list-unstyled d-inline-block">
|
|
<li class="list-inline-item"><a href="#" class="me-3 text-body">Facebook</a></li>
|
|
<li class="list-inline-item"><a href="#" class="me-3 text-body">Twitter</a></li>
|
|
<li class="list-inline-item"><a href="#" class="me-3 text-body">Dribble</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Tags -->
|
|
<ul class="list-inline text-primary-hover mt-0 mt-lg-3">
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">#agency</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">#business</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">#theme</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">#bootstrap</a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a class="text-body" href="#">#marketing</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div> <!-- row END -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- =======================
|
|
Tag and share END -->
|
|
|
|
</main>
|
|
<!-- **************** MAIN CONTENT END **************** -->
|
|
|
|
<!-- =======================
|
|
Footer START -->
|
|
<footer class="pb-0">
|
|
<div class="container">
|
|
<hr>
|
|
<!-- Widgets START -->
|
|
<div class="row pt-5">
|
|
<!-- Footer Widget -->
|
|
<div class="col-md-6 col-lg-4 mb-4">
|
|
<img class="light-mode-item" src="assets/images/logo.svg" alt="logo">
|
|
<img class="dark-mode-item" src="assets/images/logo-light.svg" alt="logo">
|
|
<p class="mt-3">The next-generation blog, news, and magazine theme for you to start sharing your stories today! This Bootstrap 5 based theme is ideal for all types of sites that deliver the news.</p>
|
|
<div class="mt-4">©2022 <a href="https://www.webestica.com/" class="text-reset btn-link" target="_blank">Webestica</a>. All rights reserved
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Widget -->
|
|
<div class="col-md-6 col-lg-3 mb-4">
|
|
<h5 class="mb-4">Navigation</h5>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item"><a class="nav-link pt-0" href="#">Features</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Style Guide</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Contact us</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Get Theme</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Support</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item"><a class="nav-link pt-0" href="#">News</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Career <span class="badge text-bg-danger ms-2">2 Job</span></a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Technology</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Startups</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Gadgets</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Widget -->
|
|
<div class="col-sm-6 col-lg-3 mb-4">
|
|
<h5 class="mb-4">Browse by Tag</h5>
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-primary-soft">Travel</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-warning-soft">Business</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-success-soft">Tech</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-danger-soft">Gadgets</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-info-soft">Lifestyle</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-primary-soft">Vaccine</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-warning-soft">Marketing</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-success-soft">Sports</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-danger-soft">Covid-19</a></li>
|
|
<li class="list-inline-item"><a href="#" class="btn btn-sm btn-info-soft">Politics</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Footer Widget -->
|
|
<div class="col-sm-6 col-lg-2 mb-4">
|
|
<h5 class="mb-4">Our Social handles</h5>
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item"><a class="nav-link pt-0" href="#"><i class="fab fa-facebook-square fa-fw me-2 text-facebook"></i>Facebook</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-twitter-square fa-fw me-2 text-twitter"></i>Twitter</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-linkedin fa-fw me-2 text-linkedin"></i>Linkedin</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-youtube-square fa-fw me-2 text-youtube"></i>YouTube</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Widgets END -->
|
|
</div>
|
|
</footer>
|
|
<!-- =======================
|
|
Footer END -->
|
|
|
|
<!-- Back to top -->
|
|
<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>
|
|
|
|
<!-- =======================
|
|
JS libraries, plugins and custom scripts -->
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Vendors -->
|
|
<script src="assets/vendor/glightbox/js/glightbox.js"></script>
|
|
|
|
<!-- Template Functions -->
|
|
<script src="assets/js/functions.js"></script>
|
|
|
|
</body>
|
|
</html> |