File "blog_classic.html"
Full Path: /var/www/vhosts/hogsandbbqs.co.uk/httpdocs/colorpick/blog_classic.html
File size: 45.44 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<!--================ Basic page needs ================-->
<title>SteakBreak | Blog</title>
<meta charset="UTF-8">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<!--================ Mobile specific metas ================-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--================ Favicon ================-->
<link rel="shortcut icon" href="images/favicon.ico">
<!--================ Google web fonts ================-->
<link href="https://fonts.googleapis.com/css?family=Arvo:ital,wght@0,400;0,700;1,400;1,700%7CGentium+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<!--================ Vendor CSS ================-->
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<link href="https://fonts.googleapis.com/css?family=Material+Icons%7CMaterial+Icons+Outlined%7CMaterial+Icons+Two+Tone%7CMaterial+Icons+Round%7CMaterial+Icons+Sharp" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="vendors/owl-carousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="vendors/arcticmodal/jquery.arcticmodal-0.3.css">
<!--================ Theme CSS ================-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!--================ Vendor JS ================-->
</head>
<body>
<div class="mad-preloader"></div>
<div id="mad-page-wrapper" class="mad-page-wrapper">
<!--================ Search Modal ================-->
<div class="mad-d-none">
<div id="search-modal" class="mad-modal mad-modal--search">
<button type="button" class="arcticmodal-close"><i class="material-icons">close</i></button>
<h4 class="mad-title">Search</h4>
<!--================ Search Form ================-->
<form role="search" method="get" class="mad-searchform">
<input type="text" name="s" placeholder="Type your keyword here">
<button type="submit" class="btn"><i class="material-icons">search</i></button>
</form>
<!--================ End of Search Form ================-->
</div>
</div>
<!--================ End of Search Modal ================-->
<!--================ Header ================-->
<header id="mad-header" class="mad-header with-bg header-white">
<div class="mad-header-section--sticky-xl">
<div class="container">
<div class="mad-header-items">
<div class="mad-header-item">
<a href="index.html" class="mad-logo"><img src="images/logo.png" alt=""></a>
</div>
<!--================ Navigation ================-->
<nav class="mad-navigation-container">
<ul class="mad-navigation mad-navigation--vertical-sm">
<li class="menu-item menu-item-has-children"><a href="#">Home</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="index.html">Main Home</a>
</li>
<li class="menu-item"><a href="home_2.html">Left Menu Home</a>
</li>
<li class="menu-item"><a href="home_3.html">Center Menu Home</a>
</li>
<li class="menu-item"><a href="home_4.html">Right Menu Home</a>
</li>
<li class="menu-item"><a href="home_5.html">Split Showcase</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Pages</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="pages_about.html">About Us</a>
</li>
<li class="menu-item"><a href="pages_team.html">Team</a>
</li>
<li class="menu-item menu-item-has-children"><a href="#">Menu</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li><a href="menu_v1.html">Menu Variant 1</a>
</li>
<li><a href="menu_v2.html">Menu Variant 2</a>
</li>
<li><a href="menu_v3.html">Menu Variant 3</a>
</li>
<li><a href="menu_v4.html">Menu Variant 4</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Portfolio</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li><a href="portfolio_classic_3_cols.html">Classic 3 Columns</a>
</li>
<li><a href="portfolio_classic_3_cols_wide.html">Classic 3 Columns Wide</a>
</li>
<li><a href="portfolio_modern_3_cols.html">Modern 3 Columns</a>
</li>
<li><a href="portfolio_modern_3_cols_wide.html">Modern 3 Columns Wide</a>
</li>
<li><a href="portfolio_masonry.html">Masonry</a>
</li>
<li><a href="portfolio_masonry_wide.html">Masonry Wide</a>
</li>
<li class="menu-item menu-item-has-children"><a href="#">Single Portfolio Post</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="portfolio_small_img.html">Small Images</a>
</li>
<li class="menu-item"><a href="portfolio_big_img.html">Big Images</a>
</li>
<li class="menu-item"><a href="portfolio_small_slider.html">Small Slider</a>
</li>
<li class="menu-item"><a href="portfolio_big_slider.html">Big Slider</a>
</li>
<li class="menu-item"><a href="portfolio_small_grid.html">Small Grid Gallery</a>
</li>
<li class="menu-item"><a href="portfolio_big_grid.html">Big Grid Gallery</a>
</li>
<li class="menu-item"><a href="portfolio_small_masonry.html">Small Masonry Gallery</a>
</li>
<li class="menu-item"><a href="portfolio_big_masonry.html">Big Masonry Gallery</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Gallery</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li><a href="gallery_grid.html">Grid</a>
</li>
<li><a href="gallery_grid_gap.html">Grid Minimal Gap</a>
</li>
<li><a href="gallery_grid_wide.html">Grid Wide</a>
</li>
<li><a href="gallery_grid_wide_gap.html">Grid Wide Minimal Gap</a>
</li>
<li><a href="gallery_masonry.html">Masonry</a>
</li>
<li><a href="gallery_masonry_gap.html">Masonry Minimal Gap</a>
</li>
<li><a href="gallery_masonry_wide.html">Masonry Wide</a>
</li>
<li><a href="gallery_masonry_wide_gap.html">Masonry Wide Minimal Gap</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item"><a href="pages_contact_v1.html">Contact v1</a>
</li>
<li class="menu-item"><a href="pages_contact_v2.html">Contact v2</a>
</li>
<li class="menu-item"><a href="pages_coming_soon.html">Coming Soon Page</a>
</li>
<li class="menu-item"><a href="pages_404.html">404 Page</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children mega-menu"><a
href="#">Elements</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item menu-item-has-children"><a href="#" class="sub-title">Elements 1</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="elements_accordions_toggles.html">Accordions
& Toggles</a></li>
<li class="menu-item"><a href="elements_alert_boxes_buttons.html">Alert Boxes
& Buttons</a></li>
<li class="menu-item"><a href="elements_call_to_actions.html">Call to Actions</a></li>
<li class="menu-item"><a href="elements_counters.html">Counters & Countdowns</a></li>
<li class="menu-item"><a href="elements_icon_boxes.html">Icon With Text</a></li>
<li class="menu-item"><a href="elements_image_boxes.html">Image With Text</a></li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#" class="no-title">Elements 2</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="elements_forms.html">Reservation Forms</a></li>
<li class="menu-item"><a href="elements_pricing.html">Pricing Tables</a></li>
<li class="menu-item"><a href="elements_tables.html">Tables & Progress Bars</a></li>
<li class="menu-item"><a href="elements_tabs.html">Tabs & Tour Sections</a></li>
<li class="menu-item"><a href="elements_team.html">Team Members & Awards</a></li>
<li class="menu-item"><a href="elements_testimonials.html">Testimonials</a></li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#" class="sub-title">Typography</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="elements_dropcaps_blockquotes.html">Dropcaps
& Blockquotes</a></li>
<li class="menu-item"><a href="elements_headings_and_paragraphs.html">Headings
& Paragraphs</a></li>
<li class="menu-item"><a href="elements_highlights_tooltips_listings.html">Highlights, Tooltips and
Listings</a></li>
<li class="menu-item"><a href="rtl/index.html">RTL Version</a></li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children sub-wrap"><a href="#" class="sub-title">Header and Footer
Layouts</a>
<!--================ Sub Menu ================-->
<div class="sub-menu">
<ul>
<li class="menu-item"><a href="index.html">Header v1</a></li>
<li class="menu-item"><a href="home_2.html">Header v2</a></li>
<li class="menu-item"><a href="home_3.html">Header v3</a></li>
<li class="menu-item"><a href="home_4.html">Header v4</a></li>
</ul>
<ul>
<li class="menu-item"><a href="index.html">Footer v1</a></li>
<li class="menu-item"><a href="home_2.html">Footer v2</a></li>
<li class="menu-item"><a href="home_3.html">Footer v3</a></li>
<li class="menu-item"><a href="home_4.html">Footer v4</a></li>
</ul>
</div>
<!--================ End of Sub Menu ================-->
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Events</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="events_list.html">Events List</a>
</li>
<li class="menu-item"><a href="events_month.html">Events by Month</a>
</li>
<li class="menu-item"><a href="events_day.html">Events by Day</a>
</li>
<li class="menu-item"><a href="events_single.html">Single Event Page</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children current-menu-item"><a href="#">News</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item menu-item-has-children current-menu-item"><a href="#">Classic Blog</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="blog_classic_sidebar.html">With Right Sidebar</a>
</li>
<li class="menu-item current-menu-item"><a href="blog_classic.html">Without Sidebar</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="blog_masonry.html">Masonry Blog</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="blog_masonry_sidebar.html">With Right Sidebar</a>
</li>
<li class="menu-item"><a href="blog_masonry.html">Without Sidebar</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Single Blog Post</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="blog_single_sidebar.html">With Right Sidebar</a>
</li>
<li class="menu-item"><a href="blog_single.html">Without Sidebar</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Shop</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="shop_front_sidebar.html">Shop With Right Sidebar</a>
</li>
<li class="menu-item"><a href="shop_front.html">Shop Without Sidebar</a>
</li>
<li class="menu-item"><a href="shop_single.html">Single Product Page</a>
</li>
<li class="menu-item"><a href="shop_checkout.html">Cart/Checkout</a>
</li>
<li class="menu-item"><a href="shop_account.html">My Account</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
<li class="menu-item menu-item-has-children"><a href="#">Reservations</a>
<!--================ Sub Menu ================-->
<ul class="sub-menu">
<li class="menu-item"><a href="reservation_open_table.html">Via OpenTable</a>
</li>
<li class="menu-item"><a href="reservation_booked.html">Via Booked - Appointment
Booking Plugin</a>
</li>
</ul>
<!--================ End of Sub Menu ================-->
</li>
</ul>
<div class="mad-actions">
<div class="mad-item">
<a href="#" class="mad-item-link"><i class="material-icons">person_outline</i></a>
</div>
<div class="mad-item mad-dropdown">
<a href="#" type="button" class="mad-item-link mad-dropdown-title"><span class="mad-count">3</span><i
class="material-icons">shopping_cart</i></a>
<div class="shopping-cart mad-dropdown-element">
<div class="mad-products mad-product-small">
<div class="mad-col">
<!-- Product -->
<div class="mad-product">
<button class="mad-close-item"><i class="licon-cross-circle"></i></button>
<a href="#" class="mad-product-image">
<img src="images/72x72_img1.jpg" alt="">
</a>
<!-- product-info -->
<div class="mad-product-description">
<a href="#" class="mad-product-title mad-link">Crab Oscar</a>
<span class="mad-product-price">1×$30</span>
</div>
<!--/ product-info -->
</div>
<!-- End of Product -->
</div>
<div class="mad-col">
<!-- Product -->
<div class="mad-product">
<button class="mad-close-item"><i class="licon-cross-circle"></i></button>
<a href="#" class="mad-product-image">
<img src="images/72x72_img2.jpg" alt="">
</a>
<!-- product-info -->
<div class="mad-product-description">
<a href="#" class="mad-product-title mad-link">Burrata Salad</a>
<span class="mad-product-price">1×$35</span>
</div>
<!--/ product-info -->
</div>
<!-- End of Product -->
</div>
</div>
<div class="sc-footer">
<div class="subtotal">Subtotal: <span>$21.98</span></div>
<a href="#" class="btn w-100"><span>Checkout</span> <i><img src="steakbreak_svg_icons/short_arrow_right.svg" alt="" class="svg"></i></a>
</div>
</div>
</div>
<div class="mad-item">
<a href="#" class="mad-item-link" data-arctic-modal="#search-modal"><i class="material-icons">search</i></a>
</div>
</div>
</nav>
<!--================ End of Navigation ================-->
</div>
</div>
</div>
</header>
<!--================ End of Header ================-->
<!--================ Breadcrumb ================-->
<div class="mad-breadcrumb with-bg" data-bg-image-src="images/1920x400_bg3.jpg">
<div class="container">
<nav class="mad-breadcrumb-path"><span><a href="index.html">Home</a></span> / <span>Classic Blog Without Sidebar</span>
</nav>
<h1 class="mad-page-title">Classic Blog Without Sidebar</h1>
</div>
</div>
<!--================ End of Breadcrumb ================-->
<div class="mad-content no-pd">
<div class="container">
<div class="mad-section mad-section--stretched mad-colorizer--scheme-">
<div class="mad-colorizer-bg-color">
<div class="with-svg-item"><img src="images/mud4.png" alt=""></div>
</div>
<div class="row justify-content-center">
<div class="col-xl-8">
<!--================ Image Boxes ================-->
<div class="mad-entities mad-entities-big style-3">
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<a href="#"><img src="images/928x600_img2.jpg" alt=""></a>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">September 12, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">Food</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">Sed in lacus ut enim adipiscing</a></h4>
<p>Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.
Vestibulum
sed ante. Donec sagittis euismod purus.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<div class="mad-testimonials with-bg style-2">
<!--================ Testimonial ================-->
<div class="mad-testimonial">
<div class="mad-testiomonial-info">
<blockquote aria-labelledby="testimonial-cite-1" class="mad-blockquote--unstyled">“Mauris fermentum dictum
magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel...”</blockquote>
</div>
<div class="mad-author">
<div class="mad-author-info">
<cite id="testimonial-cite-1">Mark Johnson</cite>
</div>
</div>
</div>
<!--================ End of Testimonial ================-->
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<div class="mad-responsive-iframe">
<iframe
src="https://www.youtube.com/embed/mUzkMUcn2Kk?rel=0&showinfo=0&autohide=2&controls=0&playlist=J2Y_ld0KL-4&enablejsapi=1"></iframe>
</div>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">August 23, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">News</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">In pede mi, aliquet sit amet</a></h4>
<p>Iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,eaque ipsa quae ab illo
inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<div class="mad-fullwidth-iframe">
<iframe
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/672986156&color=ff5500&auto_play=false&hide_related=false&show_artwork=true"></iframe>
</div>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">July 17, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">News</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">Proin dictum elementum velit</a></h4>
<p>Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec
sagittis euismod
purus. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<a href="#"><img src="images/928x600_img3.jpg" alt=""></a>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">July 17, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">Events</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">Proin dictum elementum velit</a></h4>
<p>Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet
sit amet,
euismod in, auctor ut, ligula. Aliquam dapibus tincidunt metus.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<a href="#" class="mad-entity-link-element"><i class="fa fa-link"></i>Vivamus eget nibh. Etiam cursus leo vel
metus.</a>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<div class="video_wrapper video_wrapper_full js-videoWrapper image-2">
<iframe class="videoIframe js-videoIframe" allowfullscreen
data-src="https://player.vimeo.com/video/42829407?title=0&byline=0&portrait=0"></iframe>
<button class="videoPoster js-videoPoster"></button>
</div>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">July 29, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">Food</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">Nemo enim ipsam voluptatem</a></h4>
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
ipsam
voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<div class="mad-responsive-iframe">
<iframe src="https://player.vimeo.com/video/42829407?title=0&byline=0&portrait=0"></iframe>
</div>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">July 29, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">Tips & Tricks</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">Donec porta diam eu massa</a></h4>
<p>Iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,eaque ipsa quae ab illo
inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<div class="owl-carousel mad-simple-slideshow mad-grid with-nav with-nav-bp nav-style-2 type-2">
<div class="mad-grid-item"><img src="images/928x600_img5.jpg" alt=""></div>
<div class="mad-grid-item"><img src="images/928x600_img6.jpg" alt=""></div>
<div class="mad-grid-item"><img src="images/928x600_img7.jpg" alt=""></div>
</div>
</div>
<div class="mad-entity-body">
<time datetime="2020-08-12">August 4, 2020 / by <a href="#" class="mad-link">admin</a> / in <a href="#"
class="mad-link">Food</a></time>
<h4 class="mad-entity-title"><a href="#" class="mad-link">In pede mi, aliquet sit amet</a></h4>
<p>Vestibulum sed ante. Donec sagittis euismod purus. Sed ut perspiciatis unde omnis iste natus error sit
voluptatem
accusantium doloremque laudantium, totam rem aperiam,eaque ipsa quae.</p>
<div class="mad-entity-footer">
<a href="#" class="mad-read-more small-size">Read More <img src="steakbreak_svg_icons/fork.svg" alt=""
class="svg"></a>
<div class="mad-share-wrap"><span>Share:</span>
<div class="mad-social-icons style-3 size-2">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tumblr"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</article>
<!--================ End of Entity ================-->
</div>
<div class="mad-col">
<!--================ Entity ================-->
<article class="mad-entity">
<div class="mad-entity-media">
<a href="#" class="mad-entity-link-element"><i class="fa fa-link"></i>Sed in lacus ut enim adipiscing
aliquet</a>
</div>
</article>
<!--================ End of Entity ================-->
</div>
</div>
<!--================ End of Image Boxes ================-->
<ul class="mad-pagination justify-content-center">
<li><a href="#" class="prev mad-arrows"><img src="steakbreak_svg_icons/short_arrow_left.svg" alt="" class="svg"></a></li>
<li><a href="#" class="page-numbers">1</a></li>
<li><a href="#" class="page-numbers current">2</a></li>
<li><a href="#" class="page-numbers">3</a></li>
<li><a href="#" class="next mad-arrows"><img src="steakbreak_svg_icons/short_arrow_right.svg" alt="" class="svg"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--================ Footer ================-->
<footer id="mad-footer" class="mad-footer">
<!--================ Footer row ================-->
<div class="mad-footer-main">
<div class="container">
<div class="content-element-8">
<div class="row vr-size-1">
<div class="col-lg-4">
<!--================ Widget ================-->
<section class="mad-widget">
<h5 class="mad-widget-title">Join Our Mailing List</h5>
<p>Sign up now and get news and special offers.</p>
<form class="mad-newsletter-form one-line">
<input type="email" name="email" placeholder="Enter Your Email Address">
<button type="submit" class="btn btn-big icon-btn"><i class="material-icons">mail_outline</i></button>
</form>
</section>
<!--================ End of Widget ================-->
</div>
<div class="col-lg-4">
<!--================ Widget ================-->
<section class="mad-widget">
<div class="content-element-3">
<h5 class="mad-widget-title">Stay Connected</h5>
<p>Follow us on social media channels</p>
</div>
<div class="mad-social-icons style-3 size-big">
<ul class="justify-content-center">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-tripadvisor"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</section>
<!--================ End of Widget ================-->
</div>
<div class="col-lg-4">
<!--================ Widget ================-->
<section class="mad-widget">
<h5 class="mad-widget-title">Our Awards</h5>
<a href="#"><img src="images/awards.png" alt=""></a>
</section>
<!--================ End of Widget ================-->
</div>
</div>
</div>
<!--================ Widget ================-->
<section class="mad-widget">
<div class="mad-hr-list">
<ul class="justify-content-center">
<li><a href="#" class="mad-link">Home</a></li>
<li><a href="#" class="mad-link">About</a></li>
<li><a href="#" class="mad-link">Menu</a></li>
<li><a href="#" class="mad-link">Events</a></li>
<li><a href="#" class="mad-link">Contact</a></li>
<li><a href="#" class="mad-link">News</a></li>
<li><a href="#" class="mad-link">Reservation</a></li>
</ul>
</div>
<p class="copyrights">Copyright © 2020 SteakBreak.
All Rights Reserved.</p>
</section>
<!--================ End of Widget ================-->
</div>
</div>
<!--================ End of Footer row ================-->
</footer>
<!--================ End of Footer ================-->
</div>
<script src="vendors/modernizr.js"></script>
<script src="vendors/jquery-3.3.1.min.js"></script>
<script src="vendors/jquery.easing.1.3.min.js"></script>
<script src="vendors/monkeysan.jquery.nav.1.0.min.js"></script>
<script src="vendors/handlebars-v4.0.5.min.js"></script>
<script src="vendors/jquery.parallax-1.1.3.min.js"></script>
<script src="vendors/instafeed.min.js"></script>
<script src="vendors/instafeed.wrapper.min.js"></script>
<script src="vendors/mad.customselect.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="vendors/fancybox/jquery.fancybox.min.js"></script>
<script src="vendors/monkeysan.validator.min.js"></script>
<script src="vendors/tweetie/tweetie.min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="vendors/monkeysan.validator.min.js"></script>
<script src="vendors/arcticmodal/jquery.arcticmodal-0.3.min.js"></script>
<script src="vendors/retina.min.js"></script>
<script src="js/modules/mad.alert-box.min.js"></script>
<script src="js/modules/mad.newsletter-form.min.js"></script>
<script src="js/modules/mad.sticky-header-section.min.js"></script>
<script src="js/mad.app.js"></script>
</body>
</html>