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 (16)

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

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

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.