Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

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

Posted on • Edited 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 aDev article and good documentation for this websitecheck out that too 🤞

Top comments(16)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
patricnox profile image
PatricNox
PHP Developer with a burning passion for development and coding. Works mainly with Laravel.
  • Email
  • Location
    Sweden
  • Education
    Web developer & Frameworks @
  • Pronouns
    He/Him
  • Work
    PHP x Laravel
  • Joined

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.

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

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

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

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

CollapseExpand
 
malzeri83 profile image
malzeri83
Greetings from north Italy! For any communication or just mutual following you are welcome at my Twitter!
  • Location
    Bergamo, Italy
  • Work
    Technology projects
  • Joined

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.

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

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

CollapseExpand
 
malzeri83 profile image
malzeri83
Greetings from north Italy! For any communication or just mutual following you are welcome at my Twitter!
  • Location
    Bergamo, Italy
  • Work
    Technology projects
  • Joined
• Edited on• 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 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

Oh ok,

Sorry for that outdated menu design 🤭

I will try to upgrade it.

Thanks again for your valuable time ☺️🙏

CollapseExpand
 
malzeri83 profile image
malzeri83
Greetings from north Italy! For any communication or just mutual following you are welcome at my Twitter!
  • Location
    Bergamo, Italy
  • Work
    Technology projects
  • Joined

No problem and all the best for you)))

Thread Thread
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

Cheers 🌻

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

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 :)

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

😁😅 thanks 🙏

Guo Jun

CollapseExpand
 
entrptaher profile image
Md Abu Taher
Full Stack Developer, focused on web automation, open source enthusiast and contributor. Passionate about programming, specializing in JavaScript.
  • Location
    Dhaka, Bangladesh
  • Joined

You should definitely optimize the images.

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴
• Edited on• 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?

CollapseExpand
 
atulcodex profile image
🚩 Atul Prajapati 🇮🇳
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴

Ohh thanks Alisha 💐🌻 you maked my day 😎🙏

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

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴
  • Location
    india
  • Education
    Self Learnings
  • Work
    Web Developer
  • Joined

More from🚩 Atul Prajapati 🇮🇳

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp