Skip to the content
Products
App Builder
Mobile app builder to create an app in 3 steps.
Android App Maker
iPhone App Maker
Convert Website to App
AI App Generator
Website Builder
Website builder to create a websites in minutes
AI Website Builder
Business Website Builder
Ecommerce Website Builder
Tools
AI Name Generator
AI Slogan Generator
AI Text Generator
Scheduling Software
Free Online Calculator
AI Title Generator
AI Quiz Maker
AI Worksheet Maker
AI Writing Generator
AI Content Generator
AI Code Generator
AI UI Design Generator
AI Code Checker
AI Blog Post Generator
AI Product Description Generator
AI Description Generator
AI Bio Generator
AI Caption Generator
AI Quote Generator
AI Form Builder
AI QR Code Generator
AI Barcode Generator
AI Keyword Generator
AI Image to Quiz Generator
AI FAQ Generator
AI Question Generator
Website Accessibility Checker
AI Landing Page Generator
AI Paragraph Generator
AI Summary Generator
SSL Checker
DNS Checker
Web Hosting
Website Checker
Plagiarism Checker
Backlink Checker
Domain Transfer
Domain Name Generator
Contact Us
Help
Pricing
Reseller
AI Templates
Join
Log in
Home
Templates
Others
Online Magazine Website Themes Templates
Online Magazine website Themes & Templates
Use this template
<div><a class="btn p-0 border-0 mb-3 mt-3 link mt-self-40 me-self-0 mb-self-0 ms-self-0 pt-self-16 pe-self-32 pb-self-16 ps-self-32" style="color: rgb(255, 255, 255); background-color: rgb(230, 0, 0); background-image: inherit; font-size: 18px;">BUY TICKETS</a> </div> <img class="mt-3 hide-item image cover" src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/sign-2.png" alt=""> </div> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-4x3.png" alt="" class="col mt-4 mt-lg-0 image mt-self-0 me-self-40 mb-self-0 ms-self-0 cover" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/entertainment-2.jpg");"> </div> </div> </section><section class="block container-fluid p-0 m-0 id-633d48f84b67da36d252e57d 62fb6ed8de38a1536f1ec498" id="id-633d48f84b67da36d252e57d"> <div data-type="main" class="container text-start pt-self-80 pe-self-20 pb-self-80 ps-self-20"> <div class="w-100 text-center"> <div class="description mb-1 hide-item text" style="color: rgb(115, 115, 115);">Enjoy a complete food experience</div> <div class="title mb-5 hide-item heading h1" style="color: rgb(72, 72, 72);">MENU PROMOTIONS</div> </div> <div class="row justify-content-center d-flex row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3"><div class="col mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/entertainment-3.jpg"); background-size: cover;"> <div class="img-box position-absolute w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">March 10, 2017</div> <div><h3 class="position-relative list-element list-title text-capitalize heading mt-self-0 me-self-0 mb-self-40 ms-self-0 h3" style="color: rgb(255, 255, 255); font-size: 34px;">For a minute she stood looking</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document.</div> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">FROM $ 3.50 / SHOT</div> <a class="btn btn-primary mt-4 border-0 list-element hide-item link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div><div class="col mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/entertainment-4.jpg"); background-size: cover;"> <div class="img-box position-absolute w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">March 10, 2017</div> <div><h3 class="position-relative list-element list-title text-capitalize heading mt-self-0 me-self-0 mb-self-40 ms-self-0 h3" style="color: rgb(255, 255, 255); font-size: 34px;">For a minute she stood looking</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document.</div> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">FROM $ 3.50 / SHOT</div> <a class="btn btn-primary mt-4 border-0 list-element hide-item link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div><div class="col mb-4 repeat"> <div class="adv-img-full-content position-relative list-item item pt-self-80 pe-self-0 pb-self-80 ps-self-0" style="background-image: url("https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/media/entertainment-5.jpg"); background-size: cover;"> <div class="img-box position-absolute w-100 overflow-hidden"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-2x3.png" alt="" class="img-fluid w-100"> </div> <div class="caption-bg d-flex align-items-center"> <div class="caption w-100"> <div class="py-2 list-element text" style="color: rgb(255, 255, 255);">March 10, 2017</div> <div><h3 class="position-relative list-element list-title text-capitalize heading mt-self-0 me-self-0 mb-self-40 ms-self-0 h3" style="color: rgb(255, 255, 255); font-size: 34px;">For a minute she stood looking</h3></div> <div class="sub list-element mt-3 text" style="color: rgb(255, 255, 255);">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document.</div> <div class="py-2 list-element hide-item text" style="color: rgb(255, 255, 255);">FROM $ 3.50 / SHOT</div> <a class="btn btn-primary mt-4 border-0 list-element hide-item link" style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); background-image: inherit;">Order Now</a> </div> </div> </div> </div></div> </div> </section><section class="block container-fluid p-0 m-0 id-638da2be60aef610b75c6d01 62fb6eddecf96818eb6bc438" id="id-638da2be60aef610b75c6d01" style="color: rgb(26, 25, 25); background-color: rgb(255, 255, 255); background-image: inherit;"> <div data-type="main" class="container text-start pt-self-0 pe-self-20 pb-self-50 ps-self-20"> <div class="row"> <div class="col-md-12 col-lg-3 news mb-4"> <div style="font-size:46px" class="heading h6"><b>News</b></div> <div style="font-size:16px" class="text m-self-0 p-self-0"><a href="#"><b>Design</b></a><br><a href="#"><b>Fashion</b></a><br><a href="#"><b>Featured</b></a><br><a href="#"><b>Lifestyle</b></a><br><a href="#"><b>Nature</b></a><br><a href="#"><b>Tech</b></a><br><a href="#"><b>Travel</b></a></div> </div> <div class="col-lg-9 col-md-12"> <div><article class="news-article mb-4 repeat"> <div class="list-item item p-self-0"> <div class="list-element text" style="font-size:12px">March 17, 2017</div> <h3 class="list-element heading" style="font-size:22px"><b>Pigeon River & White</b></h3> <div class="list-element my-3 text" style="font-size:14px">Then beyond the bend my brother stopped again. Miss Elphinstone was white and pale, and her sister-in-law sat weeping, too wretched even to call upon “George.” My brother was horrified and perplexed. So soon as they had...</div> <span class="meta_more"> <a class="list-element link" href="#" style="color: rgb(240, 33, 27);">Read More</a> </span> </div> <div class="hair-line my-3"></div> </article><article class="news-article mb-4 repeat"> <div class="list-item item p-self-0"> <div class="list-element text" style="font-size:12px">March 17, 2017</div> <h3 class="list-element heading" style="font-size:22px"><b>Pigeon River & White</b></h3> <div class="list-element my-3 text" style="font-size:14px">Then beyond the bend my brother stopped again. Miss Elphinstone was white and pale, and her sister-in-law sat weeping, too wretched even to call upon “George.” My brother was horrified and perplexed. So soon as they had...</div> <span class="meta_more"> <a class="list-element link" href="#" style="color: rgb(240, 33, 27);">Read More</a> </span> </div> <div class="hair-line my-3"></div> </article><article class="news-article mb-4 repeat"> <div class="list-item item p-self-0"> <div class="list-element text" style="font-size:12px">March 17, 2017</div> <h3 class="list-element heading" style="font-size:22px"><b>Pigeon River & White</b></h3> <div class="list-element my-3 text" style="font-size:14px">Then beyond the bend my brother stopped again. Miss Elphinstone was white and pale, and her sister-in-law sat weeping, too wretched even to call upon “George.” My brother was horrified and perplexed. So soon as they had...</div> <span class="meta_more"> <a class="list-element link" href="#" style="color: rgb(240, 33, 27);">Read More</a> </span> </div> <div class="hair-line my-3"></div> </article><article class="news-article mb-4 repeat"> <div class="list-item item p-self-0"> <div class="list-element text" style="font-size:12px">March 17, 2017</div> <h3 class="list-element heading" style="font-size:22px"><b>Pigeon River & White</b></h3> <div class="list-element my-3 text" style="font-size:14px">Then beyond the bend my brother stopped again. Miss Elphinstone was white and pale, and her sister-in-law sat weeping, too wretched even to call upon “George.” My brother was horrified and perplexed. So soon as they had...</div> <span class="meta_more"> <a class="list-element link" href="#" style="color: rgb(240, 33, 27);">Read More</a> </span> </div> <div class="hair-line my-3"></div> </article></div> <div class="text-center mt-5"> <a href="#" class="btn py-3 px-4 fw-bold rounded-pill link" style="color: rgb(255, 255, 255); background-color: rgb(240, 33, 27); background-image: inherit;">Read More</a> </div> </div> </div> </div> </section></div> <div class="app-footer live-view"><section class="block container-fluid p-0 m-0 id-footer4 footer" id="id-footer4" style="color: rgb(255, 255, 255); background-color: rgb(30, 30, 30); background-image: inherit;"> <footer data-type="main" class="container text-start ps-self-20 pt-self-40 pe-self-20 pb-self-25"> <div class="footer-container"> <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4"> <div class="col mb-5 mb-lg-0"> <h4 class="heading h3">Join Us</h4> <div class="text m-self-0 p-self-0">Reference site about Lorem Ipsum, giving information on its origins.</div> <div class="social mt-3" style="color: rgb(255, 255, 255);"><a class="fab fa-facebook" href="https://www.facebook.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-twitter" href="https://twitter.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-youtube" href="https://www.youtube.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a><a class="fab fa-linkedin" href="https://www.linkedin.com/" target="_blank" style="color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);" rel="noopener"></a></div> <div class="d-flex align-items-center mt-4"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x1.png" alt="Image" height="30" class="mb-3 image contain" style="background-image: url("https://templates.pbodev.info/images/media/appstore.png");"> <img src="https://d2wuvg8krwnvon.cloudfront.net/inlineeditor/images/image-3x1.png" alt="Image" class="ms-3 mb-3 image contain" height="30" style="background-image: url("https://templates.pbodev.info/images/media/googleplay.png");"> </div> </div> <div class="col mb-5 mb-lg-0"> <h4 class="heading h3">Menu</h4> <div class="lh-lg text m-self-0 p-self-0"><a href="#">Home</a><br><a href="#">Our Work</a><br><a href="#">About the Company</a><br><a href="#">Contact Us</a><br><a href="#">FAQ</a></div> </div> <div class="col mb-5 mb-lg-0"> <h4 class="heading h3">Quick Link</h4> <div class="lh-lg text m-self-0 p-self-0"><a href="#">Blog</a><br><a href="#">Newsletter</a><br><a href="#">RSS Feed</a><br><a href="#">Privacy Policy</a><br><a href="#">Terms & Conditions</a></div> </div> <div class="col mb-3 mb-lg-0"> <h4 class="heading h3">Contact Us</h4> <div class="text m-self-0 p-self-0">123BE. Example Street Ashland,<br> United States,<br>USA 12345 <br><br><strong>Phone:</strong> +1 1234 5678 01 <br><strong>Email:</strong> contact@example.com</div> </div> </div> <div class="text-center border-top pt-4 pb-0 mt-2 text ms-self-0 mt-self-10 me-self-0 mb-self-0 ps-self-0 pt-self-20 pe-self-0 pb-self-0" style="border-color:rgba(255,255,255,.2) !important">©2022 Copyright</div> </div> </footer> </section></div> </div> </section>'>
