17.4 C
New York
Sunday, September 25, 2022

Buy now


New Day – Responsive Landing Restaurant HTML



is a responsive OnePage Landing HTML Template, developed for cafes, restaurants and food tracks etc. It can be implemented for many other businesses like Corporate, SPA, Clubs, Relax centers, etc.

Uniquely Responisve

New Day - Responsive Landing Restaurant HTML - 1

New Day grid base is liquid percentage grid, designed to be adaptable for every mobile and desktop device preserving the structural composition.

Click here to test it on your device.

4 Basic Page types:
Landing with Countdown
One page with Slider
Image with animated content
Video background

Unlimeted colors with 6 premade:

New Day - Responsive Landing Restaurant HTML - 2
New Day - Responsive Landing Restaurant HTML - 3

  • Different headers – landing with countdown / image / slider / video
  • Responsive and Liquid design
  • Retina ready
  • Unlimited colors – 6 premade sets
  • Reservation and contact forms with ajax and PHP (working scripts)
  • Sliders for sections
  • Menu sections with prices
  • and much more

Hand drawn background in .ai (illustrator) was attached

Technical details:

  • Bootstrap 3+
  • JQuery
  • WOW animation
  • CSS animate
  • CountUP.js
  • Font Awesome Icons
  • Google Fonts
  • Waypoints library
  • Datetimepicker
  • Nano scroll
  • Quicksand
  • Swipebox
  • SelectFx
  • and others..

Interesting facts about New Day

New Day - Responsive Landing Restaurant HTML - 4

Reservation Form feature is working on every device! You can set unlimited dates, times and persons inputs! Also it’s easy to select desired parameters or modify the form with PHP.

New Day - Responsive Landing Restaurant HTML - 5

New Day Landing page implements SVG and CSS design, ensuring it a perfect look on all Retina devices.

New Day - Responsive Landing Restaurant HTML - 6

CSS Animation, Hover Effects, Pre- loader – all these features can be easily customized without additional knowledge of HTML/CSS. I.E. you can simply add two classes for element to obtain a desired animation effect for an element!


Feel free to contact me via my user contact page if you need support or some kind of customization.



Related Articles


Please enter your comment!
Please enter your name here

- Advertisement -

Latest Articles

Latest Articles

Elements photos