How To Make Website Services Section Using HTML CSS And Bootstrap

Показать описание

How to create website services section using HTML CSS and Bootstrap.

❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate

In this video you will learn how to make a website services section using HTML, CSS and Bootstrap.

-------------------------------------
Watch more from easy tutorials:

1. How to create Profile card in HTML and CSS

2. Add Moving Particles on Website with HTML and CSS

3. Create Contact Form Using HTML CSS PHP

4. Add Background Video in HTML Website

5. Make Image Gallery in Website using HTML and CSS

6. Create Login form in HTML and CSS

------------------------------------
Image credit:
Image from Pixabay

Music Credit:

Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
-------------------------------------
Like - Follow & Subscribe us:

Рекомендации по теме

Комментарии

Nice tut, but you have not to use the hover over the class "col-md-3" because that is a bootstrap class which must be needed elsewhere .

abdelkrimeljaouhari

@Easy Tutorials Hello, I wanted to ask : Are these pages 100% responsive? Thankyou for sharing your knowledge with us! I am grateful !

arbionas

Bro all ur videos are superb. If i unsubscribe, the maybe i got shot and someone stole my computer. God bless u Fam.

triplea

thanks for making this awsm video. It will be really helpful for me & u explain it perfectly😍👍

genalpha

OK... Ur videos are better than others.. I have seen many videos of your.. But I have faced my error during that can u plz provide source code of it

greorlifecracker

<html>

<head>

<style>

body
{background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(Tulips.jpg);

!important;}

.services {margin:90px auto;text-align:center;}

h3 a{color:white}

h1:after
height:3px;margin:10px auto;}

border: 1px solid white;border-radius:50%}

.col-md-3:hover {box-shadow: 5px 7px 9px -3px rgba(255, 255, 255, 0.5);
cursor:pointer}

</style>

<link rel="stylesheet" href="">

</head>

<body>

<div class="container">
<div class="services">

<h1>Our Services</a></h1>

</div>
<div class="row">
<div class="col-md-3 text-center">
<div class="icon">
<i class="fab fa-facebook"></i>

</div>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry
's standard dummy text ever since the 1500s, when an
</p>
</div>

<div class="col-md-3 text-center">
<div class="icon">
<i class="fab fa-pinterest"></i>

</div>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry
's standard dummy text ever since the 1500s, when an
</p>
</div>

<div class="col-md-3 text-center">
<div class="icon">
<i class="fab fa-twitter"></i>

</div>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry
's standard dummy text ever since the 1500s, when an
</p>
</div>

<div class="col-md-3 text-center">
<div class="icon">
<i class="fab fa-snapchat"></i>

</div>
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry
's standard dummy text ever since the 1500s, when an
</p>
</div>

</div>

</div>

</body>

</html>

augustosilva

please make about us section tutorial now please, im your student from south africa

tigerwalkcommunications

Nice recent videos with english... upload to src file please to your website

ni_kabiu_john

What is the name of the website from where you download that background image

kushalpoudel-

it's great but how to fix contact page?

princemakelele

Which Software do you guys use for html in above video?
Let me know plz

pushkaraj

Hello your video was amazing ...but when i does the same my icons and paragraph are coming in straight line what should i do now... Plss help

neermaru

I am watching at 0.5x speed.. still it is fast 🙄

devmankad

please upload this picture in your videos!!!!

mdemranhossen

im new to all this, why does he go into bootstrap and copy those links?
thanks

theantillano

How To Make Website Services Section Using HTML CSS And Bootstrap

How To Create A Free Website - with Free Domain & Hosting

How To Make A Website To Sell Services (2024)

How to Make a Website in 10 mins - Simple & Easy

How to Create a Website for Free

How To Build A Website in 2025

How to Make a Professional Website 🤩 in Just 10 Minutes !

Service Business Website Must-Haves

How To Create A Business Website… For FREE!

CREATE Your Dream Website Today with Beautiful Designs!

STOP PAYING! How To Create A Website For FREE in 2024

How to Make a Website in 10 Mins 2024 !

How to BUILD A WEBSITE for a Cleaning Businesses & TAKE BOOKINGS on it!

How To Build a FAST Website 🚀 Using AI

How to Create Entire Website with ChatGPT (No Coding)

How to Organize & Create Your Website Content

How to Create a WEBSITE for Your Business | Episode 5 - Small Business 101

Responsive Professional Animated Digital Service Website Using HTML CSS & JavaScript

How To Create A Free Website with Free Domain & Hosting @Odoo | Nishkarsh Sharma

How to Make a Website with Hostinger Website Builder | BLACK FRIDAY DEAL

You NEED a Website Now!! How to Create a Website for Free

The Easiest Way To Make A Photography Website

How i make $21.3k/mo selling websites (tutorial)

How to Create a FREE Website Using AI | 2024 🆓

How to build a Website using Wordpress & AI in 5 Minutes?