- Overview
- Transcript
1.1 Figma to HTML
In this course, we’ll take a one-page design for a travel website in Figma and go through the process of converting it into HTML. This quick introduction will give you an idea of what to expect from the coming lessons.
1.Introduction
1.1Figma to HTML00:43
2.Preparing the Groundwork
2.1Preparing to Begin10:37
2.2Preparing Images11:37
2.3Create the Basic Shell13:44
3.Coding Up the Headers
3.1Create the Top Header09:45
3.2Create the Main Header16:45
3.3Create the Hero Header08:34
4.Coding Up the Main Content
4.1Create the Tours Section Grid18:43
4.2Create the Best Offers Section13:23
4.3Create the Blog Section07:50
5.Conclusion
5.1Add the Footer02:18
5.2Wrapping Up02:04
1.1 Figma to HTML
In this course, we're gonna be taking a one-page design for a travel website in Figma and we're gonna go through the process of converting it into HTML and CSS. We're gonna have a couple of main points of focus here. One is how you can work with Figma during the coding process. And the other is how you can use CSS, in particular Flexbox, and CSS Grid to more easily control your layout. And just a quick note. We're not gonna be building a fully responsive website. We're just gonna have one width so that we can keep our focus on working with Figma and on controlling LAN. By the end of this course you'll have this whole website all coded up and ready to go. So let's go ahead and get started on Figma to HTML. I'll see you in the first lesson.
