DEV Community 👩‍💻👨‍💻

Cover image for Eligant restaurant website 🍣
🚩 Atul Prajapati 🇮🇳
🚩 Atul Prajapati 🇮🇳

Posted on • Updated on

Eligant restaurant website 🍣

Lasagna restaurant website

Demo Link

Link to Code

When i was started learning to code, then after some day I was dreamed about to start building website template. This is my first template which i have made from scratch with HTML, CSS and little bit of javascript.

The lasagna restaurant theme is a one-page template for any type of restaurants, bistros, sushi bar, fast food, casual dining, fast-casual, buffet, pop-up restaurants, and much more.

Lasagna theme is a clean and modern HTML, CSS, and Javascript theme for cafe & restaurant and any food-related business website built with the core HTML, CSS, and javascript tech stacks. Lasagna theme supports responsive layout so it looks great on all devices. It has predefined styling for modern cuisine restaurants, Asian food restaurants, and elegant food restaurants which is now ready for a sushi bar restaurant 🍣🍥 but you can customize it according to your business and restaurant.

Features

-Clean & commented modern codes
-100% responsive
-Free font, icons, and images
-Documentation included both online and offline
-Unique Design
-Parallax scrolling
-Single page
-Easy to customize
-Header side navigation
-Developer friendly
-4 Second load time
-Supporting for all Browsers
-Page loader
-24/7 support

Additional Thoughts / Feelings / Stories

I have written a Dev article and good documentation for this website check out that too 🤞

Top comments (18)

Collapse
 
patricnox profile image
PatricNox

It's actually very neat. Good job!

Something to add would be the "snip to section" whilst scrolling.

I mean, click one of the links in the navigator. You'll get scrolled down and right into its full section, like "snipped" to it. Though, while scrolling, you can see both the previous section and the next one. I believe it'd be smoother with a snip to section here.

Anywho, a blanktemplate with those effects (basically everything on your site and this above) with only small sample content in it could be benefitial for people, so if you strive for open-source then that's a first step to go. I know I would use it.

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Hey Patric I have just published my Lasagna theme for open source, take a look 🙏🤟

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Thanks Patric you maked my day 💐😎 more productive. I will surely publis this template to GitHub for everyone 🤘💛
Have a nice day⛅

Collapse
 
malzeri83 profile image
malzeri83

Nice and very elegant for 1 page website. Yes, design is impressive and stylish for Italian restaurant. Let me make tell from PC view - If you will tap "menu" for example you will miss menu and you need to go to the top manually. The arrow icon on right to tap and immediatelly to go to the top could be helpful.
I will try to open in mobile to tell something else.

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Hey malzeri,

First of all thanks for this detailed and genuine feedback. I appreciate it :)
And
I promise you, this sunday i will add this feature in this "Restaurant Website" & then update you. Love from India :)

Namaste

Collapse
 
malzeri83 profile image
malzeri83 • Edited on

I promised to give you mobile feedback. Look at the screen and just tell how to close the menu. For example you open menu at the begin, tap something, went there and... Right, there is no closing cross. To close menu you should move to the top. It is not functional really so with this stupid bug your theme cannot be considered as made.
dev-to-uploads.s3.amazonaws.com/up...

Thread Thread
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Oh ok,

Sorry for that outdated menu design 🤭

I will try to upgrade it.

Thanks again for your valuable time ☺️🙏

Collapse
 
malzeri83 profile image
malzeri83

No problem and all the best for you)))

Thread Thread
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Cheers 🌻

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

hello friend i have just added that scroll to top feature on our website. You can check that in our website link available in post :)

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

😁😅 thanks 🙏

Guo Jun

Collapse
 
entrptaher profile image
Md. Abu Taher 👨‍💻

You should definitely optimize the images.

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳 • Edited on

oh yes brother, but this is not a mistake. I have used heavy images because I want to show you the pretty page loader 😉. Any other issues are there?

Collapse
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳

Ohh thanks Alisha 💐🌻 you maked my day 😎🙏

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

In defense of the modern web

I expect I'll annoy everyone with this post: the anti-JavaScript crusaders, justly aghast at how much of the stuff we slather onto modern websites; the people arguing the web is a broken platform for interactive applications anyway and we should start over;

React users; the old guard with their artisanal JS and hand authored HTML; and Tom MacWright, someone I've admired from afar since I first became aware of his work on Mapbox many years ago. But I guess that's the price of having opinions.