Introduction
5 lectures 08:31
Introduction
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
About this course
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
Terms and technology we'll be covering
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
What you'll need to complete this course
This provides a list of software you’ll need, if you want to follow along with the course.
About the exercise files
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
Introduction
5 lectures 08:31
Introduction
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
About this course
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
Terms and technology we'll be covering
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
What you'll need to complete this course
This provides a list of software you’ll need, if you want to follow along with the course.
About the exercise files
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
Introduction
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
Introduction
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
Introduction
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
Introduction
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered.
About this course
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
About this course
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
About this course
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
About this course
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper.
Terms and technology we'll be covering
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
Terms and technology we'll be covering
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
Terms and technology we'll be covering
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
Terms and technology we'll be covering
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules.
What you'll need to complete this course
This provides a list of software you’ll need, if you want to follow along with the course.
What you'll need to complete this course
This provides a list of software you’ll need, if you want to follow along with the course.
What you'll need to complete this course
This provides a list of software you’ll need, if you want to follow along with the course.
What you'll need to complete this course
This provides a list of software you’ll need, if you want to follow along with the course.
This provides a list of software you’ll need, if you want to follow along with the course.
This provides a list of software you’ll need, if you want to follow along with the course.
About the exercise files
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
About the exercise files
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
About the exercise files
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
About the exercise files
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
Learn about the project files, as well as the final project, that are provided with this course.
- Download the files in the next lecture -- Section 2, Lecture 1
Preparing the HTML Content and Structure
9 lectures 30:47
Setting up our Project
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
The HTML strategy for our layout
We’ll explore the HTML structure we’ll need in order to create the desired layout.
Creating the main HTML containers
These HTML5 elements allow us to structure the outter-most containers for our web layout.
Adding content into the header
Add a linked logo and promotional content into the header area.
Add content to main section
Adding column containers and content into the main promotional section.
Add content to atmosphere section
Adding an article, text and buttons to the Atmosphere section.
Add content to the How-To section
Adding images, text, and column containers to the How-To section.
Adding the navigation
Creating a bullet list to be used as the navigation.
Adding the footer content
Add copyright text and hyperlinks to the bottom of the page.
Preparing the HTML Content and Structure.
9 lectures 30:47
Setting up our Project
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
The HTML strategy for our layout
We’ll explore the HTML structure we’ll need in order to create the desired layout.
Creating the main HTML containers
These HTML5 elements allow us to structure the outter-most containers for our web layout.
Adding content into the header
Add a linked logo and promotional content into the header area.
Add content to main section
Adding column containers and content into the main promotional section.
Add content to atmosphere section
Adding an article, text and buttons to the Atmosphere section.
Add content to the How-To section
Adding images, text, and column containers to the How-To section.
Adding the navigation
Creating a bullet list to be used as the navigation.
Adding the footer content
Add copyright text and hyperlinks to the bottom of the page.
Setting up our Project
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
Setting up our Project
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
Setting up our Project
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
Setting up our Project
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
- Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
The HTML strategy for our layout
We’ll explore the HTML structure we’ll need in order to create the desired layout.
The HTML strategy for our layout
We’ll explore the HTML structure we’ll need in order to create the desired layout.
The HTML strategy for our layout
We’ll explore the HTML structure we’ll need in order to create the desired layout.
The HTML strategy for our layout
We’ll explore the HTML structure we’ll need in order to create the desired layout.
We’ll explore the HTML structure we’ll need in order to create the desired layout.
We’ll explore the HTML structure we’ll need in order to create the desired layout.
Creating the main HTML containers
These HTML5 elements allow us to structure the outter-most containers for our web layout.
Creating the main HTML containers
These HTML5 elements allow us to structure the outter-most containers for our web layout.
Creating the main HTML containers
These HTML5 elements allow us to structure the outter-most containers for our web layout.
Creating the main HTML containers
These HTML5 elements allow us to structure the outter-most containers for our web layout.
These HTML5 elements allow us to structure the outter-most containers for our web layout.
These HTML5 elements allow us to structure the outter-most containers for our web layout.
Adding content into the header
Add a linked logo and promotional content into the header area.
Adding content into the header
Add a linked logo and promotional content into the header area.
Adding content into the header
Add a linked logo and promotional content into the header area.
Adding content into the header
Add a linked logo and promotional content into the header area.
Add a linked logo and promotional content into the header area.
Add a linked logo and promotional content into the header area.
Add content to main section
Adding column containers and content into the main promotional section.
Add content to main section
Adding column containers and content into the main promotional section.
Add content to main section
Adding column containers and content into the main promotional section.
Add content to main section
Adding column containers and content into the main promotional section.
Adding column containers and content into the main promotional section.
Adding column containers and content into the main promotional section.
Add content to atmosphere section
Adding an article, text and buttons to the Atmosphere section.
Add content to atmosphere section
Adding an article, text and buttons to the Atmosphere section.
Add content to atmosphere section
Adding an article, text and buttons to the Atmosphere section.
Add content to atmosphere section
Adding an article, text and buttons to the Atmosphere section.
Adding an article, text and buttons to the Atmosphere section.
Adding an article, text and buttons to the Atmosphere section he logo and hero...