Create Bootstrap Responsive Website With Bootstrap 4 HTML5 CSS3

Channel:

Tech2 etc

Subscribers:

163,000

Published on November 11, 2020 12:17:32 PM ● Video Link: https://www.youtube.com/watch?v=BSUjh4ebmzE

Duration: 1:06:10

60,593 views

1,443

🎁 Free Web Design Courses ( 12 Hrs ): https://courses.tech2etc.com/all-courses

Create Responsive Bootstrap website using bootstrap, HTML & CSS. In this tutorial we will create a complete bootstrap templet with smooth scrolling animation from scratch using bootstrap html css. We will also do some custom styling to make it more attractive. Before you take this tutorial I'm assuming that you have a basic understanding of CSS and HTML.

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites. It helps us to create a complete website easily in a few moments & also it makes our website responsive for different screen size devices.

In this tutorial you will learn about-
1. How to create a complete website using bootstrap.
2. How to create a responsive website.
3. How to create a static website.
4. How to add smooth scrolling effect.
5. How to create different sections like hero section, about us section, feature section, contact section, footer section and so on.
6. How to design cards using bootstrap & more.
#Bootstrap #Bootstrap_website #html_css
And we will do all of this in a single video. First we will make this website for desktop and then make it responsive for mobile & tablet devices.

Resources:
Bootstrap 4: https://getbootstrap.com/docs/4.0/getting-started/introduction/
Source Code: https://www.patreon.com/posts/43778493
Image source: https://drive.google.com/drive/folders/1yQg0IJCNeDgkxTpR1W0I9qu6uzaMq-dS?usp=sharing
💚Design From Brian Design, Checkout his YouTube channel also: https://www.youtube.com/channel/UCsKsymTY_4BYR-wytLjex7A

All Source Codes: https://www.buymeacoffee.com/tech2etc
GitHub: https://github.com/tech2etc
⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY
Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE

SUPPORT ME:
👕 Merchandise: https://tech2etc.com/merchandise
🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc
🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc

How To Make MONEY Online - My 4 Favorite Tricks:
👨‍💻 Start Freelancing: https://tech2etc.com/fiverrcpa
🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing
📹 Make Video Editing As Profession: https://tech2etc.com/video-editing
🕔 Next trick will be revealed at the right time.

Free Course to Improve SKILLS & EARN:
1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course
2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap
3️⃣ Web Development For Beginners: https://tech2etc.com/webdev
4️⃣ JavaScript With Projects: https://tech2etc.com/javascript
5️⃣ Python With Projects: https://tech2etc.com/python
🎁 Get Certificate: https://courses.tech2etc.com/

Important Links:
📂 Best Hosting: https://tech2etc.com/best-hosting
📂 Best CV Resume: https://tech2etc.com/my-resume
📂 Freelancing Guide: https://tech2etc.com/learn-freelancing
📂 Interview Questions: https://tech2etc.com/?s=interview

DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use.

===============================
Connect with me & get daily updates👇
===============================
Discord: https://discord.gg/C58ZQAk2DE
Instagram: https://www.instagram.com/fahimulkabir.chowdhury/
LinkedIn: https://www.linkedin.com/in/fahimulkabirchowdhury/
FB (Personal): https://www.facebook.com/md.fahimkabirhamim
FB Page: https://www.facebook.com/Tech2etc
FB Group: https://www.facebook.com/groups/2424642430907565

-------------------------------Track--------------------------
Music provided by : NoCopyrightSounds
Watch: https://www.youtube.com/watch?v=q1ULJ...
Free Download / Stream: http://ncs.io/feelgood

Timestamps:
0:00 Intro
3:30 File Structure
4:13 Add Bootstrap
5:19 Bootstrap Navigation Bar
9:14 Styling Navigation Bar
15:36 Hero
25:19 About
31:14 Sticky Navigation Bar
36:15 Discover
40:29 Service
50:47 Sign Up Section
53:57 Footer Section
56:40 Smooth Scrolling
59:31 Making Nav links Highlighted
1:01:02 Responsive Mode