Web cifar

Web cifar смотреть последние обновления за сегодня на .

One Page Full Website Project For Practice | HTML & CSS Responsive Website

1045316
27361
1193
03:21:44
25.03.2020

Today we are going to create a website which will be a nice one page website. This is for HTML & CSS practice and through this project we will see many things like how we can make our website fully responsive, so many things about pseudo elements, hamburger, Off-canvas menu and many more. Hope you will like this video. Also, You can download the source code from the link down below. Source Code : 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 Tutorials mentioned in the video: Complete Restaurant Project: 🤍 Text Reveal Effect : 🤍 Responsive Nav-bar : 🤍 Hamburger : 🤍 Websites mentioned in the video: Visual Studio Code : 🤍 Icons8 : 🤍 Similar Projects: Shaif's Cuisine - HTML, CSS Project 🤍 Amy's Portfolio - HTML, CSS Project 🤍 Ayan's Portfolio - React JS Project 🤍 Join The Community : Our website : 🤍 Instagram : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Behance : 🤍 twitter : 🤍 Music Credit : Song: DayFox - Crushed Hearts (Vlog No Copyright Music) Music provided by Vlog No Copyright Music. Video Link: 🤍 #responsive #website #project

HTML CSS Full Project | Restaurant Website | Shaif's Cuisine

47550
1739
107
06:28:23
04.10.2021

Shaif's Cuisine is a HTML CSS Project. In this HTML CSS Project we are going to make this full restaurant website and will make it responsive. In the end we will push it to GitHub and deploy it to Netlify, Also we will make all the forms functional. We are gonna learn so many things through this project. 🔔 Subscribe and turn on the notification bell. 📚 Source code: 🤍 👉 Live Preview: 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 Timestamps - 00:00:00 - Project Intro 00:05:43 - Starter Files 00:07:50 - Intro 00:09:03 - File Structure 00:16:14 - Global Styles 00:26:42 - Nav Menu 01:14:01 - Footer 01:45:20 - Add Nav & Footer to All Pages 01:49:05 - Hero Section 02:03:03 - AOS Init 02:07:24 - Store Info Section 02:21:13 - Our Specials Section 02:49:02 - Top Dishes Section 03:07:29 - Discount Section 03:31:40 - Events Media Section 03:40:10 - Events Info Section 03:58:52 - Why Us Section 04:16:37 - Testimonial Section 04:37:00 - Newsletter Section 04:52:26 - Menu Page 05:20:25 - About Page 05:40:07 - Contact Page 05:58:45 - Booking Page 06:11:55 - Push to GitHub 06:15:20 - Deploy to Netlify 06:27:05 - Final Goodbye 🤵Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Similar Projects: Amy's Portfolio - HTML, CSS Project 🤍 Ayan's Portfolio - React JS Project 🤍 One Page portfolio- HTML CSS Project 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 & 🤍 #shaifsCuisine #htmlCss #restaurantWebsite

Responsive Website With HTML & CSS | Mini Project For Practice | Web Cifar 2020

57529
1824
103
02:02:27
02.03.2020

Today we are going to create a website with HTML & CSS. This is a mini project and specially for the beginners. We will show you how you can turn the website into a responsive design. We will see how to create responsive navigation bar with Mobile hamburger menu and how to make flip box box with css. There are many thing that you can learn through the practice. You can download the source code from the link down below. Source Code : 🤍 Tutorials mentioned in the video: Responsive Nav-bar : 🤍 Hambuger : 🤍 Flip Crad : 🤍 3D Flip card : 🤍 ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs (including VSCode) to give you smart completions and documentation while you’re typing. This will be helpful for Web Development. So check it out 👇👇. 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 Music Credit : name : Damon Empero ft. Veronica - Vacation [ King Step Release ] | Tropical House | | No Copyright | watch it : 🤍 #responsive #website #project

HTML CSS Portfolio Project | Responsive Website Using HTML & CSS

30094
1049
60
04:47:01
29.03.2021

This HTML & CSS Portfolio project is for practice. AMY is a fictional character. She is a freelance web designer. We made this nice portfolio for her with mainly HTML & CSS. Though we used few lines of JS but the main purpose of this project is to practice HTML & CSS. We are going to learn lots of things link how to make it responsive, how we can make a nice off-canvas menu, CSS animations, CSS flex layout and many more. Hope you will like this video. Also You can download the source code from the link down below. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 Live Preview : 🤍 👉 Project Playlist: 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 📺 Tutorial Mentioned in the video: Overlapping Layout: 🤍 Scroll To Top : 🤍 Deploy site : 🤍 Timestamps - 00:00:00 - Project Preview 00:01:41 - Project Introduction 00:07:48 - Project Setup 00:12:21 - Hero Section 00:57:14 - Services Section 01:22:13 - Testimonial Section 01:44:27 - Stats Section 01:53:23 - About Section 02:13:31 - Projects Section 02:43:40 - Footer Section 03:08:14 - Nav Menu 03:50:39 - Contact Page 04:26:18 - Fixing Issues 04:43:05 - Deploying the site with netlify 04:46:02 - Project Conclusion 📺 Tutorial Mentioned in the video: Overlapping Layout: 🤍 Scroll To Top : 🤍 Deploy site : 🤍 Follow Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 #webcifar #projectAMY #portfolioWebsite

HTML Form to Mail | Create Full Functional HTML Form Without Any Back-end

261744
5552
381
00:31:20
14.08.2020

This is the day-19 of #30days30submits. Today we are going to make a fully functional html form without any back-end. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 Formspree: 🤍 👉 source code: 🤍 👉 #30days30submits : 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #form #htmlForm

How to create a simple hero section with HTML & CSS

9963
280
27
00:17:18
15.01.2021

Today we are going to create a Hero section using only HTML & CSS. This is for beginners. Here we showed how we can create a simple hero section using flex box and also some technique that can be helpful. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 Timestamps - 00:00 - Preview 01:27 - HTML 02:58 - CSS 16:34 - Tutorial Conclusion 🐱‍🏍 Support The Channel Paypal : 🤍 Follow Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #webcifar

Animated Login Form | HTML, CSS, Javascript | Web Cifar 2020

1304
39
9
00:27:09
18.01.2020

Today we will show how to make a animated smooth looking login form with HTML, CSS, JavaScript. We made it as a tutorial purpose only. So any kind of suggestion is appreciated. If you like the video Please Like , share , subscribe the channel. Happy web!!. subscribe : 🤍 CODE: 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #html #js #login

Photo Gallery App Part-1 | Create Website Using HTML & CSS

6364
179
14
00:25:41
27.07.2020

This is the day-7 of #30days30submits. Today we going to create a website for our Photo Gallery App using HTML & CSS. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 photo gallery app part -2 : 🤍 👉 source code: 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #figmaToHTMLl #photoGallery

How To Create Neumorphism Effect With CSS | HTML CSS Effects | Elementor | Web Cifar 2020

68471
2678
90
00:20:50
10.01.2020

Today we will see how we can make Neumorphism effects with CSS. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web neumorphism site : 🤍 CODE: post: 🤍 codepen : 🤍 ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs (including VSCode) to give you smart completions and documentation while you’re typing. This will be helpful for Web Development. So check it out 👇👇. 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #neumorphism #webdesign #css

How To Create An Accordion With HTML, CSS, JavaScript | Web Cifar

854
46
9
00:35:24
21.02.2020

Today we are going to create accordion with html, css and javascript. Hope you will like it. Happy web!! . Source Code : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #accordion #css #js

A Complete React Todo App using React, Redux, Framer Motion

7896
387
33
03:11:20
17.01.2022

Hello Everyone 👋. In the project, we will be creating a Complete Todo Application with all features. We will do all the CRUD operations. We will to use React.js and to manage our states, we will use Redux. Also, we will learn to make simple animations using Framer Motion. This will be a complete beginner-friendly app. Hope you enjoy it. 🔔Subscribe and turn on the notification bell. 👉 source code: 🤍 👉 Live Preview: 🤍 👉 Starter Files: 🤍 Timestamps - 00:00:00 - Project Intro 00:03:20 - Starter Files 00:09:26 - App Title 00:18:13 - App Header 00:36:44 - Add Modal 00:58:23 - Add Todo 01:24:55 - Read All Todo items 01:41:50 - Delete Todo 01:49:09 - Update Modal 01:58:11 - Update Todo 02:12:40 - Checkbox 02:37:30 - Todo Filter 02:52:55 - Animation with Framer Motion 03:07:35 - Fixes 03:10:03 - Conclusion Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Watch More Tutorial Projects: Artistic React JS Project 🤍 Ayan's Portfolio React JS Project 🤍 Shaif's Cuisine HTML, CSS Project 🤍 Amy's Portfolio HTML, CSS Project 🤍 One Page portfolio HTML CSS Project 🤍 🤵Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 & 🤍 #todoApp #reactJS #reactRedux

Overlapping Layout With CSS Flex Box

52850
1520
81
00:18:27
26.10.2020

Today we are going to create an overlapping layout with CSS FlexBox. This is a popular layout that you might see on many website & today we're going to see how you can do that. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 ✨ Like our works and want to support us? 🚀 We'd really appreciate a coffee: 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #webCifar #overlappingLayout #CSS

Build A Simple Calculator With JavaScript | Mini Project For Beginners

34617
811
68
01:12:37
12.10.2020

👉 Check out Kite - A Free AI-powered Coding Assistant (download link): 🤍 This is the day-28 of #30days30submits. Today we are going to create a simple calculator with vanilla JavaScript. That's a mini JS project for JS beginners & hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 Timestamps - 00:00 - Intro 00:11 - APP Preview 03:31 - HTML 11:01 - CSS 21:02 - JavaScript 1:11:50 - Outro ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #webCifar #javascript

Create A Food Recipe App Using Vanilla JavaScript For Beginners

31673
812
77
00:56:32
21.08.2020

👉 Check out Kite - A Free AI-powered Coding Assistant (download link): 🤍 Timestamps - 00:00 - Intro 00:11 - Project Preview 04:16 - HTML 07:36 - CSS 23:08 - JavaScript 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 API website : 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 🎵 Music Credits: Track: Tobu - Turn It Up [NCS Release] Music provided by NoCopyrightSounds. Watch: 🤍 Free Download / Stream: 🤍 #30days30submits #vanillaJS #recipeApp

How to Create a Animated Hamburger For Menu | HTML, CSS, JavaScript | Web Cifar 2020

3907
105
11
00:10:51
08.02.2020

Today we are going to see to we can make animated Hamburger for menu. We will create it with html, css and a little bit of JavaScript. Hope you will like it. If you like the video Please Like , share , subscribe the channel. Happy web!! Source Code : 🤍 Video : Responsive Navigation Menu With Animated Hamburger :: 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #animated #hamburger #menu

CSS Flip Card Tutorial | HTML & CSS Only | Web Cifar 2020

1025
49
14
00:16:04
17.02.2020

Today we are going to see how can we make flip card or flip box with html and css. This is a very useful web component that you may saw in many websites and in this video we are going to learn how we can make this for our website. Hope you will like this idea and enjoy the video. If you do please let me know by giving it a thumb-sup and subscribing the channel. Source Code : 🤍 3D Flip Card : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #cssFlipBox #cssFlipCard #cssFlipEffect

Portfolio Website Project for Practice | Part-01 | Hero Section | HTML & CSS Project

6001
213
45
00:57:42
01.03.2021

This project is for HTML & CSS practice. AMY is a fictional character. She is a freelance web designer. We made this nice portfolio for her with mainly HTML & CSS. Though we used few lines of JS but the main purpose of this project is to practice HTML & CSS. We are going to learn lots of things link how to make it responsive, how we can make a nice off-canvas menu, css animations, css flex layout and many more. Hope you will like this video. Also You can download the source code from the link down below. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 Part- 02 : 🤍 👉 Live Preview : 🤍 👉 Project Playlist: 🤍 Timestamps - 00:00 - Project Preview 01:42 - Project Intro 07:18 - Video Topic 07:47 - Project Setup 12:16 - HTML 19:01 - CSS 47:35 - Heading Animation 56:58 - Part 01 Conclusion Follow Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 #webcifar #projectAMY #portfolioWebsite

How To Create Analog Clock With HTML, CSS, JavaScript

3665
130
20
00:17:28
05.08.2020

This is the day-13 of #30days30submits. Today we are going to create Analog Clock using HTML, CSS, JavaScript. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #JsDate #analogClock

How To Create A Hero Section With Elementor | wordpress (2019)

14244
186
17
00:06:26
11.08.2019

Subscribe: 🤍 Image: Unsplash.com Today i will show you how to make a Hero section easily For your website. I will make it with Elementor. Comment down, what kind of video you want next. Like , Share , Subscribe Thanks For Watching.

How to Create a Simple Modal Popup | HTML, CSS, JavaScript | Web cifar 2020

922
32
3
00:26:55
20.01.2020

In this video i will cover how to Create a simple modal popup using HTML, CSS and Javascript. This popup will appear with fade effects when we click a button also it will close when we click close button of the popup or click outside of the popup. subscribe : 🤍 CODE : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #popup #modal #webdevelopment

Soft UI Neumorphism Form With CSS | Neumorphism CSS Effect | Web Cifar 2020

944
27
4
00:21:20
03.02.2020

Today we will see how we can make Neumorphism effects with CSS. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web !! Basic Neumorphism Video : 🤍 SOURCE-CODE: codepen : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #neumorphism #webdesign #css

CSS Flip Card With 3D Hover Effect | HTML & CSS | Web Cifar 2020

935
55
9
00:16:31
03.03.2020

Today we are going to show you how you can make a css flip card or flip box with 3D effect. This effect is so smooth and it looks good. So you should definitely try this. Hope you will like the video. Happy Web!. source code: 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #flipcard #3deffect #css

Text Reveal CSS Animation Effect | Elementor | Web Cifar 2020

15829
363
23
00:25:03
09.03.2020

Today we are going to create a text revealing animation effect that with take place on page load. This kind of animation will make a nice user experience to your user. Also we will show you how you can add it to elementor if you are using WordPress. Hope you will like it. Happy web! Source Code : 🤍 live preview : 🤍 Blog Post For Elementor : 🤍 Also watch: Advance Elementor Menu : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #cssanimation #textReveal #elementor

CSS For Elementor | Write Custom CSS in Elementor | Web Cifar 2020

11478
250
26
00:50:33
03.04.2020

Hello my friends, today we are going to learn about #CSS for #Elementor. If you are an elementor user and you want to make something like a magical Elementor design, you probably wondering "how you can write #custom_CSS". This is what you are going to learn today. Hope you will like it. And if you like it, give it a thumb-up and don't forget to subscribe and share the video. Website for Learning CSS: 🤍 Buy Elementor Pro: 🤍 Some useful Playlist : Elementor Tutorials: 🤍 Elementor Speed Art: 🤍 HTML & CSS: 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍

React JS Website Project With Dark Theme for Beginners | Artistic

11624
602
51
04:10:32
14.12.2021

Try Sencha: 🤍 Artistic is a landing page for a photography studio. This is a well-designed and responsive landing page with dark mode feature. The main purpose of this project is to show how to create a landing page with dark mode feature using ReactJs. We will be using React Context API to toggle dark mode feature. Hope you enjoy it!. 🔔 Subscribe and turn on the notification bell. 👉 source Code: 🤍 👉 Starter Files : 🤍 👉 Live Preview: 🤍 What we are going to learn/use - ReactJS - Styled Components - React Context API - React Hooks - React Icons - React Scroll - More . . . Timestamps - 00:00:00 - Project Intro 00:03:40 - Starter Files 00:11:07 - Global Styles 00:21:46 - Header 01:13:14 - Context API 01:48:01 - Hero Section 02:17:39 - Services Section 02:40:56 - About Section 02:49:09 - Team Section 03:07:50 - Newsletter Section 03:20:32 - Contact Section 03:45:14 - Footer 03:58:26 - Fixes 04:04:27 - Deployment 04:09:20 - Conclusion ▶ Similar Projects: Ayan's Portfolio React JS Project 🤍 Shaif's Cuisine HTML, CSS Project 🤍 Amy's Portfolio HTML, CSS Project 🤍 One Page portfolio HTML CSS Project 🤍 🤵Follow Shaif Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 GitHub: 🤍 & 🤍 #reactProject #webcifar #wcArtistic

Custom Hover Effects With Elementor custom CSS | Web Cifar | WordPress 2019

28798
699
35
00:04:55
19.09.2019

CSS Code : [👉For section ⬇] selector:hover .elementor-column-wrap{ filter: blur(5px); transition: .6s ease all!important; transform: scale(.8); } selector .elementor-column-wrap{ transition:.6s ease all!important; } [👉column code ⬇] selector:hover { transform: scale(1); transition: .6s ease all!important; background: black; margin: 0px!important; } selector:hover .elementor-column-wrap{ transform: scale(1)!important; background: black!important; filter: blur(0)!important; transition: .6s ease all!important; } selector .elementor-column-wrap{ transition: .6s ease all!important; } selector{ transition: .6s ease all; margin: 50px 0px 50px 0px; } Subscribe Now : 🤍 Behance : 🤍 Instagram : 🤍 This Hover effects is created by web cifar . You can make similar hover effects by using the code you can get the code in our website and also you can download the template that we used in the video from our website. Happy web! Thanks For Watching #hover #effects #wordpress

Night Mode Toggle Button | HTML, CSS, Javascript | Web Cifar 2020

2565
85
6
00:21:10
05.02.2020

Today we will see how we can make Dark Mode toggle button with html css and js. It is a very smooth ui effects that you can see in many website or app nowadays. If you like the video Please Like , share , subscribe the channel. Happy web!! SOURCE-CODE: codepen : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #darkMode #nightMode #daynightSwitch

Create Advance Tooltip | Image Hotspot using HTML, CSS, JavaScript

8791
280
24
00:55:52
11.08.2020

This is the day-18 of #30days30submits. Today we are going to make advance tooltip/image hotspot with HTML, CSS & JS. It will be super responsive. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 👉 Basic Tooltip : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #tooltip #imageHotspot

#01 Complete React Portfolio Website Project | NavMenu

17447
484
44
00:55:27
26.04.2021

A portfolio for a web designer. We used React JS to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also, we added smooth scroll in the portfolio which will make the scroll experience really elegant. 🔔subscribe and turn on the notification bell. 👉 Part 00: 🤍 👉 Part 02: 🤍 👉 source code: 🤍 👉 Live Preview: 🤍 👉 Project Playlist: 🤍 Timestamps - 00:00 - Project Intro 01:19 - Video Intro 02:45 - React Router DOM 21:43 - Styled Components 30:31 - Responsive CSS 41:55 - Mobile Menu Functionality 54:43 - Video Conclusion Follow Arfan 👇👇 Instagram: 🤍 Facebook: 🤍 Twitter: 🤍 🐱‍🏍 Support The Channel PayPal : 🤍 ▶ Also Watch : HTML CSS Portfolio Project: 🤍 One Page HTML & CSS Project: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 30days30submits Challenge: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #webcifar #ayansPortfolio #reactJs

Responsive Website With HTML And CSS | HTML, CSS, Sass | Website Tutorial | Web Cifar 2020

2043
49
10
00:27:03
13.01.2020

In this video, we will create a fully responsive website with html5 and css3. We will use sass as a CSS preprocessor. It will be a fully responsive website that means it will be a mobile tablet friendly website. And if you like this video please give a Thumbs Up and comment Down if you wanna see more HTML, CSS, SCSS, JS related video. Happy web! subscribe please : 🤍 Code File : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #responsive #html #css

SignUp Form With JavaScript Form Validation

7142
147
21
00:54:33
29.04.2020

Today we are going to complete the 3rd challenge of Frontend Mentor. For this frontend mentor challenge, we are going to make Intro component with sign-up form. Also, we will make the design responsive and we will learn how we can use javascript to make some simple form validation. It will be pretty awesome and hope you guys will like it. Preview: 🤍 Source Code: 🤍 All the challenges: 🤍 Frontend Mentor: 🤍 Frontend Mentor Playlist: 🤍 Also Watch : Make a full website with html & css : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website : 🤍 Some useful Playlist : HTML & CSS:🤍 Elementor Tutorials (wp): 🤍 Elementor Speed Art:🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #frontendMentor #JsFormValidation #introComponent

Create Custom Slider With Vanilla JavaScript

6800
199
24
01:16:58
01.09.2020

This is the day-25 of #30days30submits. Today we are going to create a Custom JavaScript Slider with vanilla JavaScript. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #slider #JavaScript

How to Create Neumorphism Circular Progress Bar with only css | HTML & CSS | web cifar 2020

3782
114
16
00:17:22
18.03.2020

Today we are going to see how we can create circular progress bar which will have a Neumorphism effect. This is a trending effect that you can see in many website. Also this effect is so smooth and nice that you should try it. Hope you will like this video. And don't forget to subscribe the channel for video like this one. Happy web! . Source Code : 🤍 Know more about Neumorphism effect : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #progressBar #Neumorphism #css

Responsive Navigation Menu With Animated Hamburger | HTML, CSS and JS Tutorial

5484
140
14
00:34:38
10.02.2020

Today we will create a responsive navigation menu with an animated hamburger also we will create a slide in animation with the mobile menu. I hope you will enjoy the video and if you do, please subscribe to the channel and share this video with others. Happy Web!! Source Code : 🤍 Join The Community : Our website : 🤍 Facebook group : 🤍 Instagram : 🤍 Behance : 🤍 twitter : 🤍 #responsive #navigation #menu

CSS Scroll Down Animated Button | Scroll More Button

40349
1033
77
00:13:31
09.08.2020

This is the day-17 of #30days30submits. Today we are going to create a animated CSS scroll down button. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs (including VSCode) to give you smart completions and documentation while you’re typing. This will be helpful for Web Development. So check it out 👇👇. 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 ▶ Some useful Playlist : HTML & CSS: 🤍 Vanilla JavaScript : 🤍 Frontend Mentor Challenges: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #scrollDown #css

Patterns Background For Your Website | Subtle Patterns | Web CIfar | Wordpress 2019

1458
26
4
00:03:36
16.10.2019

Today we will talk about subtle patterns website where you will find tons of patterns background for your website and for any kind of projects. Hope you will enjoy the video. Happy web!!. website for patterns background : 🤍 For More Details : 🤍 Join Th Community : Our website : 🤍 Instagram : 🤍 Behance : 🤍 #background #patterns #wordpress

Animated Hamburger | Elementor Widget | Unlimited Elements | Web Cifar | WordPress 2019

36224
589
88
00:10:06
30.09.2019

Today we will add a animated hamburger widget in our elementor and this process will be completely free. We will add this widget with the help of Unlimited Elements. Hope you will enjoy the video. Happy web!!. Thanks For watching. Download the widget : 🤍 Star wars - website design : 🤍 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 #Elementor #wordpress #widget

GIF With Elementor | web cifar | cliply | WordPress (2019)

24532
228
12
00:20:21
15.08.2019

Subscribe Now!! : 🤍 Website for free GIF : 🤍 Today i will show you how can you use Gif in your wordpress website with Elementor. You know , Gif are so noticeable and it can grave anyone attention . So i think It will be be good to use Gif instead of using the static content. How to create a full website : 🤍 Behance : 🤍 Instagrame : 🤍 Thanks For Watching.

How to Create Multi Step Form Using HTML, CSS & JavaScript

19795
364
51
00:35:56
15.08.2020

This is the day-20 of #30days30submits. Today we are going to create a multi step from using HTML, CSS & JavaScript. Hope you will like it. 🔔subscribe and turn on the notification bell. 👉 source code: 🤍 👉 #30days30submits : 🤍 ▶ Also Watch : Make a full website with HTML & CSS: 🤍 HTML & CSS Landing Page : 🤍 Mini Project for HTML & CSS : 🤍 How To Make A WordPress website: 🤍 🌐 Join The Community : Our website : 🤍 Facebook Page : 🤍 Facebook group : 🤍 Instagram : 🤍 twitter : 🤍 Github: 🤍 #30days30submits #form #multiStepForm

404 Page Template Design With Elementor | Web Cifar | Wordpress 2019

605
12
1
00:08:52
21.10.2019

Subscribe Now: 🤍 Download The template for free : 🤍 Free Patterns Background : 🤍 In this speed art, we made a wordpress 404-page template with Elementor. It's a simple Template which you can download from our website. Hope You will like it. If like the video Please don't forget to subscribe the channel. We will upload this kind of free stuff in Every week. Please , let us know how was the video in the comment section. Thanks For Watching. Happy Web! Join Th Community : Our website : 🤍 Instagram : 🤍 Behance : 🤍 Track: Diamond Eyes - Flutter [NCS Release] Music provided by NoCopyrightSounds. Watch: 🤍 Free Download / Stream: 🤍 Song: Jarico - Landscape (Vlog No Copyright Music) Music promoted by Vlog No Copyright Music. Video Link: 🤍 #404 #elementor #wordpress

Назад
Что ищут прямо сейчас на
web cifar welyn Hip лучшие товары docker compose explained Aliexpress YiSunShin Build Koyal Bin Bagiya Suni Suni Lage bankerway nobel prize winners Dr Keb oh my god reborn λολα pani puri nepal Afghan Music video bdjobs ldk يد البلايستيشن дискорд бот