Fundamentals of CSS - How to Make Your Website Attractive

Easy guide to making your website attractive, colourful and user-friendly.

Created by Uche Joe

Click PREVIEW COURSE to watch a short video that will tell you more about the course.


Fundamentals of CSS - How to Make Your Website Attractive

What you will learn and gain

You will learn how to make a website attractive, colourful and user-friendly.

What our students are saying

Web design and development is a skill that equips you with the ability to create all kinds of websites or web applications. 

CSS is the second programming language you're, most likely, required to learn if you're interested in web development. You should learn it as soon as you finish learning HTML.

After learning CSS, you will still need to learn JavaScript and some other programming languages to be above to create full functional websites.

The nature of our training

Our training is online. We have hundreds of tutorial videos on different web development programming languages uploaded in our website. 

Once you pay and register you will have lifetime access to the course. 

All our paid tutorial videos are downloadable. You can log in anytime and download the tutorial and learn with it.

You also have access to the mentorship of the Admin. You can reach him via WhatsApp on +2348037747461 any time you need his assistance.

This course is designed to be a one week course but it allows you to study at your own pace. So, if you're a busy person, you can still cope. 

You can combine the course with other engagements. If you're combining the course with other engagements, however, you might not complete it in one week but you will surely complete it eventually.

We encourage our students to dream big and use the skill to power their vision. Most world's richest are programmers. They're rich because they use their skill to power their vision. 

We motivate our students to build applications for themselves as they're learning, by organizing coding and presentation competition among them, once in a while.

If you love to learn how to code professionally, this is a great opportunity for you. We try our best to simplify the courses for easy understanding. 

Even if you know nothing about programming or web development, you will surely find the tutorial very easy.


You need to learn HTML first. HTML and CSS usually go hand-in-hand. If you have not learnt HTML, try to buy HTML and CSS at once.

You also need a Personal computer (laptop or desktop) and knowledge of how to use computer keyboard and mouse.

If you don't have laptop, you can use your smartphone to start. Buy phone external keyboard to make typing with your phone easier.

Who this course is for:

The course is for all; both young and old. It is highly recommended for people between the ages of 10years and 60years. Coding is for all.

ICT skills are gaining relevance by the day and you cannot afford to lose out.

Course Content


Introduction to CSS

Font styling

Color, font, font size

CSS Selectors

Multiple Selectors

CSS Border

Adding Border to CSS Element

CSS Inheritance


CSS Classes


More on Classes

CSS Font family

Font family

CSS Font Weight

Font Weight

External Stylesheet

Using External Stylesheet

CSS Inline Style

Inline Style

CSS Text Decoraton

Text Decoraton

CSS Italic


CSS Colours


CSS Font size properties

Font size properties

CSS Line Height

Line Height

CSS Box Model

Box Model

CSS Background Image

Background Image

CSS ID attribute

ID attribute

CSS Text Align Property

Text Align

CSS Border Property

Adding Border to elements

CSS Border radius

Border radius

DIV Element

DIV Element

Span Element

Span Element

Reusing CSS code

Reusing CSS code

Link and different states

Link and different states

Block and Inline Element

Block and Inline Element

Convert Inline Element to Block Element

Inline Block

Floating Elements

Floating Elements

CSS Position

Absolute Position

Fixed Position

Relative Position

CSS Overflow Property


CSS Cursor Property

Cursor Property

Wrap text around image

Wrap text around image

Vertical Menu

Vertical Menu (1)

Vertical Menu (2)

Horizontal Menu

Horizontal Menu




Form (1)

Form (2)



CSS Opacity


CSS Gradient


Combine Gradient & Opacity

CSS Text Shadow

Text Shadow

CSS Box Shadow

Box Shadow

CSS Flex

Flex Introduction



Justify Content


Flex Properties

Align Items

Flex Wrap

Flex grow, shrink and basis


Frequently Asked Questions

What is Heroic Universal Concept All About?

Heroic Universal Concept International is an ICT firm and a vision-driven movement aimed at harnessing the ingenuity of young people with the use of motivational and ICT tools, thereby helping them achieve their ultimate goal.

We offer ICT services and champion talent development programmes for young people.

Is your training online or physical?

Our training is online. We have hundreds of downloadable tutorial videos on different ICT courses hosted in our website.

As soon as you pay and register, you will be given access to the tutorial videos. You can download them and commence training, offline.

While you're learning, I will be guiding you from here whenever you need my assistance.

Where is your location?

We're based in Lagos but our training is online. So, you can access our courses from anywhere you are while we will be coaching you from here.

Do you have a physical class?

No, we don't.

Our training is 100% online.

What is your mode of teaching?

We teach with tutorial videos.

We have hundreds of downloadable tutorial videos on various ICT courses in our website.

You will have access to download them and learn with them as soon as you register for your desired course.

We made all the tutorials downloadable to help you save data and be free from challenges of poor internet connection.

Do you have online community where your students converge to exchange ideas?

We have Heroic Students WhatsApp group where our students converge and exchange ideas.

Information about Heroic Academy and other Heroic innovations are discussed in the group.

Do you mentor your students?

Sure, I do absolutely!

I'm always available Whenever my students need my attention.

I supervise their projects and tackle their challenges.

Can ICT courses be learnt online effectively?

Of course! The more convenient way to learn ICT skills these days is online.

There are some courses you may never have the opportunity of learning if you're waiting for opportunity to learn them physically.

Professionals are fast moving online. Very few of them will still have time to teach physically.

Programming is one of those skills you can easily learn online.

All you need is a good and experienced coach, and I'm here to help.

Is programming difficult?

It depends on who is coaching you and the time you dedicate to learning it.

If you're being coached by a very experienced and gifted coach, if you give it enough time, programming will be fun for you.

However, if you're struggling to learn by yourself or you're being coached by an inexperienced coach, you will find programming difficult.

Can I learn coding with my phone?

Yes, you can start learning with your phone if you don't have a laptop. Just buy a phone external keyboard, I will direct you on how to use it to start programming.

How do you mentor your students?

I mentor my students by; answering their questions and helping them solve some problems whenever they call my attention.

If my student need my attention, I usually ask them to send me a screenshot of the issue or a zip file of their work to enable me analyse their job and debug the error.

I usually make a new video to point out their errors if the situation is complex.

How can you convince me that you're genuine?

Chat me on Whatsapp via +2348037747461 and express your concern.

I will try my best to clear all your doubt.

I'm not used to online training, I'm afraid it won't work for me.

Online training is great when a gifted teacher is handling it. Look for a gifted teacher.

You will be missing opportunity to acquire great skills if you ignore online training.

Some skills are not common. Online training make them accessible.

If you have tried online training before and it didn't work for you, try again, this time, concentrate on getting a good teacher.

I tried my best to simply my lectures. You can chat me to see my students testimonials. They're testifying that I made my courses very simple.

Don't you think that poor internet connection can disrupt online training?

I made all my tutorials downloadable to win against poor internet connection.

You can download all your tutorials when the internet connection is ok and learn offline without worrying about network fluctuations.

What if I insist on one-on-one training. What's your advice?

Online training would have made learning a lot easier for you but if you insist on physical training, you have to take the pain of looking for someone or centers where the skills are taught.

The centers might not be close to you, so be ready to spent heavily on transportation.

I wrote an article where I compared online and physical training. You can chat me on Whatsapp to request for it.

I'm interested, how do I get started?

Go ahead and order for the course. If you need assistance, chat me on Whatsapp via +2348037747461.

Will I get certificate after the training?

Of course. Our organization is registered. We give our students certificate on completion.

I'm interested in the courses but I don't have money

If you can't afford the expensive courses, there are some cheap courses you can start from.

Just pay for the ones you can afford and get started instead of waiting.

You will gradually raise money to pay for the rest.

Are all your tutorial videos downloadable?

All the tutorials the Admin of this platform, Uche Joe created by himself are downloadable but the tutorials created by other expert partners created might not be downloadable.

However, you will surely enjoy the learning process.

You may also like

See all coursesarrow_forward