How To Make A Monochrome Website

Minimalist website template

What you'll learn

Improve programming skills

Learn how to make a grid with html and Css

Apply transitions to your website templates

Add social media icons to your template

Requirements

Basic programming skills

Description

Hi Guys!WELCOME TO THE COURSE  "How to make a Monochrome website"This course is divided in 5 Sections:1. Intro2. Edit your monochrome images, add Background and Title to the template3. Create the grid section with the images4. Add transition and text to the grid containersTransition and Text5. Add icons and link the containers to a new pageIcons and Second pageIn this course you will be learning the following topics:- How to change the color shade of your images with Photoshop- How to make a grid, add transition to the containers and text when hover them.- How to add a filter to your images with CSS.- How to link your grid container to a new page- How to add a fixed image to your template.- How to add a different font family for your web templates with google fonts.- How to add CSS style inside html file- How to add Icons to your templateand much more…HTMLAdd text, titles, paragraphs, brackets, add class to the tags.CSS PROPERTIES YOU WILL LEARN:Position, display,  z-index, float, margin, padding, font-family, overflow, filter, cursor, scale, transition, background,  and more…THIS COURSE IS AIM TO BEGINNERS & INTERMEDIATE PROGRAMMERS, WEB DESIGNER, WEB DEVELOPERS.NOT JAVASCRIPT IS USED IN THE COURSE ONLY HTML AND CSSAll the code is made under the html File including the Css Code.A zip file is attached in the section "resources" on the last section of the course.Please don't forget to leave a review after you finish the course.You can also check my others courses, half of them are free. Including "how to create websites from scratch", my highest rated course.Thank you!

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Images, background and title

Lecture 2 Images, background and title

Section 3: Grid

Lecture 3 Grid

Section 4: Transition and Text

Lecture 4 Transition and Text

Section 5: Icons and Second page

Lecture 5 Icons and Second page

Beginner and intermediate programmers,Beginner web developers