Landing pages can be efficient tools for guiding your users towards a preferred action. In this free course, you will find out how to build a landing page with HTML and CSS, using a Photoshop file as your starting point and constructing the page with the help of the Bootstrap structure.
Envato Aspects
All the imaginative possessions you need under one subscription. Customize your task by adding special pictures, typefaces, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Aspects:
1. Introduction
00:00 1.1 Introduction
00:35 1.2 What You Will Construct
– One – Ultimate Landing Page PSD on Envato Aspects:
– Demonstration of What We'll Be Building:
2. Structuring Your HTML
05:35 2.1 Getting going
11:05 2.2 Bootstrap Review
17:30 2.3 Font Styles and Link Tags
– Google Fonts:
– Font Awesome CDN:
21:58 2.4 Laying Out the Header
29:45 2.5 Laying Out the Function Section
45:11 2.6 Laying Out the Video Section
49:36 2.7 Laying Out More Content
58:43 2.8 A Challenging Design
01:03:27 2.9 The Remainder of the Design
3. Styling the Page
01:09:32 3.1 Text and Buttons
01:18:52 3.2 Styling the Header
01:30:40 3.3 Styling the Video Section
01:40:07 3.4 Styling the Information Section
– How to Use CSS Gradients on the internet:
01:47:11 3.5 Stimulating the Scroll Position
4. Conclusion
01:53:02 4.1 Last Thoughts
Assets for Tuts+ Course: Building a Landing Page that Converts:
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+.
Discover complimentary how-to tutorials and online courses. Style a logo, develop a website, construct an app, or learn a brand-new ability:.
Envato Aspects.
All the creative assets you require under one membership. Tailor your project by adding unique photos, fonts, graphics, and styles.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Aspects:.
► Register For Envato Tuts+ on YouTube:.
► Follow Envato Tuts+ on Twitter:.
► Follow Envato Tuts+ on Facebook:.
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – -.
CSS Best Sellers
hi .. i was wondering where are the project files?
Please so some video about codecanyon.
How to make product of codecanyon like with the code html css js…. and the documentation file and upload process.
please your working files for this video for atleast a starter to see what you have done, please link
Hi, those links are now in the description. Thanks for watching!
@Envato Tuts+ thanks very much
Thanks so much for adding assets and links to the description!