Responsive Sushi Restaurant Website Design Using HTML CSS & JavaScript
Responsive sushi restaurant website design using HTML CSS & JavaScript.
With CSS animations when scrolling. Includes a light and dark mode. And website deployment to the internet. Developed first with the Mobile First methodology, then for desktop.
Enjoy the video, greetings and success ?
? Subscribe for more!
https://www.youtube.com/c/Bedimcode
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
❤ Get template
https://www.buymeacoffee.com/bedimcode/e/99270
? Get template by PayPal
https://ko-fi.com/s/adb642bc91
? Membership (Get Source Code)
https://www.buymeacoffee.com/bedimcode/membership
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
?? Start project from scratch
https://github.com/bedimcode/responsive-sushi-website
☝ Start developing the project (base files + images)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP
- Extract the project to the desired location
?Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
JS Functions: https://github.com/bedimcode/responsive-watches-website
ScrollReveal: https://scrollrevealjs.org/
Netlify: https://www.netlify.com/
⏱ Timestamps
0:00 Intro Responsive Sushi Restaurant Website
3:10 Project Setup
5:57 Variables CSS
6:10 Reset HTML & Reusable CSS
9:38 Header & Nav
22:50 Home
28:50 Buttons
30:41 Change Background Header
32:11 About
36:50 Popular
44:46 Recently
50:52 Newsletter
57:48 Footer
1:12:23 Scroll Bar
1:13:47 Scroll Up
1:17:25 Scroll Sections Active Link
1:19:14 Dark/Light Theme
1:27:20 Breakpoints
1:52:29 ScrollReveal Animation
1:57:00 Final Project
1:58:19 Website Deployment (Uploading to the internet)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
? Images
https://iconscout.com/
? Doubts about the project send a DM to Facebook
⌚ I answer at 6:00 PM (Perú time)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
☕️ Support me
https://www.buymeacoffee.com/bedimcode
? Support me by PayPal
https://ko-fi.com/bedimcode
? Thanks for watching!
Make sure to like + Subscribe for more! ?
#responsivewebsite #restaurantwebsite #bedimcode
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Responsive Sushi Restaurant Website Design Using HTML CSS & JavaScript», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.