Create Modern Website Using HTML, CSS And Bootstrap

Explore basic HTML tags and page structure to build a web page, with head and body, title, headings, paragraphs, links, and formatting tags like h1, p, a, em, strong.

Create HTML forms by using input fields (text, email, password), labels and placeholders, radio buttons, checkboxes, text areas, file uploads, dropdown selects with options, and submit and reset buttons.

Add lists, tables, and images to an HTML page using ul, ol, table, tr, td, and img tags, with borders and headings for clear presentation.

Explore css basics by applying inline, internal, and external styles to html elements, demonstrating font-size, color, and background color, plus class and div grouping for cohesive design.

Learn practical CSS properties for backgrounds, colors, borders, shadows, typography, and layout, including background images, color codes, margins, padding, and text effects.

Explore pseudo classes, pseudo elements, and CSS positions, including active, focus, hover, first-child, and last-child selectors, and work with absolute and relative positioning using top, left, right, and bottom.

Master css flexbox to create columns and rows with display:flex, wrap, and align-items, using flex-basis. Add interactivity with transitions and keyframes, using hover and transform for motion.

Speed up coding in brackets by installing extensions such as emmet and beautify, using tab expansions to generate html skeletons, add divs with classes and ids, and preview in Chrome.

Discover what Bootstrap is and how to use it in your website by connecting the CSS and JS files, applying container, text-center, and button classes, and overriding styles with !important.

Learn to build a complete static, responsive single-page website using HTML, CSS and Bootstrap, featuring home, about us, features, and courses with a fixed right-side menu.

Create a complete website header by setting up html and css files, linking style.css, and implementing a header with a background image, logo, title, and a read more button.

Create a responsive side navigation menu for a website using html, css and javascript, including a fixed 250px wide, 100vh high panel, a toggle icon, anchor links, and smooth transition.

Create an about us section with a two-column layout using flexbox, placing an image left and a text block right, with padding and a max width for balance.

Create a features section with three columns, each containing an image, a title, and text, using padding, margins, centered flex layout, decorative icons, and a button.

Create a two-column courses section with left column and right image using container and flex layouts; then build an offer section with image, icons, and a start free trial button.

Create a two-column contact section with a container and contact group, featuring a left column sign-up form (name, email, password) and a right column with an image.

Develop a multi-column website footer using a flex layout, add a top border line, padding, and four columns of links, copyright, and a logo with a call-to-action button.

Add floating social icons on the left by creating a social icons div with Facebook, Instagram, Twitter, and LinkedIn images, then fix their position and center them vertically.

Apply responsive web design with CSS media queries to adapt header, typography, and layout for small screens. Include a viewport meta tag and adjust background images and margins as shown.

Implement smooth scrolling on a one-page site by adding a scroll script and linking menu items to section ids (home, about, features, courses, contact) with adjustable speed.

Learn to build a travel website template with HTML, CSS, and Bootstrap. Include a logo, search, full-screen background, featured packages with prices and ratings, a zooming gallery, and user reviews.

Build a responsive header section for a travel website using HTML, CSS and Bootstrap, featuring a full-width hero with a gradient background, logo, centered title, and a bootstrap search bar.

Create a featured destinations section for a travel website by building a responsive three-column grid of feature cards with images, pricing, and star rating icons.

Create a traveling gallery section with a grid of images and titles, then build a promotion banner with a two-column layout and a booking button.

Build a three-column customer review section on a website using a container with rows and columns, adding review cards with user names, text, and images.

Build a responsive four-column footer using HTML, CSS and Bootstrap, featuring a logo, features, customer reviews, cancellation policy, social icons, and a gradient background with accessible typography.

Learn to build a responsive job portal homepage using HTML, CSS, and Bootstrap, including navigation, banner, search by keywords, company, location, top recruiters, recent jobs, and an app store section.

Create a responsive navigation bar using bootstrap, set up a header with a right-aligned menu, and apply a gradient design for the site.

Create a banner section with a centered title, a background image with gradient overlay, and job search form featuring keyword, company, and location inputs and a find a job button.

Create a top recruiters section on a job website using Bootstrap, a container layout, styled titles, padding, and responsive image grids to showcase company logos.

Create a recent jobs section on a modern website using a container and title, then duplicate job posts with icons, skills, descriptions, and an apply button.

Create and style pagination links and a four-column site stats section with icons, badges, and hover effects, delivering a responsive layout that adapts to different devices.

Create a responsive banner with centered text and images on a gradient background. Then implement a footer with a logo, descriptive text, social icons, and copyright.

Build a modern cv resume site with html, css and bootstrap, featuring a full-screen header, navigation, a timeline for experience and education, services, contact info, and download and hire buttons.

Create a cv website header using html, css, and bootstrap, with a centered text container, a user image against a background image, and an animated call-to-action button.

Build a navigation menu and about section with bootstrap, featuring a two-column layout with a profile image, heading, about text, and skills progress bars.

Learn to add work experience and education to a CV website using a two-column layout with a timeline, headings, descriptions, and fields like company, duration, and location.

Build a three-column services section on a website, using icons, titles, and descriptions with centered text, padded blocks, and rounded borders to create a styled, responsive service grid.

Design a contact section and footer using a three-column layout with icons, phone and email details, two action buttons, a photo area, and centered footer text.

Learn to create floating sticky social icons on the left with hover effects and a smooth scrolling navigation that links to sections like about, services, and contact.

Guide learners through building a complete responsive single-page website using HTML, CSS, and Bootstrap, featuring a navigation header, two-column sections, hover effects, a testimonial slider, and a footer.

Set up Bootstrap files and a custom CSS file to build a responsive navigation menu with home, services, placing, about us, and contact us.

Create a responsive two-column banner with bootstrap, featuring a left column with an h1 title and description and two call-to-action buttons, and a right column with a centered image.

Create a three-column services section with a hover effect that changes background and text color. Build a container with icons, titles, and descriptions, and apply a Google font for typography.

Build a feature and explore section on a website by creating a two-column layout with a container and divs, adding an image, text, a title, description, and a call-to-action button.

Create a customer review slider using the Bootstrap carousel, replace default slides with images and captions, and customize alignment, borders, margins, and indicators for a polished testimonial section.

Build a responsive digital agency website using HTML, CSS and Bootstrap, featuring a navigation header, two-column layout, services, testimonials, social media buttons, a subscription form, and smooth in-page scrolling.

Create a basic website scaffold with an images folder, link Bootstrap from its docs, and implement a sticky top navigation with a logo, responsive menu, and icons for mobile view.

Create a responsive banner section using Bootstrap, with a two-column layout inside a container, including a background image, highlighted title, call-to-action button, and right-aligned image.

Create a responsive services section for a website with three columns. Show an image, a service title, and a brief description in each column, plus a button.

Create a responsive about section with a left text list and a right image using a container and md-6 columns, featuring a large title and organized spacing.

Create beautiful client testimonials on a website by building a responsive two-column testimonials section with a container, images, user names, and designations, styled for alignment and clarity.

Add social media icons and a full footer section with contact details, a subscribe newsletter form, and a three-column layout, featuring icons, background styling, and copyright.

Learn to implement a scroll effect on menu click, adjust the scroll duration and offset, and ensure responsive navigation for a modern website built with HTML, CSS, and Bootstrap.

Learn to build a modern animated website using html, css, and bootstrap, featuring a top banner, call-to-action, services with icons, YouTube video, and testimonials with sliding and masonry effects.

Create a header for a fitness website using HTML, CSS, and Bootstrap by adding a navigation bar, a background image, a logo, and a welcome section with a subscribe button.

Create an about section with image and text columns, embed a responsive YouTube video, then build a three-column services section with images and descriptions.

Learn to create a features section with icons in a two-column layout, featuring a left image and a right text column, with feature boxes and gradient background.

Create a three-column testimonials section featuring user avatars, usernames, and social icons, with padding and styling tweaks to showcase meet our users heading and responsive layout.

Finish the testimonial section and add a subscription section with an email signup form, including an input group, email input, and a subscribe button offering a 30-day free trial.

Create a four-column website footer featuring logos, text blocks, and social icons, applying containers, margins, and alignment to balance the layout.

Add a page scroll feature by embedding a small scroll script into your HTML, linking menu items to sections such as services, reviews, contact, and setting speed to 1000 milliseconds.

Learn to implement on-page animations by linking a script and CSS, then apply animation classes to titles, icons, and images with customizable delays.

Learn to build a complete website from start to end using html and bootstrap, with a logo, navigation, full-screen slider, about, services, pricing, testimonials, and contact form.

Set up project folders for images and assets, create index.html, link Bootstrap assets and CSS, and build a responsive navigation bar with a logo and icons.

Create a responsive image slider with slide indicators and control icons using Bootstrap, add captions over images, and customize styles with HTML and CSS.

Create an about us section with a two-column Bootstrap layout, including headings, descriptive text, a read more button, and a skills progress bar set (80%, 75%, 50%).

build a fixed-background services section with a centered title, gradient overlay, and columns of icons and service names such as web development, app development, line chart, telemarketing, and graphics design.

Create a team section with a container and a responsive row of team members featuring images, names, designations, and social icons, enhanced by hover effects.

Create a modern price table and compelling call-to-action section using html and css, featuring a promo area with a background image, gradient overlay, pricing cards, icons, and a join button.

Create a three-column testimonial section with profile images, centered text, quotes, names, and designations, and apply hover effects and shadows to enhance interactivity on a modern HTML CSS page.

Create a two-column contact section using HTML, CSS and Bootstrap, with a left form for name, phone, email, and message, and a right contact information panel.